@charset "UTF-8";
@charset "UTF-8";
@font-face {
font-family: 'denaro-fab-font';
src: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/denaro-fab-font/denaro-fab-font.eot?26028131);
src: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/denaro-fab-font/denaro-fab-font.eot?26028131#iefix) format('embedded-opentype'),
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/denaro-fab-font/denaro-fab-font.woff2?26028131) format('woff2'),
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/denaro-fab-font/denaro-fab-font.woff?26028131) format('woff'),
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/denaro-fab-font/denaro-fab-font.ttf?26028131) format('truetype'),
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/denaro-fab-font/denaro-fab-font.svg?26028131#denaro-fab-font) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="art-fab-icon-"]:before, [class*=" art-fab-icon-"]:before {
font-family: "denaro-fab-font";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.art-fab-icon-firefox-browser:before { content: '\e800'; } .art-fab-icon-ideal:before { content: '\e801'; } .art-fab-icon-microblog:before { content: '\e802'; } .art-fab-icon-pied-piper-square:before { content: '\e803'; } .art-fab-icon-unity:before { content: '\e804'; } .art-fab-icon-dailymotion:before { content: '\e805'; } .art-fab-icon-instagram-square:before { content: '\e806'; } .art-fab-icon-mixer:before { content: '\e807'; } .art-fab-icon-shopify:before { content: '\e808'; } .art-fab-icon-deezer:before { content: '\e809'; } .art-fab-icon-edge-legacy:before { content: '\e80a'; } .art-fab-icon-google-pay:before { content: '\e80b'; } .art-fab-icon-rust:before { content: '\e80c'; } .art-fab-icon-tiktok:before { content: '\e80d'; } .art-fab-icon-unsplash:before { content: '\e80e'; } .art-fab-icon-cloudflare:before { content: '\e80f'; } .art-fab-icon-guilded:before { content: '\e810'; } .art-fab-icon-hive:before { content: '\e811'; } .art-fab-icon-innosoft:before { content: '\e812'; } .art-fab-icon-instalod:before { content: '\e813'; } .art-fab-icon-octopus-deploy:before { content: '\e814'; } .art-fab-icon-perbyte:before { content: '\e815'; } .art-fab-icon-uncharted:before { content: '\e816'; } .art-fab-icon-watchman-monitoring:before { content: '\e817'; } .art-fab-icon-wodu:before { content: '\e818'; } .art-fab-icon-x-twitter:before { content: '\e9c9'; } .art-fab-icon-twitter-square:before { content: '\f081'; } .art-fab-icon-facebook-square:before { content: '\f082'; } .art-fab-icon-linkedin:before { content: '\f08c'; } .art-fab-icon-github-square:before { content: '\f092'; } .art-fab-icon-twitter:before { content: '\f099'; } .art-fab-icon-facebook:before { content: '\f09a'; } .art-fab-icon-github:before { content: '\f09b'; } .art-fab-icon-pinterest:before { content: '\f0d2'; } .art-fab-icon-pinterest-square:before { content: '\f0d3'; } .art-fab-icon-google-plus-square:before { content: '\f0d4'; } .art-fab-icon-google-plus-g:before { content: '\f0d5'; } .art-fab-icon-linkedin-in:before { content: '\f0e1'; } .art-fab-icon-github-alt:before { content: '\f113'; } .art-fab-icon-maxcdn:before { content: '\f136'; } .art-fab-icon-html5:before { content: '\f13b'; } .art-fab-icon-css3:before { content: '\f13c'; } .art-fab-icon-btc:before { content: '\f15a'; } .art-fab-icon-youtube:before { content: '\f167'; } .art-fab-icon-xing:before { content: '\f168'; } .art-fab-icon-xing-square:before { content: '\f169'; } .art-fab-icon-dropbox:before { content: '\f16b'; } .art-fab-icon-stack-overflow:before { content: '\f16c'; } .art-fab-icon-instagram:before { content: '\f16d'; } .art-fab-icon-flickr:before { content: '\f16e'; } .art-fab-icon-adn:before { content: '\f170'; } .art-fab-icon-bitbucket:before { content: '\f171'; } .art-fab-icon-tumblr:before { content: '\f173'; } .art-fab-icon-tumblr-square:before { content: '\f174'; } .art-fab-icon-apple:before { content: '\f179'; } .art-fab-icon-windows:before { content: '\f17a'; } .art-fab-icon-android:before { content: '\f17b'; } .art-fab-icon-linux:before { content: '\f17c'; } .art-fab-icon-dribbble:before { content: '\f17d'; } .art-fab-icon-skype:before { content: '\f17e'; } .art-fab-icon-foursquare:before { content: '\f180'; } .art-fab-icon-trello:before { content: '\f181'; } .art-fab-icon-gratipay:before { content: '\f184'; } .art-fab-icon-vk:before { content: '\f189'; } .art-fab-icon-weibo:before { content: '\f18a'; } .art-fab-icon-renren:before { content: '\f18b'; } .art-fab-icon-pagelines:before { content: '\f18c'; } .art-fab-icon-stack-exchange:before { content: '\f18d'; } .art-fab-icon-vimeo-square:before { content: '\f194'; } .art-fab-icon-slack:before { content: '\f198'; } .art-fab-icon-wordpress:before { content: '\f19a'; } .art-fab-icon-openid:before { content: '\f19b'; } .art-fab-icon-yahoo:before { content: '\f19e'; } .art-fab-icon-google:before { content: '\f1a0'; } .art-fab-icon-reddit:before { content: '\f1a1'; } .art-fab-icon-reddit-square:before { content: '\f1a2'; } .art-fab-icon-stumbleupon-circle:before { content: '\f1a3'; } .art-fab-icon-stumbleupon:before { content: '\f1a4'; } .art-fab-icon-delicious:before { content: '\f1a5'; } .art-fab-icon-digg:before { content: '\f1a6'; } .art-fab-icon-pied-piper-pp:before { content: '\f1a7'; } .art-fab-icon-pied-piper-alt:before { content: '\f1a8'; } .art-fab-icon-drupal:before { content: '\f1a9'; } .art-fab-icon-joomla:before { content: '\f1aa'; } .art-fab-icon-behance:before { content: '\f1b4'; } .art-fab-icon-behance-square:before { content: '\f1b5'; } .art-fab-icon-steam:before { content: '\f1b6'; } .art-fab-icon-steam-square:before { content: '\f1b7'; } .art-fab-icon-spotify:before { content: '\f1bc'; } .art-fab-icon-deviantart:before { content: '\f1bd'; } .art-fab-icon-soundcloud:before { content: '\f1be'; } .art-fab-icon-vine:before { content: '\f1ca'; } .art-fab-icon-codepen:before { content: '\f1cb'; } .art-fab-icon-jsfiddle:before { content: '\f1cc'; } .art-fab-icon-rebel:before { content: '\f1d0'; } .art-fab-icon-empire:before { content: '\f1d1'; } .art-fab-icon-git-square:before { content: '\f1d2'; } .art-fab-icon-git:before { content: '\f1d3'; } .art-fab-icon-hacker-news:before { content: '\f1d4'; } .art-fab-icon-tencent-weibo:before { content: '\f1d5'; } .art-fab-icon-qq:before { content: '\f1d6'; } .art-fab-icon-weixin:before { content: '\f1d7'; } .art-fab-icon-slideshare:before { content: '\f1e7'; } .art-fab-icon-twitch:before { content: '\f1e8'; } .art-fab-icon-yelp:before { content: '\f1e9'; } .art-fab-icon-paypal:before { content: '\f1ed'; } .art-fab-icon-google-wallet:before { content: '\f1ee'; } .art-fab-icon-cc-visa:before { content: '\f1f0'; } .art-fab-icon-cc-mastercard:before { content: '\f1f1'; } .art-fab-icon-cc-discover:before { content: '\f1f2'; } .art-fab-icon-cc-amex:before { content: '\f1f3'; } .art-fab-icon-cc-paypal:before { content: '\f1f4'; } .art-fab-icon-cc-stripe:before { content: '\f1f5'; } .art-fab-icon-lastfm:before { content: '\f202'; } .art-fab-icon-lastfm-square:before { content: '\f203'; } .art-fab-icon-ioxhost:before { content: '\f208'; } .art-fab-icon-angellist:before { content: '\f209'; } .art-fab-icon-buysellads:before { content: '\f20d'; } .art-fab-icon-connectdevelop:before { content: '\f20e'; } .art-fab-icon-dashcube:before { content: '\f210'; } .art-fab-icon-forumbee:before { content: '\f211'; } .art-fab-icon-leanpub:before { content: '\f212'; } .art-fab-icon-sellsy:before { content: '\f213'; } .art-fab-icon-shirtsinbulk:before { content: '\f214'; } .art-fab-icon-simplybuilt:before { content: '\f215'; } .art-fab-icon-skyatlas:before { content: '\f216'; } .art-fab-icon-pinterest-p:before { content: '\f231'; } .art-fab-icon-whatsapp:before { content: '\f232'; } .art-fab-icon-viacoin:before { content: '\f237'; } .art-fab-icon-medium:before { content: '\f23a'; } .art-fab-icon-y-combinator:before { content: '\f23b'; } .art-fab-icon-optin-monster:before { content: '\f23c'; } .art-fab-icon-opencart:before { content: '\f23d'; } .art-fab-icon-expeditedssl:before { content: '\f23e'; } .art-fab-icon-cc-jcb:before { content: '\f24b'; } .art-fab-icon-cc-diners-club:before { content: '\f24c'; } .art-fab-icon-creative-commons:before { content: '\f25e'; } .art-fab-icon-gg:before { content: '\f260'; } .art-fab-icon-gg-circle:before { content: '\f261'; } .art-fab-icon-tripadvisor:before { content: '\f262'; } .art-fab-icon-odnoklassniki:before { content: '\f263'; } .art-fab-icon-odnoklassniki-square:before { content: '\f264'; } .art-fab-icon-get-pocket:before { content: '\f265'; } .art-fab-icon-wikipedia-w:before { content: '\f266'; } .art-fab-icon-safari:before { content: '\f267'; } .art-fab-icon-chrome:before { content: '\f268'; } .art-fab-icon-firefox:before { content: '\f269'; } .art-fab-icon-opera:before { content: '\f26a'; } .art-fab-icon-internet-explorer:before { content: '\f26b'; } .art-fab-icon-contao:before { content: '\f26d'; } .art-fab-icon-500px:before { content: '\f26e'; } .art-fab-icon-amazon:before { content: '\f270'; } .art-fab-icon-houzz:before { content: '\f27c'; } .art-fab-icon-vimeo-v:before { content: '\f27d'; } .art-fab-icon-black-tie:before { content: '\f27e'; } .art-fab-icon-fonticons:before { content: '\f280'; } .art-fab-icon-reddit-alien:before { content: '\f281'; } .art-fab-icon-edge:before { content: '\f282'; } .art-fab-icon-codiepie:before { content: '\f284'; } .art-fab-icon-modx:before { content: '\f285'; } .art-fab-icon-fort-awesome:before { content: '\f286'; } .art-fab-icon-usb:before { content: '\f287'; } .art-fab-icon-product-hunt:before { content: '\f288'; } .art-fab-icon-mixcloud:before { content: '\f289'; } .art-fab-icon-scribd:before { content: '\f28a'; } .art-fab-icon-bluetooth:before { content: '\f293'; } .art-fab-icon-bluetooth-b:before { content: '\f294'; } .art-fab-icon-gitlab:before { content: '\f296'; } .art-fab-icon-wpbeginner:before { content: '\f297'; } .art-fab-icon-wpforms:before { content: '\f298'; } .art-fab-icon-envira:before { content: '\f299'; } .art-fab-icon-glide:before { content: '\f2a5'; } .art-fab-icon-glide-g:before { content: '\f2a6'; } .art-fab-icon-viadeo:before { content: '\f2a9'; } .art-fab-icon-viadeo-square:before { content: '\f2aa'; } .art-fab-icon-snapchat:before { content: '\f2ab'; } .art-fab-icon-snapchat-ghost:before { content: '\f2ac'; } .art-fab-icon-snapchat-square:before { content: '\f2ad'; } .art-fab-icon-pied-piper:before { content: '\f2ae'; } .art-fab-icon-first-order:before { content: '\f2b0'; } .art-fab-icon-yoast:before { content: '\f2b1'; } .art-fab-icon-themeisle:before { content: '\f2b2'; } .art-fab-icon-google-plus:before { content: '\f2b3'; } .art-fab-icon-font-awesome:before { content: '\f2b4'; } .art-fab-icon-linode:before { content: '\f2b8'; } .art-fab-icon-quora:before { content: '\f2c4'; } .art-fab-icon-free-code-camp:before { content: '\f2c5'; } .art-fab-icon-telegram:before { content: '\f2c6'; } .art-fab-icon-bandcamp:before { content: '\f2d5'; } .art-fab-icon-grav:before { content: '\f2d6'; } .art-fab-icon-etsy:before { content: '\f2d7'; } .art-fab-icon-imdb:before { content: '\f2d8'; } .art-fab-icon-ravelry:before { content: '\f2d9'; } .art-fab-icon-sellcast:before { content: '\f2da'; } .art-fab-icon-superpowers:before { content: '\f2dd'; } .art-fab-icon-wpexplorer:before { content: '\f2de'; } .art-fab-icon-meetup:before { content: '\f2e0'; } .art-fab-icon-font-awesome-alt:before { content: '\f35c'; } .art-fab-icon-accessible-icon:before { content: '\f368'; } .art-fab-icon-accusoft:before { content: '\f369'; } .art-fab-icon-adversal:before { content: '\f36a'; } .art-fab-icon-affiliatetheme:before { content: '\f36b'; } .art-fab-icon-algolia:before { content: '\f36c'; } .art-fab-icon-amilia:before { content: '\f36d'; } .art-fab-icon-angrycreative:before { content: '\f36e'; } .art-fab-icon-app-store:before { content: '\f36f'; } .art-fab-icon-app-store-ios:before { content: '\f370'; } .art-fab-icon-apper:before { content: '\f371'; } .art-fab-icon-asymmetrik:before { content: '\f372'; } .art-fab-icon-audible:before { content: '\f373'; } .art-fab-icon-avianex:before { content: '\f374'; } .art-fab-icon-aws:before { content: '\f375'; } .art-fab-icon-bimobject:before { content: '\f378'; } .art-fab-icon-bitcoin:before { content: '\f379'; } .art-fab-icon-bity:before { content: '\f37a'; } .art-fab-icon-blackberry:before { content: '\f37b'; } .art-fab-icon-blogger:before { content: '\f37c'; } .art-fab-icon-blogger-b:before { content: '\f37d'; } .art-fab-icon-buromobelexperte:before { content: '\f37f'; } .art-fab-icon-centercode:before { content: '\f380'; } .art-fab-icon-cloudscale:before { content: '\f383'; } .art-fab-icon-cloudsmith:before { content: '\f384'; } .art-fab-icon-cloudversify:before { content: '\f385'; } .art-fab-icon-cpanel:before { content: '\f388'; } .art-fab-icon-css3-alt:before { content: '\f38b'; } .art-fab-icon-cuttlefish:before { content: '\f38c'; } .art-fab-icon-d-and-d:before { content: '\f38d'; } .art-fab-icon-deploydog:before { content: '\f38e'; } .art-fab-icon-deskpro:before { content: '\f38f'; } .art-fab-icon-digital-ocean:before { content: '\f391'; } .art-fab-icon-discord:before { content: '\f392'; } .art-fab-icon-discourse:before { content: '\f393'; } .art-fab-icon-dochub:before { content: '\f394'; } .art-fab-icon-docker:before { content: '\f395'; } .art-fab-icon-draft2digital:before { content: '\f396'; } .art-fab-icon-dribbble-square:before { content: '\f397'; } .art-fab-icon-dyalog:before { content: '\f399'; } .art-fab-icon-earlybirds:before { content: '\f39a'; } .art-fab-icon-erlang:before { content: '\f39d'; } .art-fab-icon-facebook-f:before { content: '\f39e'; } .art-fab-icon-facebook-messenger:before { content: '\f39f'; } .art-fab-icon-firstdraft:before { content: '\f3a1'; } .art-fab-icon-fonticons-fi:before { content: '\f3a2'; } .art-fab-icon-fort-awesome-alt:before { content: '\f3a3'; } .art-fab-icon-freebsd:before { content: '\f3a4'; } .art-fab-icon-gitkraken:before { content: '\f3a6'; } .art-fab-icon-gofore:before { content: '\f3a7'; } .art-fab-icon-goodreads:before { content: '\f3a8'; } .art-fab-icon-goodreads-g:before { content: '\f3a9'; } .art-fab-icon-google-drive:before { content: '\f3aa'; } .art-fab-icon-google-play:before { content: '\f3ab'; } .art-fab-icon-gripfire:before { content: '\f3ac'; } .art-fab-icon-grunt:before { content: '\f3ad'; } .art-fab-icon-gulp:before { content: '\f3ae'; } .art-fab-icon-hacker-news-square:before { content: '\f3af'; } .art-fab-icon-hire-a-helper:before { content: '\f3b0'; } .art-fab-icon-hotjar:before { content: '\f3b1'; } .art-fab-icon-hubspot:before { content: '\f3b2'; } .art-fab-icon-itunes:before { content: '\f3b4'; } .art-fab-icon-itunes-note:before { content: '\f3b5'; } .art-fab-icon-jenkins:before { content: '\f3b6'; } .art-fab-icon-joget:before { content: '\f3b7'; } .art-fab-icon-js:before { content: '\f3b8'; } .art-fab-icon-js-square:before { content: '\f3b9'; } .art-fab-icon-keycdn:before { content: '\f3ba'; } .art-fab-icon-kickstarter:before { content: '\f3bb'; } .art-fab-icon-kickstarter-k:before { content: '\f3bc'; } .art-fab-icon-laravel:before { content: '\f3bd'; } .art-fab-icon-line:before { content: '\f3c0'; } .art-fab-icon-lyft:before { content: '\f3c3'; } .art-fab-icon-magento:before { content: '\f3c4'; } .art-fab-icon-medapps:before { content: '\f3c6'; } .art-fab-icon-medium-m:before { content: '\f3c7'; } .art-fab-icon-medrt:before { content: '\f3c8'; } .art-fab-icon-microsoft:before { content: '\f3ca'; } .art-fab-icon-mix:before { content: '\f3cb'; } .art-fab-icon-mizuni:before { content: '\f3cc'; } .art-fab-icon-monero:before { content: '\f3d0'; } .art-fab-icon-napster:before { content: '\f3d2'; } .art-fab-icon-node-js:before { content: '\f3d3'; } .art-fab-icon-npm:before { content: '\f3d4'; } .art-fab-icon-ns8:before { content: '\f3d5'; } .art-fab-icon-nutritionix:before { content: '\f3d6'; } .art-fab-icon-page4:before { content: '\f3d7'; } .art-fab-icon-palfed:before { content: '\f3d8'; } .art-fab-icon-patreon:before { content: '\f3d9'; } .art-fab-icon-periscope:before { content: '\f3da'; } .art-fab-icon-phabricator:before { content: '\f3db'; } .art-fab-icon-phoenix-framework:before { content: '\f3dc'; } .art-fab-icon-playstation:before { content: '\f3df'; } .art-fab-icon-pushed:before { content: '\f3e1'; } .art-fab-icon-python:before { content: '\f3e2'; } .art-fab-icon-red-river:before { content: '\f3e3'; } .art-fab-icon-wpressr:before { content: '\f3e4'; } .art-fab-icon-replyd:before { content: '\f3e6'; } .art-fab-icon-resolving:before { content: '\f3e7'; } .art-fab-icon-rocketchat:before { content: '\f3e8'; } .art-fab-icon-rockrms:before { content: '\f3e9'; } .art-fab-icon-schlix:before { content: '\f3ea'; } .art-fab-icon-searchengin:before { content: '\f3eb'; } .art-fab-icon-servicestack:before { content: '\f3ec'; } .art-fab-icon-sistrix:before { content: '\f3ee'; } .art-fab-icon-slack-hash:before { content: '\f3ef'; } .art-fab-icon-speakap:before { content: '\f3f3'; } .art-fab-icon-staylinked:before { content: '\f3f5'; } .art-fab-icon-steam-symbol:before { content: '\f3f6'; } .art-fab-icon-sticker-mule:before { content: '\f3f7'; } .art-fab-icon-studiovinari:before { content: '\f3f8'; } .art-fab-icon-supple:before { content: '\f3f9'; } .art-fab-icon-telegram-plane:before { content: '\f3fe'; } .art-fab-icon-uber:before { content: '\f402'; } .art-fab-icon-uikit:before { content: '\f403'; } .art-fab-icon-uniregistry:before { content: '\f404'; } .art-fab-icon-untappd:before { content: '\f405'; } .art-fab-icon-ussunnah:before { content: '\f407'; } .art-fab-icon-vaadin:before { content: '\f408'; } .art-fab-icon-viber:before { content: '\f409'; } .art-fab-icon-vimeo:before { content: '\f40a'; } .art-fab-icon-vnv:before { content: '\f40b'; } .art-fab-icon-whatsapp-square:before { content: '\f40c'; } .art-fab-icon-whmcs:before { content: '\f40d'; } .art-fab-icon-wordpress-simple:before { content: '\f411'; } .art-fab-icon-xbox:before { content: '\f412'; } .art-fab-icon-yandex:before { content: '\f413'; } .art-fab-icon-yandex-international:before { content: '\f414'; } .art-fab-icon-apple-pay:before { content: '\f415'; } .art-fab-icon-cc-apple-pay:before { content: '\f416'; } .art-fab-icon-fly:before { content: '\f417'; } .art-fab-icon-node:before { content: '\f419'; } .art-fab-icon-osi:before { content: '\f41a'; } .art-fab-icon-react:before { content: '\f41b'; } .art-fab-icon-autoprefixer:before { content: '\f41c'; } .art-fab-icon-less:before { content: '\f41d'; } .art-fab-icon-sass:before { content: '\f41e'; } .art-fab-icon-vuejs:before { content: '\f41f'; } .art-fab-icon-angular:before { content: '\f420'; } .art-fab-icon-aviato:before { content: '\f421'; } .art-fab-icon-ember:before { content: '\f423'; } .art-fab-icon-font-awesome-flag:before { content: '\f425'; } .art-fab-icon-gitter:before { content: '\f426'; } .art-fab-icon-hooli:before { content: '\f427'; } .art-fab-icon-strava:before { content: '\f428'; } .art-fab-icon-stripe:before { content: '\f429'; } .art-fab-icon-stripe-s:before { content: '\f42a'; } .art-fab-icon-typo3:before { content: '\f42b'; } .art-fab-icon-amazon-pay:before { content: '\f42c'; } .art-fab-icon-cc-amazon-pay:before { content: '\f42d'; } .art-fab-icon-ethereum:before { content: '\f42e'; } .art-fab-icon-korvue:before { content: '\f42f'; } .art-fab-icon-elementor:before { content: '\f430'; } .art-fab-icon-youtube-square:before { content: '\f431'; } .art-fab-icon-flipboard:before { content: '\f44d'; } .art-fab-icon-hips:before { content: '\f452'; } .art-fab-icon-php:before { content: '\f457'; } .art-fab-icon-quinscape:before { content: '\f459'; } .art-fab-icon-readme:before { content: '\f4d5'; } .art-fab-icon-java:before { content: '\f4e4'; } .art-fab-icon-pied-piper-hat:before { content: '\f4e5'; } .art-fab-icon-creative-commons-by:before { content: '\f4e7'; } .art-fab-icon-creative-commons-nc:before { content: '\f4e8'; } .art-fab-icon-creative-commons-nc-eu:before { content: '\f4e9'; } .art-fab-icon-creative-commons-nc-jp:before { content: '\f4ea'; } .art-fab-icon-creative-commons-nd:before { content: '\f4eb'; } .art-fab-icon-creative-commons-pd:before { content: '\f4ec'; } .art-fab-icon-creative-commons-pd-alt:before { content: '\f4ed'; } .art-fab-icon-creative-commons-remix:before { content: '\f4ee'; } .art-fab-icon-creative-commons-sa:before { content: '\f4ef'; } .art-fab-icon-creative-commons-sampling:before { content: '\f4f0'; } .art-fab-icon-creative-commons-sampling-plus:before { content: '\f4f1'; } .art-fab-icon-creative-commons-share:before { content: '\f4f2'; } .art-fab-icon-creative-commons-zero:before { content: '\f4f3'; } .art-fab-icon-ebay:before { content: '\f4f4'; } .art-fab-icon-keybase:before { content: '\f4f5'; } .art-fab-icon-mastodon:before { content: '\f4f6'; } .art-fab-icon-r-project:before { content: '\f4f7'; } .art-fab-icon-researchgate:before { content: '\f4f8'; } .art-fab-icon-teamspeak:before { content: '\f4f9'; } .art-fab-icon-first-order-alt:before { content: '\f50a'; } .art-fab-icon-fulcrum:before { content: '\f50b'; } .art-fab-icon-galactic-republic:before { content: '\f50c'; } .art-fab-icon-galactic-senate:before { content: '\f50d'; } .art-fab-icon-jedi-order:before { content: '\f50e'; } .art-fab-icon-mandalorian:before { content: '\f50f'; } .art-fab-icon-old-republic:before { content: '\f510'; } .art-fab-icon-phoenix-squadron:before { content: '\f511'; } .art-fab-icon-sith:before { content: '\f512'; } .art-fab-icon-trade-federation:before { content: '\f513'; } .art-fab-icon-wolf-pack-battalion:before { content: '\f514'; } .art-fab-icon-hornbill:before { content: '\f592'; } .art-fab-icon-mailchimp:before { content: '\f59e'; } .art-fab-icon-megaport:before { content: '\f5a3'; } .art-fab-icon-nimblr:before { content: '\f5a8'; } .art-fab-icon-rev:before { content: '\f5b2'; } .art-fab-icon-shopware:before { content: '\f5b5'; } .art-fab-icon-squarespace:before { content: '\f5be'; } .art-fab-icon-themeco:before { content: '\f5c6'; } .art-fab-icon-weebly:before { content: '\f5cc'; } .art-fab-icon-wix:before { content: '\f5cf'; } .art-fab-icon-ello:before { content: '\f5f1'; } .art-fab-icon-hackerrank:before { content: '\f5f7'; } .art-fab-icon-kaggle:before { content: '\f5fa'; } .art-fab-icon-markdown:before { content: '\f60f'; } .art-fab-icon-neos:before { content: '\f612'; } .art-fab-icon-zhihu:before { content: '\f63f'; } .art-fab-icon-alipay:before { content: '\f642'; } .art-fab-icon-the-red-yeti:before { content: '\f69d'; } .art-fab-icon-acquisitions-incorporated:before { content: '\f6af'; } .art-fab-icon-critical-role:before { content: '\f6c9'; } .art-fab-icon-d-and-d-beyond:before { content: '\f6ca'; } .art-fab-icon-dev:before { content: '\f6cc'; } .art-fab-icon-fantasy-flight-games:before { content: '\f6dc'; } .art-fab-icon-penny-arcade:before { content: '\f704'; } .art-fab-icon-wizards-of-the-coast:before { content: '\f730'; } .art-fab-icon-think-peaks:before { content: '\f731'; } .art-fab-icon-reacteurope:before { content: '\f75d'; } .art-fab-icon-artstation:before { content: '\f77a'; } .art-fab-icon-atlassian:before { content: '\f77b'; } .art-fab-icon-canadian-maple-leaf:before { content: '\f785'; } .art-fab-icon-centos:before { content: '\f789'; } .art-fab-icon-confluence:before { content: '\f78d'; } .art-fab-icon-dhl:before { content: '\f790'; } .art-fab-icon-diaspora:before { content: '\f791'; } .art-fab-icon-fedex:before { content: '\f797'; } .art-fab-icon-fedora:before { content: '\f798'; } .art-fab-icon-figma:before { content: '\f799'; } .art-fab-icon-intercom:before { content: '\f7af'; } .art-fab-icon-invision:before { content: '\f7b0'; } .art-fab-icon-jira:before { content: '\f7b1'; } .art-fab-icon-mendeley:before { content: '\f7b3'; } .art-fab-icon-raspberry-pi:before { content: '\f7bb'; } .art-fab-icon-redhat:before { content: '\f7bc'; } .art-fab-icon-sketch:before { content: '\f7c6'; } .art-fab-icon-sourcetree:before { content: '\f7d3'; } .art-fab-icon-suse:before { content: '\f7d6'; } .art-fab-icon-ubuntu:before { content: '\f7df'; } .art-fab-icon-ups:before { content: '\f7e0'; } .art-fab-icon-usps:before { content: '\f7e1'; } .art-fab-icon-yarn:before { content: '\f7e3'; } .art-fab-icon-airbnb:before { content: '\f834'; } .art-fab-icon-battle-net:before { content: '\f835'; } .art-fab-icon-bootstrap:before { content: '\f836'; } .art-fab-icon-buffer:before { content: '\f837'; } .art-fab-icon-chromecast:before { content: '\f838'; } .art-fab-icon-evernote:before { content: '\f839'; } .art-fab-icon-itch-io:before { content: '\f83a'; } .art-fab-icon-salesforce:before { content: '\f83b'; } .art-fab-icon-speaker-deck:before { content: '\f83c'; } .art-fab-icon-symfony:before { content: '\f83d'; } .art-fab-icon-waze:before { content: '\f83f'; } .art-fab-icon-yammer:before { content: '\f840'; } .art-fab-icon-git-alt:before { content: '\f841'; } .art-fab-icon-stackpath:before { content: '\f842'; } .art-fab-icon-cotton-bureau:before { content: '\f89e'; } .art-fab-icon-buy-n-large:before { content: '\f8a6'; } .art-fab-icon-mdb:before { content: '\f8ca'; } .art-fab-icon-orcid:before { content: '\f8d2'; } .art-fab-icon-swift:before { content: '\f8e1'; } .art-fab-icon-umbraco:before { content: '\f8e8'; }@font-face {
font-family: 'denaro-font';
src: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/denaro-font/denaro-font.eot?59265839);
src: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/denaro-font/denaro-font.eot?59265839#iefix) format('embedded-opentype'),
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/denaro-font/denaro-font.woff2?59265839) format('woff2'),
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/denaro-font/denaro-font.woff?59265839) format('woff'),
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/denaro-font/denaro-font.ttf?59265839) format('truetype'),
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/denaro-font/denaro-font.svg?59265839#denaro-font) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="art-icon-"]:before, [class*=" art-icon-"]:before {
font-family: "denaro-font";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.art-icon-alert-24:before { content: '\c001'; }
.art-icon-arrow-bottom-24:before { content: '\c002'; }
.art-icon-arrow-bottom-28:before { content: '\c003'; }
.art-icon-arrow-left-24:before { content: '\c004'; }
.art-icon-arrow-left-28:before { content: '\c005'; }
.art-icon-arrow-right-24:before { content: '\c006'; }
.art-icon-arrow-right-28:before { content: '\c007'; }
.art-icon-arrow-top-24:before { content: '\c008'; }
.art-icon-arrow-top-28:before { content: '\c009'; }
.art-icon-calendar-24:before { content: '\c010'; }
.art-icon-check-24:before { content: '\c011'; }
.art-icon-check-circle-24:before { content: '\c012'; }
.art-icon-chevron-bottom-16:before { content: '\c013'; }
.art-icon-chevron-bottom-70:before { content: '\c014'; }
.art-icon-chevron-left-16:before { content: '\c015'; }
.art-icon-chevron-left-70:before { content: '\c016'; }
.art-icon-chevron-right-16:before { content: '\c017'; }
.art-icon-chevron-right-70:before { content: '\c018'; }
.art-icon-chevron-top-16:before { content: '\c019'; }
.art-icon-chevron-top-70:before { content: '\c020'; }
.art-icon-close-16:before { content: '\c021'; }
.art-icon-close-32:before { content: '\c022'; }
.art-icon-info-24:before { content: '\c023'; }
.art-icon-minus-16:before { content: '\c024'; }
.art-icon-plus-16:before { content: '\c025'; }
.art-icon-search-24:before { content: '\c026'; }@font-face {
font-family: 'HKGrotesk';
src: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/custom-font/HKGrotesk-Regular.otf);
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/HKGrotesk-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'HKGrotesk';
src: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/custom-font/HKGrotesk-Italic.otf);
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/HKGrotesk-Italic.ttf) format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'HKGrotesk';
src: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/custom-font/HKGrotesk-Medium.otf);
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/HKGrotesk-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'HKGrotesk';
src: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/custom-font/HKGrotesk-SemiBold.otf);
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/HKGrotesk-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'HKGrotesk';
src: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/custom-font/HKGrotesk-Bold.otf);
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/HKGrotesk-Bold.otf) format('truetype');
font-weight: 700;
font-style: normal;
}@font-face {
font-family: 'magnetique';
src: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fontello/font/magnetique.eot?32333967);
src: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fontello/font/magnetique.eot?32333967#iefix) format('embedded-opentype'),
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fontello/font/magnetique.woff2?32333967) format('woff2'),
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fontello/font/magnetique.woff?32333967) format('woff'),
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fontello/font/magnetique.ttf?32333967) format('truetype'),
url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fontello/font/magnetique.svg?32333967#magnetique) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "magnetique";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-dot:before { content: '\e800'; } .icon-arrow-back:before { content: '\e801'; } .icon-arrow-forward:before { content: '\e802'; } .icon-vector:before { content: '\e803'; } .icon-facebook:before { content: '\e804'; } .icon-instagram:before { content: '\e805'; } .icon-mail:before { content: '\e806'; } .icon-arrow-left:before { content: '\e807'; } .icon-arrow-right:before { content: '\e808'; } .icon-cart:before { content: '\e809'; } .icon-close:before { content: '\e80a'; } .icon-login:before { content: '\e80b'; } .icon-plus:before { content: '\e80c'; } .icon-search:before { content: '\e80d'; } .icon-wishlist:before { content: '\e80e'; } .icon-calendar:before { content: '\e80f'; } .icon-certificate:before { content: '\e810'; } .icon-duration:before { content: '\e811'; } .icon-enrolled:before { content: '\e812'; } .icon-lectures:before { content: '\e813'; } .icon-level:before { content: '\e814'; } .icon-lock:before { content: '\e815'; } .icon-logout:before { content: '\e816'; } .icon-orders:before { content: '\e817'; } .icon-price:before { content: '\e818'; } .icon-questions:before { content: '\e819'; } .icon-settings:before { content: '\e81a'; } .icon-star:before { content: '\e81b'; } .icon-wishlist-1:before { content: '\e81c'; } .icon-curriculum:before { content: '\e81d'; } .icon-overview:before { content: '\e81e'; } .icon-questions-1:before { content: '\e81f'; }.fr-window,
.fr-window [class^="fr-"],
.fr-overlay,
.fr-overlay [class^="fr-"],
.fr-spinner,
.fr-spinner [class^="fr-"] {
box-sizing: border-box;
}
.fr-window {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
font: 13px/20px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana,
Arial, sans-serif; transform: translateZ(0px);
} .fr-overlay {
z-index: 99998;
}
.fr-window {
z-index: 99999;
}
.fr-spinner {
z-index: 100000;
} .fr-overlay {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.fr-overlay-background {
float: left;
width: 100%;
height: 100%;
background: #000;
opacity: 0.9;
filter: alpha(opacity=90);
}
.fr-overlay-ui-fullclick .fr-overlay-background {
background: #292929;
opacity: 1;
filter: alpha(opacity=100);
} .fr-window.fr-mobile-touch,
.fr-overlay.fr-mobile-touch {
position: absolute;
overflow: visible;
} .fr-measured {
margin: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
}
.fr-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fr-pages {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fr-page {
position: absolute;
width: 100%;
height: 100%;
}
.fr-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
text-align: center;
}
.fr-hovering-clickable .fr-container {
cursor: pointer;
}  .fr-ui-inside .fr-container {
padding: 20px 20px;
}
.fr-ui-inside.fr-no-sides .fr-container {
padding: 20px;
} .fr-ui-outside .fr-container {
padding: 20px 82px;
}
.fr-ui-outside.fr-no-sides .fr-container {
padding: 20px 48px;
} @media all and (max-width: 700px) and (orientation: portrait),
all and (orientation: landscape) and (max-height: 700px) { .fr-ui-inside .fr-container {
padding: 12px 12px;
}
.fr-ui-inside.fr-no-sides .fr-container {
padding: 12px;
} .fr-ui-outside .fr-container {
padding: 12px 72px;
}
.fr-ui-outside.fr-no-sides .fr-container {
padding: 12px 48px;
}
}
@media all and (max-width: 500px) and (orientation: portrait),
all and (orientation: landscape) and (max-height: 500px) { .fr-ui-inside .fr-container {
padding: 0px 0px;
}
.fr-ui-inside.fr-no-sides .fr-container {
padding: 0px;
} .fr-ui-outside .fr-container {
padding: 0px 72px;
}
.fr-ui-outside.fr-no-sides .fr-container {
padding: 0px 48px;
}
} .fr-ui-fullclick .fr-container {
padding: 0;
}
.fr-ui-fullclick.fr-no-sides .fr-container {
padding: 0;
} .fr-ui-fullclick.fr-type-video .fr-container {
padding: 0px 62px;
}
.fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container {
padding: 48px 0px;
} .fr-overflow-y .fr-container {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.fr-content,
.fr-content-background {
position: absolute;
top: 50%;
left: 50%; overflow: visible;
} .fr-content-element {
float: left;
width: 100%;
height: 100%;
}
.fr-content-background {
background: #101010;
}
.fr-info {
position: absolute;
top: 0;
left: 0;
width: 100%;
color: #efefef;
font-size: 13px;
line-height: 20px;
text-align: left;
-webkit-text-size-adjust: none;
text-size-adjust: none;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.fr-info-background {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
line-height: 1%;
filter: none;
opacity: 1;
}
.fr-ui-inside .fr-info-background {
filter: alpha(opacity=80);
opacity: 0.8;
zoom: 1;
} .fr-ui-outside .fr-info-background {
background: #0d0d0d;
} .fr-content .fr-info {
top: auto;
bottom: 0;
}
.fr-info-padder {
display: block;
overflow: hidden;
padding: 12px;
position: relative;
width: auto;
}
.fr-caption {
width: auto;
display: inline;
}
.fr-position {
color: #b3b3b3;
float: right;
line-height: 21px;
opacity: 0.99;
position: relative;
text-align: right;
margin-left: 15px;
white-space: nowrap;
} .fr-position-outside,
.fr-position-inside {
position: absolute;
bottom: 0;
right: 0;
margin: 12px;
width: auto;
padding: 2px 8px;
border-radius: 10px;
font-size: 11px;
line-height: 20px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
display: none;
overflow: hidden;
white-space: nowrap;
-webkit-text-size-adjust: none;
text-size-adjust: none;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.fr-position-inside {
border: 0;
}
.fr-position-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0d0d0d;
filter: alpha(opacity=80);
opacity: 0.8;
zoom: 1; }
.fr-position-text {
color: #b3b3b3;
}
.fr-position-outside .fr-position-text,
.fr-position-inside .fr-position-text {
float: left;
position: relative;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
opacity: 1;
} .fr-ui-outside .fr-position-outside {
display: block;
}
.fr-ui-outside .fr-info .fr-position {
display: none;
}
.fr-ui-inside.fr-no-caption .fr-position-inside {
display: block;
} .fr-info a,
.fr-info a:hover {
color: #ccc;
border: 0;
background: none;
text-decoration: underline;
}
.fr-info a:hover {
color: #eee;
} .fr-ui-outside.fr-no-caption .fr-info {
display: none;
}
.fr-ui-inside.fr-no-caption .fr-caption {
display: none;
} .fr-stroke {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
}
.fr-stroke-vertical {
width: 1px;
height: 100%;
}
.fr-stroke-horizontal {
padding: 0 1px;
}
.fr-stroke-right {
left: auto;
right: 0;
}
.fr-stroke-bottom {
top: auto;
bottom: 0;
}
.fr-stroke-color {
float: left;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.08);
} .fr-info .fr-stroke-color {
background: rgba(80, 80, 80, 0.3);
} .fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom {
display: none;
} .fr-ui-fullclick .fr-stroke {
display: none;
}
.fr-ui-fullclick .fr-content-background {
box-shadow: none;
} .fr-info .fr-stroke-top {
display: none;
} .fr-side {
position: absolute;
top: 50%;
width: 54px;
height: 72px;
margin: 0 9px;
margin-top: -36px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
zoom: 1;
}
.fr-side-previous {
left: 0;
}
.fr-side-next {
right: 0;
left: auto;
}
.fr-side-disabled {
cursor: default;
}
.fr-side-hidden {
display: none !important;
}
.fr-side-button {
float: left;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.fr-side-button-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #101010;
}
.fr-side-button-icon {
float: left;
position: relative;
height: 100%;
width: 100%;
zoom: 1;
background-position: 50% 50%;
background-repeat: no-repeat;
} @media all and (max-width: 500px) and (orientation: portrait),
all and (orientation: landscape) and (max-height: 414px) {
.fr-side {
width: 54px;
height: 60px;
margin: 0;
margin-top: -30px;
}
.fr-side-button {
width: 48px;
height: 60px;
margin: 0 3px;
}
} .fr-close {
position: absolute;
width: 48px;
height: 48px;
top: 0;
right: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.fr-close-background,
.fr-close-icon {
position: absolute;
top: 12px;
left: 12px;
height: 26px;
width: 26px;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.fr-close-background {
background-color: #000;
} .fr-thumbnails {
position: absolute;
overflow: hidden;
}
.fr-thumbnails-disabled .fr-thumbnails {
display: none !important;
}
.fr-thumbnails-horizontal .fr-thumbnails {
width: 100%;
height: 12%;
min-height: 74px;
max-height: 160px;
bottom: 0;
}
.fr-thumbnails-vertical .fr-thumbnails {
height: 100%;
width: 10%;
min-width: 74px;
max-width: 160px;
left: 0;
}
.fr-thumbnails,
.fr-thumbnails * {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fr-thumbnails-wrapper {
position: absolute;
top: 0;
left: 50%;
height: 100%;
}
.fr-thumbnails-vertical .fr-thumbnails-wrapper {
top: 50%;
left: 0;
}
.fr-thumbnails-slider {
position: relative;
width: 100%;
height: 100%;
float: left;
zoom: 1;
}
.fr-thumbnails-slider-slide {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.fr-thumbnails-thumbs {
float: left;
height: 100%;
overflow: hidden;
position: relative;
top: 0;
left: 0;
}
.fr-thumbnails-slide {
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
.fr-thumbnail-frame {
position: absolute;
zoom: 1;
overflow: hidden;
}
.fr-thumbnail {
position: absolute;
width: 30px;
height: 100%;
left: 50%;
top: 50%;
zoom: 1;
cursor: pointer;
margin: 0 10px;
}
.fr-ltIE9 .fr-thumbnail * {
overflow: hidden; z-index: 1;
zoom: 1;
}
.fr-thumbnail-wrapper {
position: relative;
background: #161616;
width: 100%;
height: 100%;
float: left;
overflow: hidden;
display: inline; z-index: 0; }
.fr-thumbnail-overlay {
cursor: pointer;
}
.fr-thumbnail-active .fr-thumbnail-overlay {
cursor: default;
}
.fr-thumbnail-overlay,
.fr-thumbnail-overlay-background,
.fr-thumbnail-overlay-border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: 0;
overflow: hidden;
border-style: solid;
border-color: transparent;
}
.fr-ltIE9 .fr-thumbnail-overlay-border {
border-width: 0 !important;
}
.fr-thumbnail .fr-thumbnail-image {
position: absolute;
filter: alpha(opacity=85);
opacity: 0.85;
max-width: none;
}
.fr-thumbnail:hover .fr-thumbnail-image,
.fr-thumbnail-active:hover .fr-thumbnail-image {
filter: alpha(opacity=99);
opacity: 0.99;
}
.fr-thumbnail-active .fr-thumbnail-image,
.fr-thumbnail-active:hover .fr-thumbnail-image {
filter: alpha(opacity=35);
opacity: 0.35;
}
.fr-thumbnail-active {
cursor: default;
} .fr-thumbnail-loading,
.fr-thumbnail-loading-background,
.fr-thumbnail-loading-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fr-thumbnail-loading-background {
background-color: #161616;
background-position: 50% 50%;
background-repeat: no-repeat;
opacity: 0.8;
position: relative;
float: left;
} .fr-thumbnail-loading-icon {
display: none;
} .fr-thumbnail-error .fr-thumbnail-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #202020;
} .fr-thumbnails-side {
float: left;
height: 100%;
width: 28px;
margin: 0 5px;
position: relative;
overflow: hidden;
}
.fr-thumbnails-side-previous {
margin-left: 12px;
}
.fr-thumbnails-side-next {
margin-right: 12px;
}
.fr-thumbnails-vertical .fr-thumbnails-side {
height: 28px;
width: 100%;
margin: 10px 0;
}
.fr-thumbnails-vertical .fr-thumbnails-side-previous {
margin-top: 20px;
}
.fr-thumbnails-vertical .fr-thumbnails-side-next {
margin-bottom: 20px;
}
.fr-thumbnails-side-button {
position: absolute;
top: 50%;
left: 50%;
margin-top: -14px;
margin-left: -14px;
width: 28px;
height: 28px;
cursor: pointer;
}
.fr-thumbnails-side-button-background {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
filter: alpha(opacity=80);
opacity: 0.8;
-moz-transition: background-color 0.2s ease-in;
-webkit-transition: background-color 0.2s ease-in;
transition: background-color 0.2s ease-in;
background-color: #333;
cursor: pointer;
border-radius: 4px;
}
.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background {
background-color: #3b3b3b;
}
.fr-thumbnails-side-button-disabled * {
cursor: default;
}
.fr-thumbnails-side-button-disabled:hover
.fr-thumbnails-side-button-background {
background-color: #333;
}
.fr-thumbnails-side-button-icon {
position: absolute; top: 0;
left: 0;
width: 100%;
height: 100%;
} .fr-thumbnails-vertical .fr-thumbnails-side,
.fr-thumbnails-vertical .fr-thumbnails-thumbs,
.fr-thumbnails-vertical .fr-thumbnail-frame {
clear: both;
} .fr-window-ui-fullclick .fr-thumbnails {
background: #090909;
} .fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal
.fr-info
.fr-stroke-bottom {
display: block !important;
} .fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical
.fr-info
.fr-stroke-left {
display: block !important;
} .fr-thumbnails-horizontal .fr-thumbnails-thumbs {
padding: 12px 5px;
}
.fr-thumbnails-vertical .fr-thumbnails-thumbs {
padding: 5px 12px;
}
.fr-thumbnails-measured .fr-thumbnails-thumbs {
padding: 0 !important;
} @media all and (min-height: 700px) {
.fr-thumbnails-horizontal .fr-thumbnails-thumbs {
padding: 16px 8px;
}
.fr-thumbnails-horizontal .fr-thumbnails-side {
margin: 0 8px;
}
.fr-thumbnails-horizontal .fr-thumbnails-side-previous {
margin-left: 16px;
}
.fr-thumbnails-horizontal .fr-thumbnails-side-next {
margin-right: 16px;
}
}
@media all and (min-height: 980px) {
.fr-thumbnails-horizontal .fr-thumbnails-thumbs {
padding: 20px 10px;
}
.fr-thumbnails-horizontal .fr-thumbnails-side {
margin: 0 10px;
}
.fr-thumbnails-horizontal .fr-thumbnails-side-previous {
margin-left: 20px;
}
.fr-thumbnails-horizontal .fr-thumbnails-side-next {
margin-right: 20px;
}
} @media all and (min-width: 1200px) {
.fr-thumbnails-vertical .fr-thumbnails-thumbs {
padding: 8px 16px;
}
.fr-thumbnails-vertical .fr-thumbnails-side {
margin: 0 8px;
}
.fr-thumbnails-vertical .fr-thumbnails-side-previous {
margin-top: 16px;
}
.fr-thumbnails-vertical .fr-thumbnails-side-next {
margin-bottom: 16px;
}
}
@media all and (min-width: 1800px) {
.fr-thumbnails-vertical .fr-thumbnails-thumbs {
padding: 10px 20px;
}
.fr-thumbnails-vertical .fr-thumbnails-side {
margin: 10px 0;
}
.fr-thumbnails-vertical .fr-thumbnails-side-previous {
margin-top: 20px;
}
.fr-thumbnails-vertical .fr-thumbnails-side-next {
margin-bottom: 20px;
}
} @media all and (max-width: 500px) and (orientation: portrait),
all and (orientation: landscape) and (max-height: 500px) {
.fr-thumbnails-horizontal .fr-thumbnails {
display: none !important;
}
}
@media all and (max-width: 700px) and (orientation: portrait),
all and (orientation: landscape) and (max-height: 414px) {
.fr-thumbnails-vertical .fr-thumbnails {
display: none !important;
}
} @media all and (max-width: 500px) and (orientation: portrait),
all and (orientation: landscape) and (max-height: 414px) {
.fr-page {
min-width: 100%;
} .fr-page {
min-height: 100%;
} } .fr-window-ui-fullclick .fr-side-next-outside,
.fr-window-ui-fullclick .fr-side-previous-outside,
.fr-window-ui-fullclick .fr-close-outside,
.fr-window-ui-fullclick .fr-content .fr-side-next,
.fr-window-ui-fullclick .fr-content .fr-side-previous,
.fr-window-ui-fullclick .fr-content .fr-close,
.fr-window-ui-fullclick .fr-content .fr-info,
.fr-window-ui-outside .fr-side-next-fullclick,
.fr-window-ui-outside .fr-side-previous-fullclick,
.fr-window-ui-outside .fr-close-fullclick,
.fr-window-ui-outside .fr-content .fr-side-next,
.fr-window-ui-outside .fr-content .fr-side-previous,
.fr-window-ui-outside .fr-content .fr-close,
.fr-window-ui-outside .fr-content .fr-info,
.fr-window-ui-inside .fr-page > .fr-info,
.fr-window-ui-inside .fr-side-next-fullclick,
.fr-window-ui-inside .fr-side-previous-fullclick,
.fr-window-ui-inside .fr-close-fullclick,
.fr-window-ui-inside .fr-side-next-outside,
.fr-window-ui-inside .fr-side-previous-outside,
.fr-window-ui-inside .fr-close-outside {
display: none !important;
} .fr-toggle-ui {
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.fr-visible-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui {
opacity: 1;
}
.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.fr-ltIE9.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-ltIE9.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui {
display: none;
} .fr-spinner {
position: fixed;
width: 52px;
height: 52px;
background: #101010;
background: rgba(16, 16, 16, 0.85);
border-radius: 5px;
}
.fr-spinner div {
position: absolute;
top: 0;
left: 0;
height: 64%;
width: 64%;
margin-left: 18%;
margin-top: 18%;
opacity: 1;
-webkit-animation: fresco-12 1.2s infinite ease-in-out;
animation: fresco-12 1.2s infinite ease-in-out;
}
.fr-spinner div:after {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 2px;
height: 8px;
margin-left: -1px;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.fr-spinner div.fr-spin-1 {
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.fr-spinner div.fr-spin-2 {
-ms-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.fr-spinner div.fr-spin-3 {
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.fr-spinner div.fr-spin-4 {
-ms-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.fr-spinner div.fr-spin-5 {
-ms-transform: rotate(150deg);
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.fr-spinner div.fr-spin-6 {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.fr-spinner div.fr-spin-6 {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.fr-spinner div.fr-spin-7 {
-ms-transform: rotate(210deg);
-webkit-transform: rotate(210deg);
transform: rotate(210deg);
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.fr-spinner div.fr-spin-8 {
-ms-transform: rotate(240deg);
-webkit-transform: rotate(240deg);
transform: rotate(240deg);
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.fr-spinner div.fr-spin-9 {
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.fr-spinner div.fr-spin-10 {
-ms-transform: rotate(300deg);
-webkit-transform: rotate(300deg);
transform: rotate(300deg);
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.fr-spinner div.fr-spin-11 {
-ms-transform: rotate(330deg);
-webkit-transform: rotate(330deg);
transform: rotate(330deg);
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
.fr-spinner div.fr-spin-12 {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
@-webkit-keyframes fresco-12 {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fresco-12 {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .fr-thumbnail-spinner {
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
width: 40px;
height: 40px;
}
.fr-thumbnail-spinner-spin {
position: relative;
float: left;
margin: 8px 0 0 8px;
text-indent: -9999em;
border-top: 2px solid rgba(255, 255, 255, 0.2);
border-right: 2px solid rgba(255, 255, 255, 0.2);
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
border-left: 2px solid #fff;
-webkit-animation: fr-thumbnail-spin 1.1s infinite linear;
animation: fr-thumbnail-spin 1.1s infinite linear;
}
.fr-thumbnail-spinner-spin,
.fr-thumbnail-spinner-spin:after {
border-radius: 50%;
width: 24px;
height: 24px;
}
@-webkit-keyframes fr-thumbnail-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fr-thumbnail-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .fr-error {
float: left;
position: relative;
background-color: #ca3434;
width: 160px;
height: 160px;
}
.fr-error-icon {
position: absolute;
width: 42px;
height: 42px;
top: 50%;
left: 50%;
margin-left: -21px;
margin-top: -21px;
}  .fr-window-skin-fresco .fr-side-button-icon,
.fr-window-skin-fresco .fr-close-icon,
.fr-window-skin-fresco .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco .fr-error-icon {
background-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/libs/fresco/fresco/skins/fresco/sprite.svg);
} .fr-window-skin-fresco.fr-no-svg .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-close-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco .fr-error-icon {
background-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/libs/fresco/fresco/skins/fresco/sprite.png);
}
.fr-window-skin-fresco .fr-error-icon {
background-position: -160px -126px;
}
.fr-window-skin-fresco .fr-content-background {
background: #101010;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background {
box-shadow: none;
} .fr-window-skin-fresco .fr-thumbnail-wrapper {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
} .fr-window-skin-fresco .fr-side-button-background {
background-color: transparent;
}
.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon {
background-position: -13px -14px;
}
.fr-window-skin-fresco .fr-side-next .fr-side-button-icon {
background-position: -93px -14px;
}
.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon {
background-position: -13px -114px;
}
.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon {
background-position: -93px -114px;
} .fr-window-skin-fresco.fr-no-svg
.fr-hovering-previous
.fr-side-previous
.fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch
.fr-side-previous
.fr-side-button-icon {
background-position: -13px -114px;
}
.fr-window-skin-fresco.fr-no-svg
.fr-hovering-next
.fr-side-next
.fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch
.fr-side-next
.fr-side-button-icon {
background-position: -93px -114px;
} .fr-window-skin-fresco.fr-no-svg
.fr-side-previous.fr-side-disabled
.fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
.fr-hovering-previous
.fr-side-previous.fr-side-disabled
.fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
.fr-side-previous.fr-side-disabled:hover
.fr-side-button-icon {
background-position: -13px -214px;
}
.fr-window-skin-fresco.fr-no-svg
.fr-side-next.fr-side-disabled
.fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
.fr-hovering-next
.fr-side-next.fr-side-disabled
.fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
.fr-side-next.fr-side-disabled:hover
.fr-side-button-icon {
background-position: -93px -214px;
} .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon {
background-position: -13px -114px;
}
.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon {
background-position: -93px -114px;
}
.fr-window-skin-fresco.fr-svg .fr-side-button-icon {
opacity: 0.5;
}
.fr-window-skin-fresco.fr-svg .fr-side:hover .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg
.fr-hovering-previous
.fr-side-previous
.fr-side-button-icon,
.fr-window-skin-fresco.fr-svg
.fr-hovering-next
.fr-side-next
.fr-side-button-icon {
opacity: 1;
}
.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side .fr-side-button-icon {
opacity: 0.8;
}  .fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg
.fr-hovering-previous
.fr-side-disabled
.fr-side-button-icon,
.fr-window-skin-fresco.fr-svg
.fr-hovering-next
.fr-side-disabled
.fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-side-disabled:hover .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-mobile-touch
.fr-side-disabled
.fr-side-button-icon {
opacity: 0.2;
} .fr-window-skin-fresco.fr-window-ui-inside
.fr-type-image
.fr-side-disabled
.fr-side-button-icon,
.fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image
.fr-side-disabled
.fr-side-button-icon {
background-image: none;
} @media all and (max-width: 500px) and (orientation: portrait),
all and (orientation: landscape) and (max-height: 414px) {
.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon {
background-position: 0px -300px;
}
.fr-window-skin-fresco .fr-side-next .fr-side-button-icon {
background-position: -48px -300px;
}
.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon {
background-position: 0px -360px;
}
.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon {
background-position: -48px -360px;
} .fr-window-skin-fresco.fr-no-svg
.fr-hovering-previous
.fr-side-previous
.fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch
.fr-side-previous
.fr-side-button-icon {
background-position: 0px -360px;
}
.fr-window-skin-fresco.fr-no-svg
.fr-hovering-next
.fr-side-next
.fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch
.fr-side-next
.fr-side-button-icon {
background-position: -48px -360px;
} .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon {
background-position: 0px -360px;
}
.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon {
background-position: -48px -360px;
} .fr-window-skin-fresco.fr-no-svg
.fr-side-previous.fr-side-disabled
.fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
.fr-hovering-previous
.fr-side-previous.fr-side-disabled
.fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
.fr-side-previous.fr-side-disabled:hover
.fr-side-button-icon {
background-position: 0px -420px;
}
.fr-window-skin-fresco.fr-no-svg
.fr-side-next.fr-side-disabled
.fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
.fr-hovering-next
.fr-side-next.fr-side-disabled
.fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
.fr-side-next.fr-side-disabled:hover
.fr-side-button-icon {
background-position: -48px -420px;
}
}  .fr-window-skin-fresco.fr-window-ui-outside .fr-close-background {
background-color: #363636;
}
.fr-window-skin-fresco.fr-window-ui-outside
.fr-close:hover
.fr-close-background {
background-color: #434343;
}
.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background {
background-color: #131313;
filter: alpha(opacity=80);
opacity: 0.8;
}
.fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-fullclick
.fr-close:hover
.fr-close-background {
background-color: #191919;
} .fr-window-skin-fresco .fr-close .fr-close-icon {
background-position: -168px -8px;
}
.fr-window-skin-fresco .fr-close:hover .fr-close-icon {
background-position: -210px -8px;
} .fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon {
background-position: -210px -8px;
opacity: 0.8;
}
.fr-window-skin-fresco .fr-close:hover .fr-close-icon {
opacity: 1;
} .fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon,
.fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon {
opacity: 1;
} .fr-window-skin-fresco .fr-thumbnail-wrapper {
border-color: transparent;
border-style: solid;
border-width: 0;
}
.fr-window-skin-fresco .fr-thumbnail-wrapper {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.fr-window-skin-fresco .fr-thumbnail-wrapper {
box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3);
}
.fr-window-skin-fresco .fr-thumbnail-overlay-border {
border-width: 1px;
border-color: rgba(255, 255, 255, 0.08); } .fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border,
.fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border {
border: 0;
} .fr-window-skin-fresco
.fr-thumbnails-side-previous
.fr-thumbnails-side-button-icon {
background-position: -167px -49px;
}
.fr-window-skin-fresco
.fr-thumbnails-side-previous:hover
.fr-thumbnails-side-button-icon {
background-position: -209px -49px;
}
.fr-window-skin-fresco
.fr-thumbnails-side-next
.fr-thumbnails-side-button-icon {
background-position: -167px -91px;
}
.fr-window-skin-fresco
.fr-thumbnails-side-next:hover
.fr-thumbnails-side-button-icon {
background-position: -209px -91px;
} .fr-window-skin-fresco.fr-thumbnails-vertical
.fr-thumbnails-side-previous
.fr-thumbnails-side-button-icon {
background-position: -293px -49px;
}
.fr-window-skin-fresco.fr-thumbnails-vertical
.fr-thumbnails-side-previous:hover
.fr-thumbnails-side-button-icon {
background-position: -335px -49px;
}
.fr-window-skin-fresco.fr-thumbnails-vertical
.fr-thumbnails-side-next
.fr-thumbnails-side-button-icon {
background-position: -293px -91px;
}
.fr-window-skin-fresco.fr-thumbnails-vertical
.fr-thumbnails-side-next:hover
.fr-thumbnails-side-button-icon {
background-position: -335px -91px;
} .fr-window-skin-fresco.fr-svg
.fr-thumbnails-side
.fr-thumbnails-side-button-icon {
-moz-transition: opacity 0.2s ease-in;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
opacity: 0.8;
}
.fr-window-skin-fresco.fr-svg
.fr-thumbnails-side-previous
.fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg
.fr-thumbnails-side-previous
.fr-thumbnails-side-button-disabled {
background-position: -167px -49px;
}
.fr-window-skin-fresco.fr-svg
.fr-thumbnails-side-next
.fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg
.fr-thumbnails-side-next
.fr-thumbnails-side-button-disabled {
background-position: -209px -91px;
}
.fr-window-skin-fresco.fr-svg
.fr-thumbnails-side:hover
.fr-thumbnails-side-button-icon {
opacity: 1;
} .fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical
.fr-thumbnails-side-previous
.fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical
.fr-thumbnails-side-previous
.fr-thumbnails-side-button-disabled {
background-position: -293px -49px;
}
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical
.fr-thumbnails-side-next
.fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical
.fr-thumbnails-side-next
.fr-thumbnails-side-button-disabled {
background-position: -335px -91px;
} .fr-window-skin-fresco.fr-svg
.fr-thumbnails-side
.fr-thumbnails-side-button-disabled,
.fr-window-skin-fresco.fr-svg
.fr-thumbnails-side:hover
.fr-thumbnails-side-button-disabled {
opacity: 0.5;
} .fr-window-skin-fresco.fr-no-svg
.fr-thumbnails-side-previous
.fr-thumbnails-side-button-disabled
.fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
.fr-thumbnails-side-previous:hover
.fr-thumbnails-side-button-disabled
.fr-thumbnails-side-button-icon {
background-position: -251px -49px;
}
.fr-window-skin-fresco.fr-no-svg
.fr-thumbnails-side-next
.fr-thumbnails-side-button-disabled
.fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg
.fr-thumbnails-side-next:hover
.fr-thumbnails-side-button-disabled
.fr-thumbnails-side-button-icon {
background-position: -251px -91px;
}
.fr-window-skin-fresco.fr-no-svg
.fr-thumbnails-side
.fr-thumbnails-side-button-disabled
.fr-thumbnails-side-button-background,
.fr-window-skin-fresco.fr-no-svg
.fr-thumbnails-side:hover
.fr-thumbnails-side-button-disabled
.fr-thumbnails-side-button-background {
filter: alpha(opacity=50);
} .fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical
.fr-thumbnails-side-previous
.fr-thumbnails-side-button-disabled
.fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical
.fr-thumbnails-side-previous:hover
.fr-thumbnails-side-button-disabled
.fr-thumbnails-side-button-icon {
background-position: -377px -49px;
}
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical
.fr-thumbnails-side-next
.fr-thumbnails-side-button-disabled
.fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical
.fr-thumbnails-side-next:hover
.fr-thumbnails-side-button-disabled
.fr-thumbnails-side-button-icon {
background-position: -377px -91px;
}:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
@-ms-viewport {
width: device-width; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block; }
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff; }
[tabindex="-1"]:focus {
outline: 0 !important; }
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible; }
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem; }
p {
margin-top: 0;
margin-bottom: 1rem; }
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0; }
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit; }
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem; }
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0; }
dt {
font-weight: 700; }
dd {
margin-bottom: .5rem;
margin-left: 0; }
blockquote {
margin: 0 0 1rem; }
dfn {
font-style: italic; }
b,
strong {
font-weight: bolder; }
small {
font-size: 80%; }
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline; }
sub {
bottom: -.25em; }
sup {
top: -.5em; }
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects; }
a:hover {
color: #0056b3;
text-decoration: underline; }
a:not([href]):not([tabindex]) {
text-decoration: none; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
text-decoration: none; }
a:not([href]):not([tabindex]):focus {
outline: 0; }
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em; }
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar; }
figure {
margin: 0 0 1rem; }
img {
vertical-align: middle;
border-style: none; }
svg:not(:root) {
overflow: hidden;
vertical-align: middle; }
table {
border-collapse: collapse; }
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom; }
th {
text-align: inherit; }
label {
display: inline-block;
margin-bottom: 0.5rem; }
button {
-webkit-border-radius: 0;
border-radius: 0; }
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color; }
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit; }
button,
input {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none; }
input[type="radio"],
input[type="checkbox"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0; }
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox; }
textarea {
overflow: auto;
resize: vertical; }
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0; }
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal; }
progress {
vertical-align: baseline; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button; }
output {
display: inline-block; }
summary {
display: list-item;
cursor: pointer; }
template {
display: none; }
[hidden] {
display: none !important; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit; }
h1, .h1 {
font-size: 2.5rem; }
h2, .h2 {
font-size: 2rem; }
h3, .h3 {
font-size: 1.75rem; }
h4, .h4 {
font-size: 1.5rem; }
h5, .h5 {
font-size: 1.25rem; }
h6, .h6 {
font-size: 1rem; }
.lead {
font-size: 1.25rem;
font-weight: 300; }
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2; }
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2; }
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2; }
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2; }
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
small,
.small {
font-size: 80%;
font-weight: 400; }
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3; }
.list-unstyled {
padding-left: 0;
list-style: none; }
.list-inline {
padding-left: 0;
list-style: none; }
.list-inline-item {
display: inline-block; }
.list-inline-item:not(:last-child) {
margin-right: 0.5rem; }
.initialism {
font-size: 90%;
text-transform: uppercase; }
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem; }
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d; }
.blockquote-footer::before {
content: "\2014 \00A0"; }
.img-fluid {
max-width: 100%;
height: auto; }
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem;
max-width: 100%;
height: auto; }
.figure {
display: inline-block; }
.figure-img {
margin-bottom: 0.5rem;
line-height: 1; }
.figure-caption {
font-size: 90%;
color: #6c757d; }
code {
font-size: 87.5%;
color: #e83e8c;
word-break: break-word; }
a > code {
color: inherit; }
kbd {
padding: 0.2rem 0.4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
-webkit-border-radius: 0.2rem;
border-radius: 0.2rem; }
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700; }
pre {
display: block;
font-size: 87.5%;
color: #212529; }
pre code {
font-size: inherit;
color: inherit;
word-break: normal; }
.pre-scrollable {
max-height: 340px;
overflow-y: scroll; }
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) {
.container {
max-width: 540px; } }
@media (min-width: 768px) {
.container {
max-width: 720px; } }
@media (min-width: 992px) {
.container {
max-width: 960px; } }
@media (min-width: 1200px) {
.container {
max-width: 1170px; } }
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px; }
.no-gutters {
margin-right: 0;
margin-left: 0; }
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.order-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.order-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.offset-1 {
margin-left: 8.3333333333%; }
.offset-2 {
margin-left: 16.6666666667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.3333333333%; }
.offset-5 {
margin-left: 41.6666666667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.3333333333%; }
.offset-8 {
margin-left: 66.6666666667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.3333333333%; }
.offset-11 {
margin-left: 91.6666666667%; }
@media (min-width: 576px) {
.col-sm {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-sm-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.order-sm-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.3333333333%; }
.offset-sm-2 {
margin-left: 16.6666666667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.3333333333%; }
.offset-sm-5 {
margin-left: 41.6666666667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.3333333333%; }
.offset-sm-8 {
margin-left: 66.6666666667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.3333333333%; }
.offset-sm-11 {
margin-left: 91.6666666667%; } }
@media (min-width: 768px) {
.col-md {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-md-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.order-md-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.order-md-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.order-md-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-md-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-md-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-md-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-md-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-md-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-md-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-md-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-md-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-md-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-md-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-md-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.3333333333%; }
.offset-md-2 {
margin-left: 16.6666666667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.3333333333%; }
.offset-md-5 {
margin-left: 41.6666666667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.3333333333%; }
.offset-md-8 {
margin-left: 66.6666666667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.3333333333%; }
.offset-md-11 {
margin-left: 91.6666666667%; } }
@media (min-width: 992px) {
.col-lg {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-lg-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.order-lg-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.offset-lg-0 {
margin-left: 0; }
.offset-lg-1 {
margin-left: 8.3333333333%; }
.offset-lg-2 {
margin-left: 16.6666666667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.3333333333%; }
.offset-lg-5 {
margin-left: 41.6666666667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.3333333333%; }
.offset-lg-8 {
margin-left: 66.6666666667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.3333333333%; }
.offset-lg-11 {
margin-left: 91.6666666667%; } }
@media (min-width: 1200px) {
.col-xl {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-xl-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.order-xl-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.offset-xl-0 {
margin-left: 0; }
.offset-xl-1 {
margin-left: 8.3333333333%; }
.offset-xl-2 {
margin-left: 16.6666666667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.3333333333%; }
.offset-xl-5 {
margin-left: 41.6666666667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.3333333333%; }
.offset-xl-8 {
margin-left: 66.6666666667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.3333333333%; }
.offset-xl-11 {
margin-left: 91.6666666667%; } }
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: transparent; }
.table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6; }
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6; }
.table tbody + tbody {
border-top: 2px solid #dee2e6; }
.table .table {
background-color: #fff; }
.table-sm th,
.table-sm td {
padding: 0.3rem; }
.table-bordered {
border: 1px solid #dee2e6; }
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6; }
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px; }
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
border: 0; }
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05); }
.table-hover tbody tr:hover {
background-color: rgba(0, 0, 0, 0.075); }
.table-primary,
.table-primary > th,
.table-primary > td {
background-color: #b8daff; }
.table-hover .table-primary:hover {
background-color: #9fcdff; }
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #9fcdff; }
.table-secondary,
.table-secondary > th,
.table-secondary > td {
background-color: #d6d8db; }
.table-hover .table-secondary:hover {
background-color: #c8cbcf; }
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #c8cbcf; }
.table-success,
.table-success > th,
.table-success > td {
background-color: #c3e6cb; }
.table-hover .table-success:hover {
background-color: #b1dfbb; }
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #b1dfbb; }
.table-info,
.table-info > th,
.table-info > td {
background-color: #bee5eb; }
.table-hover .table-info:hover {
background-color: #abdde5; }
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #abdde5; }
.table-warning,
.table-warning > th,
.table-warning > td {
background-color: #ffeeba; }
.table-hover .table-warning:hover {
background-color: #ffe8a1; }
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #ffe8a1; }
.table-danger,
.table-danger > th,
.table-danger > td {
background-color: #f5c6cb; }
.table-hover .table-danger:hover {
background-color: #f1b0b7; }
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #f1b0b7; }
.table-light,
.table-light > th,
.table-light > td {
background-color: #fdfdfe; }
.table-hover .table-light:hover {
background-color: #ececf6; }
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #ececf6; }
.table-dark,
.table-dark > th,
.table-dark > td {
background-color: #c6c8ca; }
.table-hover .table-dark:hover {
background-color: #b9bbbe; }
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #b9bbbe; }
.table-active,
.table-active > th,
.table-active > td {
background-color: rgba(0, 0, 0, 0.075); }
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.075); }
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.075); }
.table .thead-dark th {
color: #fff;
background-color: #212529;
border-color: #32383e; }
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6; }
.table-dark {
color: #fff;
background-color: #212529; }
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #32383e; }
.table-dark.table-bordered {
border: 0; }
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05); }
.table-dark.table-hover tbody tr:hover {
background-color: rgba(255, 255, 255, 0.075); }
@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.table-responsive-sm > .table-bordered {
border: 0; } }
@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.table-responsive-md > .table-bordered {
border: 0; } }
@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.table-responsive-lg > .table-bordered {
border: 0; } }
@media (max-width: 1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.table-responsive-xl > .table-bordered {
border: 0; } }
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
.table-responsive > .table-bordered {
border: 0; }
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem;
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
@media screen and (prefers-reduced-motion: reduce) {
.form-control {
-webkit-transition: none;
-o-transition: none;
transition: none; } }
.form-control::-ms-expand {
background-color: transparent;
border: 0; }
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.form-control::-webkit-input-placeholder {
color: #6c757d;
opacity: 1; }
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1; }
.form-control::-ms-input-placeholder {
color: #6c757d;
opacity: 1; }
.form-control::placeholder {
color: #6c757d;
opacity: 1; }
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1; }
select.form-control:not([size]):not([multiple]) {
height: -webkit-calc(2.25rem + 2px);
height: calc(2.25rem + 2px); }
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff; }
.form-control-file,
.form-control-range {
display: block;
width: 100%; }
.col-form-label {
padding-top: -webkit-calc(0.375rem + 1px);
padding-top: calc(0.375rem + 1px);
padding-bottom: -webkit-calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5; }
.col-form-label-lg {
padding-top: -webkit-calc(0.5rem + 1px);
padding-top: calc(0.5rem + 1px);
padding-bottom: -webkit-calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5; }
.col-form-label-sm {
padding-top: -webkit-calc(0.25rem + 1px);
padding-top: calc(0.25rem + 1px);
padding-bottom: -webkit-calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.5; }
.form-control-plaintext {
display: block;
width: 100%;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0; }
.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
padding-right: 0;
padding-left: 0; }
.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
-webkit-border-radius: 0.2rem;
border-radius: 0.2rem; }
select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
height: -webkit-calc(1.8125rem + 2px);
height: calc(1.8125rem + 2px); }
.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
-webkit-border-radius: 0.3rem;
border-radius: 0.3rem; }
select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
height: -webkit-calc(2.875rem + 2px);
height: calc(2.875rem + 2px); }
.form-group {
margin-bottom: 1rem; }
.form-text {
display: block;
margin-top: 0.25rem; }
.form-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px; }
.form-row > .col,
.form-row > [class*="col-"] {
padding-right: 5px;
padding-left: 5px; }
.form-check {
position: relative;
display: block;
padding-left: 1.25rem; }
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem; }
.form-check-input:disabled ~ .form-check-label {
color: #6c757d; }
.form-check-label {
margin-bottom: 0; }
.form-check-inline {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin-right: 0.75rem; }
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0; }
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #28a745; }
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(40, 167, 69, 0.8);
-webkit-border-radius: .2rem;
border-radius: .2rem; }
.was-validated .form-control:valid, .form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
border-color: #28a745; }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
border-color: #28a745;
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #28a745; }
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
color: #28a745; }
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
background-color: #71dd8a; }
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
background-color: #34ce57; }
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #28a745; }
.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
border-color: inherit; }
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
display: block; }
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #dc3545; }
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(220, 53, 69, 0.8);
-webkit-border-radius: .2rem;
border-radius: .2rem; }
.was-validated .form-control:invalid, .form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
border-color: #dc3545; }
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
border-color: #dc3545;
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #dc3545; }
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
color: #dc3545; }
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
background-color: #efa2a9; }
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
background-color: #e4606d; }
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #dc3545; }
.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
border-color: inherit; }
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
display: block; }
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.form-inline {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.form-inline .form-check {
width: 100%; }
@media (min-width: 576px) {
.form-inline label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0; }
.form-inline .form-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0; }
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.form-inline .form-control-plaintext {
display: inline-block; }
.form-inline .input-group,
.form-inline .custom-select {
width: auto; }
.form-inline .form-check {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
padding-left: 0; }
.form-inline .form-check-input {
position: relative;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0; }
.form-inline .custom-control {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.form-inline .custom-control-label {
margin-bottom: 0; } }
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem;
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
@media screen and (prefers-reduced-motion: reduce) {
.btn {
-webkit-transition: none;
-o-transition: none;
transition: none; } }
.btn:hover, .btn:focus {
text-decoration: none; }
.btn:focus, .btn.focus {
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.btn.disabled, .btn:disabled {
opacity: 0.65; }
.btn:not(:disabled):not(.disabled) {
cursor: pointer; }
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
background-image: none; }
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none; }
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc; }
.btn-primary:focus, .btn-primary.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62; }
.btn-secondary:focus, .btn-secondary.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b; }
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34; }
.btn-success:focus, .btn-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430; }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b; }
.btn-info:focus, .btn-info.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f; }
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00; }
.btn-warning:focus, .btn-warning.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btn-warning.disabled, .btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500; }
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130; }
.btn-danger:focus, .btn-danger.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d; }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5; }
.btn-light:focus, .btn-light.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.btn-light.disabled, .btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df; }
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124; }
.btn-dark:focus, .btn-dark.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d; }
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.btn-outline-primary {
color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff; }
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.btn-outline-primary:focus, .btn-outline-primary.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #007bff;
background-color: transparent; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.btn-outline-secondary {
color: #6c757d;
background-color: transparent;
background-image: none;
border-color: #6c757d; }
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent; }
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d; }
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
.btn-outline-success {
color: #28a745;
background-color: transparent;
background-image: none;
border-color: #28a745; }
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.btn-outline-success:focus, .btn-outline-success.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #28a745;
background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745; }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.btn-outline-info {
color: #17a2b8;
background-color: transparent;
background-image: none;
border-color: #17a2b8; }
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.btn-outline-info:focus, .btn-outline-info.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent; }
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8; }
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
.btn-outline-warning {
color: #ffc107;
background-color: transparent;
background-image: none;
border-color: #ffc107; }
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-outline-warning:focus, .btn-outline-warning.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent; }
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107; }
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
.btn-outline-danger {
color: #dc3545;
background-color: transparent;
background-image: none;
border-color: #dc3545; }
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-outline-danger:focus, .btn-outline-danger.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent; }
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545; }
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
.btn-outline-light {
color: #f8f9fa;
background-color: transparent;
background-image: none;
border-color: #f8f9fa; }
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-outline-light:focus, .btn-outline-light.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent; }
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40; }
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.btn-outline-dark:focus, .btn-outline-dark.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent; }
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40; }
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
.btn-link {
font-weight: 400;
color: #007bff;
background-color: transparent; }
.btn-link:hover {
color: #0056b3;
text-decoration: underline;
background-color: transparent;
border-color: transparent; }
.btn-link:focus, .btn-link.focus {
text-decoration: underline;
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none; }
.btn-link:disabled, .btn-link.disabled {
color: #6c757d;
pointer-events: none; }
.btn-lg, .btn-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
-webkit-border-radius: 0.3rem;
border-radius: 0.3rem; }
.btn-sm, .btn-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
-webkit-border-radius: 0.2rem;
border-radius: 0.2rem; }
.btn-block {
display: block;
width: 100%; }
.btn-block + .btn-block {
margin-top: 0.5rem; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%; }
.fade {
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear; }
@media screen and (prefers-reduced-motion: reduce) {
.fade {
-webkit-transition: none;
-o-transition: none;
transition: none; } }
.fade:not(.show) {
opacity: 0; }
.collapse:not(.show) {
display: none; }
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease; }
@media screen and (prefers-reduced-motion: reduce) {
.collapsing {
-webkit-transition: none;
-o-transition: none;
transition: none; } }
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative; }
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent; }
.dropdown-toggle:empty::after {
margin-left: 0; }
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem; }
.dropdown-menu-right {
right: 0;
left: auto; }
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem; }
.dropup .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent; }
.dropup .dropdown-toggle:empty::after {
margin-left: 0; }
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: 0.125rem; }
.dropright .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid; }
.dropright .dropdown-toggle:empty::after {
margin-left: 0; }
.dropright .dropdown-toggle::after {
vertical-align: 0; }
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: 0.125rem; }
.dropleft .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: ""; }
.dropleft .dropdown-toggle::after {
display: none; }
.dropleft .dropdown-toggle::before {
display: inline-block;
width: 0;
height: 0;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent; }
.dropleft .dropdown-toggle:empty::after {
margin-left: 0; }
.dropleft .dropdown-toggle::before {
vertical-align: 0; }
.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
right: auto;
bottom: auto; }
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef; }
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0; }
.dropdown-item:hover, .dropdown-item:focus {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa; }
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff; }
.dropdown-item.disabled, .dropdown-item:disabled {
color: #6c757d;
background-color: transparent; }
.dropdown-menu.show {
display: block; }
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
white-space: nowrap; }
.dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #212529; }
.btn-group,
.btn-group-vertical {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle; }
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
z-index: 1; }
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1; }
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
margin-left: -1px; }
.btn-toolbar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.btn-toolbar .input-group {
width: auto; }
.btn-group > .btn:first-child {
margin-left: 0; }
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0; }
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0; }
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem; }
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
margin-left: 0; }
.dropleft .dropdown-toggle-split::before {
margin-right: 0; }
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem; }
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem; }
.btn-group-vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
width: 100%; }
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0; }
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0; }
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
margin-bottom: 0; }
.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none; }
.input-group {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%; }
.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0; }
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
margin-left: -1px; }
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
z-index: 3; }
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group > .custom-file {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .custom-file:not(:first-child) .custom-file-label {
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group-prepend,
.input-group-append {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.input-group-prepend .btn,
.input-group-append .btn {
position: relative;
z-index: 2; }
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
margin-left: -1px; }
.input-group-prepend {
margin-right: -1px; }
.input-group-append {
margin-left: -1px; }
.input-group-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem; }
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
margin-top: 0; }
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0; }
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem; }
.custom-control-inline {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 1rem; }
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0; }
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
background-color: #007bff; }
.custom-control-input:focus ~ .custom-control-label::before {
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.custom-control-input:active ~ .custom-control-label::before {
color: #fff;
background-color: #b3d7ff; }
.custom-control-input:disabled ~ .custom-control-label {
color: #6c757d; }
.custom-control-input:disabled ~ .custom-control-label::before {
background-color: #e9ecef; }
.custom-control-label {
position: relative;
margin-bottom: 0; }
.custom-control-label::before {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #dee2e6; }
.custom-control-label::after {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 50% 50%;
background-size: 50% 50%; }
.custom-checkbox .custom-control-label::before {
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background-color: #007bff; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
background-color: #007bff; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5); }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5); }
.custom-radio .custom-control-label::before {
-webkit-border-radius: 50%;
border-radius: 50%; }
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
background-color: #007bff; }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5); }
.custom-select {
display: inline-block;
width: 100%;
height: -webkit-calc(2.25rem + 2px);
height: calc(2.25rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
border: 1px solid #ced4da;
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.custom-select:focus {
border-color: #80bdff;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5);
box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5); }
.custom-select:focus::-ms-value {
color: #495057;
background-color: #fff; }
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
height: auto;
padding-right: 0.75rem;
background-image: none; }
.custom-select:disabled {
color: #6c757d;
background-color: #e9ecef; }
.custom-select::-ms-expand {
opacity: 0; }
.custom-select-sm {
height: -webkit-calc(1.8125rem + 2px);
height: calc(1.8125rem + 2px);
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 75%; }
.custom-select-lg {
height: -webkit-calc(2.875rem + 2px);
height: calc(2.875rem + 2px);
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 125%; }
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: -webkit-calc(2.25rem + 2px);
height: calc(2.25rem + 2px);
margin-bottom: 0; }
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: -webkit-calc(2.25rem + 2px);
height: calc(2.25rem + 2px);
margin: 0;
opacity: 0; }
.custom-file-input:focus ~ .custom-file-label {
border-color: #80bdff;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.custom-file-input:focus ~ .custom-file-label::after {
border-color: #80bdff; }
.custom-file-input:disabled ~ .custom-file-label {
background-color: #e9ecef; }
.custom-file-input:lang(en) ~ .custom-file-label::after {
content: "Browse"; }
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: -webkit-calc(2.25rem + 2px);
height: calc(2.25rem + 2px);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem; }
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: 2.25rem;
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: 1px solid #ced4da;
-webkit-border-radius: 0 0.25rem 0.25rem 0;
border-radius: 0 0.25rem 0.25rem 0; }
.custom-range {
width: 100%;
padding-left: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.custom-range:focus {
outline: none; }
.custom-range::-moz-focus-outer {
border: 0; }
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #007bff;
border: 0;
-webkit-border-radius: 1rem;
border-radius: 1rem;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
appearance: none; }
@media screen and (prefers-reduced-motion: reduce) {
.custom-range::-webkit-slider-thumb {
-webkit-transition: none;
-o-transition: none;
transition: none; } }
.custom-range::-webkit-slider-thumb:focus {
outline: none;
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.custom-range::-webkit-slider-thumb:active {
background-color: #b3d7ff; }
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
-webkit-border-radius: 1rem;
border-radius: 1rem; }
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-moz-appearance: none;
appearance: none; }
@media screen and (prefers-reduced-motion: reduce) {
.custom-range::-moz-range-thumb {
-webkit-transition: none;
-o-transition: none;
transition: none; } }
.custom-range::-moz-range-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.custom-range::-moz-range-thumb:active {
background-color: #b3d7ff; }
.custom-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem; }
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
appearance: none; }
@media screen and (prefers-reduced-motion: reduce) {
.custom-range::-ms-thumb {
-webkit-transition: none;
-o-transition: none;
transition: none; } }
.custom-range::-ms-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.custom-range::-ms-thumb:active {
background-color: #b3d7ff; }
.custom-range::-ms-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: 0.5rem; }
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem; }
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem; }
.custom-control-label::before,
.custom-file-label,
.custom-select {
-webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
@media screen and (prefers-reduced-motion: reduce) {
.custom-control-label::before,
.custom-file-label,
.custom-select {
-webkit-transition: none;
-o-transition: none;
transition: none; } }
.nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.nav-link {
display: block;
padding: 0.5rem 1rem; }
.nav-link:hover, .nav-link:focus {
text-decoration: none; }
.nav-link.disabled {
color: #6c757d; }
.nav-tabs {
border-bottom: 1px solid #dee2e6; }
.nav-tabs .nav-item {
margin-bottom: -1px; }
.nav-tabs .nav-link {
border: 1px solid transparent;
-webkit-border-top-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
-webkit-border-top-right-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: #e9ecef #e9ecef #dee2e6; }
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent; }
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff; }
.nav-tabs .dropdown-menu {
margin-top: -1px;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0; }
.nav-pills .nav-link {
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #007bff; }
.nav-fill .nav-item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center; }
.nav-justified .nav-item {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center; }
.tab-content > .tab-pane {
display: none; }
.tab-content > .active {
display: block; }
.navbar {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.5rem 1rem; }
.navbar > .container,
.navbar > .container-fluid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap; }
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none; }
.navbar-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0; }
.navbar-nav .dropdown-menu {
position: static;
float: none; }
.navbar-text {
display: inline-block;
padding-top: 0.5rem;
padding-bottom: 0.5rem; }
.navbar-collapse {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem; }
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none; }
.navbar-toggler:not(:disabled):not(.disabled) {
cursor: pointer; }
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
-webkit-background-size: 100% 100%;
background-size: 100% 100%; }
@media (max-width: 575.98px) {
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 576px) {
.navbar-expand-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.navbar-expand-sm .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.navbar-expand-sm .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.navbar-expand-sm .navbar-toggler {
display: none; } }
@media (max-width: 767.98px) {
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 768px) {
.navbar-expand-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.navbar-expand-md .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.navbar-expand-md .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.navbar-expand-md .navbar-toggler {
display: none; } }
@media (max-width: 991.98px) {
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 992px) {
.navbar-expand-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.navbar-expand-lg .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.navbar-expand-lg .navbar-toggler {
display: none; } }
@media (max-width: 1199.98px) {
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 1200px) {
.navbar-expand-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.navbar-expand-xl .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.navbar-expand-xl .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.navbar-expand-xl .navbar-toggler {
display: none; } }
.navbar-expand {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.navbar-expand > .container,
.navbar-expand > .container-fluid {
padding-right: 0;
padding-left: 0; }
.navbar-expand .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand > .container,
.navbar-expand > .container-fluid {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.navbar-expand .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.navbar-expand .navbar-toggler {
display: none; }
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.5); }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, 0.7); }
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3); }
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.5);
border-color: rgba(0, 0, 0, 0.1); }
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.5); }
.navbar-light .navbar-text a {
color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9); }
.navbar-dark .navbar-brand {
color: #fff; }
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #fff; }
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.5); }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75); }
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25); }
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
color: #fff; }
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.1); }
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.5); }
.navbar-dark .navbar-text a {
color: #fff; }
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
color: #fff; }
.card {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
-webkit-background-clip: border-box;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem; }
.card > hr {
margin-right: 0;
margin-left: 0; }
.card > .list-group:first-child .list-group-item:first-child {
-webkit-border-top-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
-webkit-border-top-right-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.card > .list-group:last-child .list-group-item:last-child {
-webkit-border-bottom-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
-webkit-border-bottom-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.card-body {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem; }
.card-title {
margin-bottom: 0.75rem; }
.card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0; }
.card-text:last-child {
margin-bottom: 0; }
.card-link:hover {
text-decoration: none; }
.card-link + .card-link {
margin-left: 1.25rem; }
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.card-header:first-child {
-webkit-border-radius: -webkit-calc(0.25rem - 1px) -webkit-calc(0.25rem - 1px) 0 0;
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
.card-header + .list-group .list-group-item:first-child {
border-top: 0; }
.card-footer {
padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125); }
.card-footer:last-child {
-webkit-border-radius: 0 0 -webkit-calc(0.25rem - 1px) -webkit-calc(0.25rem - 1px);
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }
.card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0; }
.card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem; }
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem; }
.card-img {
width: 100%;
-webkit-border-radius: -webkit-calc(0.25rem - 1px);
border-radius: calc(0.25rem - 1px); }
.card-img-top {
width: 100%;
-webkit-border-top-left-radius: -webkit-calc(0.25rem - 1px);
border-top-left-radius: calc(0.25rem - 1px);
-webkit-border-top-right-radius: -webkit-calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px); }
.card-img-bottom {
width: 100%;
-webkit-border-bottom-right-radius: -webkit-calc(0.25rem - 1px);
border-bottom-right-radius: calc(0.25rem - 1px);
-webkit-border-bottom-left-radius: -webkit-calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px); }
.card-deck {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.card-deck .card {
margin-bottom: 15px; }
@media (min-width: 576px) {
.card-deck {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px; }
.card-deck .card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px; } }
.card-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.card-group > .card {
margin-bottom: 15px; }
@media (min-width: 576px) {
.card-group {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.card-group > .card {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0; }
.card-group > .card + .card {
margin-left: 0;
border-left: 0; }
.card-group > .card:first-child {
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0; }
.card-group > .card:first-child .card-img-top,
.card-group > .card:first-child .card-header {
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0; }
.card-group > .card:first-child .card-img-bottom,
.card-group > .card:first-child .card-footer {
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0; }
.card-group > .card:last-child {
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0; }
.card-group > .card:last-child .card-img-top,
.card-group > .card:last-child .card-header {
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0; }
.card-group > .card:last-child .card-img-bottom,
.card-group > .card:last-child .card-footer {
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0; }
.card-group > .card:only-child {
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem; }
.card-group > .card:only-child .card-img-top,
.card-group > .card:only-child .card-header {
-webkit-border-top-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
-webkit-border-top-right-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.card-group > .card:only-child .card-img-bottom,
.card-group > .card:only-child .card-footer {
-webkit-border-bottom-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
-webkit-border-bottom-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
-webkit-border-radius: 0;
border-radius: 0; }
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
-webkit-border-radius: 0;
border-radius: 0; } }
.card-columns .card {
margin-bottom: 0.75rem; }
@media (min-width: 576px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1; }
.card-columns .card {
display: inline-block;
width: 100%; } }
.accordion .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
-webkit-border-radius: 0;
border-radius: 0; }
.accordion .card:not(:first-of-type) .card-header:first-child {
-webkit-border-radius: 0;
border-radius: 0; }
.accordion .card:first-of-type {
border-bottom: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0; }
.accordion .card:last-of-type {
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0; }
.breadcrumb {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem; }
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem; }
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
color: #6c757d;
content: "/"; }
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline; }
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none; }
.breadcrumb-item.active {
color: #6c757d; }
.pagination {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem; }
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6; }
.page-link:hover {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6; }
.page-link:focus {
z-index: 2;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.page-link:not(:disabled):not(.disabled) {
cursor: pointer; }
.page-item:first-child .page-link {
margin-left: 0;
-webkit-border-top-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
-webkit-border-bottom-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.page-item:last-child .page-link {
-webkit-border-top-right-radius: 0.25rem;
border-top-right-radius: 0.25rem;
-webkit-border-bottom-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem; }
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6; }
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.5; }
.pagination-lg .page-item:first-child .page-link {
-webkit-border-top-left-radius: 0.3rem;
border-top-left-radius: 0.3rem;
-webkit-border-bottom-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem; }
.pagination-lg .page-item:last-child .page-link {
-webkit-border-top-right-radius: 0.3rem;
border-top-right-radius: 0.3rem;
-webkit-border-bottom-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem; }
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5; }
.pagination-sm .page-item:first-child .page-link {
-webkit-border-top-left-radius: 0.2rem;
border-top-left-radius: 0.2rem;
-webkit-border-bottom-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem; }
.pagination-sm .page-item:last-child .page-link {
-webkit-border-top-right-radius: 0.2rem;
border-top-right-radius: 0.2rem;
-webkit-border-bottom-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem; }
.badge {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem; }
.badge:empty {
display: none; }
.btn .badge {
position: relative;
top: -1px; }
.badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
-webkit-border-radius: 10rem;
border-radius: 10rem; }
.badge-primary {
color: #fff;
background-color: #007bff; }
.badge-primary[href]:hover, .badge-primary[href]:focus {
color: #fff;
text-decoration: none;
background-color: #0062cc; }
.badge-secondary {
color: #fff;
background-color: #6c757d; }
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
color: #fff;
text-decoration: none;
background-color: #545b62; }
.badge-success {
color: #fff;
background-color: #28a745; }
.badge-success[href]:hover, .badge-success[href]:focus {
color: #fff;
text-decoration: none;
background-color: #1e7e34; }
.badge-info {
color: #fff;
background-color: #17a2b8; }
.badge-info[href]:hover, .badge-info[href]:focus {
color: #fff;
text-decoration: none;
background-color: #117a8b; }
.badge-warning {
color: #212529;
background-color: #ffc107; }
.badge-warning[href]:hover, .badge-warning[href]:focus {
color: #212529;
text-decoration: none;
background-color: #d39e00; }
.badge-danger {
color: #fff;
background-color: #dc3545; }
.badge-danger[href]:hover, .badge-danger[href]:focus {
color: #fff;
text-decoration: none;
background-color: #bd2130; }
.badge-light {
color: #212529;
background-color: #f8f9fa; }
.badge-light[href]:hover, .badge-light[href]:focus {
color: #212529;
text-decoration: none;
background-color: #dae0e5; }
.badge-dark {
color: #fff;
background-color: #343a40; }
.badge-dark[href]:hover, .badge-dark[href]:focus {
color: #fff;
text-decoration: none;
background-color: #1d2124; }
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
-webkit-border-radius: 0.3rem;
border-radius: 0.3rem; }
@media (min-width: 576px) {
.jumbotron {
padding: 4rem 2rem; } }
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
-webkit-border-radius: 0;
border-radius: 0; }
.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem; }
.alert-heading {
color: inherit; }
.alert-link {
font-weight: 700; }
.alert-dismissible {
padding-right: 4rem; }
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: 0.75rem 1.25rem;
color: inherit; }
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff; }
.alert-primary hr {
border-top-color: #9fcdff; }
.alert-primary .alert-link {
color: #002752; }
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db; }
.alert-secondary hr {
border-top-color: #c8cbcf; }
.alert-secondary .alert-link {
color: #202326; }
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb; }
.alert-success hr {
border-top-color: #b1dfbb; }
.alert-success .alert-link {
color: #0b2e13; }
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb; }
.alert-info hr {
border-top-color: #abdde5; }
.alert-info .alert-link {
color: #062c33; }
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba; }
.alert-warning hr {
border-top-color: #ffe8a1; }
.alert-warning .alert-link {
color: #533f03; }
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb; }
.alert-danger hr {
border-top-color: #f1b0b7; }
.alert-danger .alert-link {
color: #491217; }
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe; }
.alert-light hr {
border-top-color: #ececf6; }
.alert-light .alert-link {
color: #686868; }
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca; }
.alert-dark hr {
border-top-color: #b9bbbe; }
.alert-dark .alert-link {
color: #040505; }
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0; }
to {
background-position: 0 0; } }
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0; }
to {
background-position: 0 0; } }
.progress {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.75rem;
background-color: #e9ecef;
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem; }
.progress-bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease; }
@media screen and (prefers-reduced-motion: reduce) {
.progress-bar {
-webkit-transition: none;
-o-transition: none;
transition: none; } }
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 1rem 1rem;
background-size: 1rem 1rem; }
.progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite; }
.media {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.media-body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1; }
.list-group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0; }
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit; }
.list-group-item-action:hover, .list-group-item-action:focus {
color: #495057;
text-decoration: none;
background-color: #f8f9fa; }
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef; }
.list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125); }
.list-group-item:first-child {
-webkit-border-top-left-radius: 0.25rem;
border-top-left-radius: 0.25rem;
-webkit-border-top-right-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.list-group-item:last-child {
margin-bottom: 0;
-webkit-border-bottom-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
-webkit-border-bottom-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.list-group-item:hover, .list-group-item:focus {
z-index: 1;
text-decoration: none; }
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
background-color: #fff; }
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #007bff;
border-color: #007bff; }
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
-webkit-border-radius: 0;
border-radius: 0; }
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0; }
.list-group-flush:last-child .list-group-item:last-child {
border-bottom: 0; }
.list-group-item-primary {
color: #004085;
background-color: #b8daff; }
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #004085;
background-color: #9fcdff; }
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #004085;
border-color: #004085; }
.list-group-item-secondary {
color: #383d41;
background-color: #d6d8db; }
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #383d41;
background-color: #c8cbcf; }
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #383d41;
border-color: #383d41; }
.list-group-item-success {
color: #155724;
background-color: #c3e6cb; }
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #155724;
background-color: #b1dfbb; }
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #155724;
border-color: #155724; }
.list-group-item-info {
color: #0c5460;
background-color: #bee5eb; }
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #0c5460;
background-color: #abdde5; }
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0c5460;
border-color: #0c5460; }
.list-group-item-warning {
color: #856404;
background-color: #ffeeba; }
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #856404;
background-color: #ffe8a1; }
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856404;
border-color: #856404; }
.list-group-item-danger {
color: #721c24;
background-color: #f5c6cb; }
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #721c24;
background-color: #f1b0b7; }
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #721c24;
border-color: #721c24; }
.list-group-item-light {
color: #818182;
background-color: #fdfdfe; }
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #818182;
background-color: #ececf6; }
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182; }
.list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca; }
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #1b1e21;
background-color: #b9bbbe; }
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21; }
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5; }
.close:not(:disabled):not(.disabled) {
cursor: pointer; }
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
color: #000;
text-decoration: none;
opacity: .75; }
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none; }
.modal-open {
overflow: hidden; }
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0; }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none; }
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%); }
@media screen and (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
-webkit-transition: none;
-o-transition: none;
transition: none; } }
.modal.show .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0); }
.modal-dialog-centered {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: -webkit-calc(100% - (0.5rem * 2));
min-height: calc(100% - (0.5rem * 2)); }
.modal-content {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0.3rem;
border-radius: 0.3rem;
outline: 0; }
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000; }
.modal-backdrop.fade {
opacity: 0; }
.modal-backdrop.show {
opacity: 0.5; }
.modal-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #e9ecef;
-webkit-border-top-left-radius: 0.3rem;
border-top-left-radius: 0.3rem;
-webkit-border-top-right-radius: 0.3rem;
border-top-right-radius: 0.3rem; }
.modal-header .close {
padding: 1rem;
margin: -1rem -1rem -1rem auto; }
.modal-title {
margin-bottom: 0;
line-height: 1.5; }
.modal-body {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem; }
.modal-footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef; }
.modal-footer > :not(:first-child) {
margin-left: .25rem; }
.modal-footer > :not(:last-child) {
margin-right: .25rem; }
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto; }
.modal-dialog-centered {
min-height: -webkit-calc(100% - (1.75rem * 2));
min-height: calc(100% - (1.75rem * 2)); }
.modal-sm {
max-width: 300px; } }
@media (min-width: 992px) {
.modal-lg {
max-width: 800px; } }
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0; }
.tooltip.show {
opacity: 1; }
.tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem; }
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid; }
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
padding: 0.4rem 0; }
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
bottom: 0; }
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000; }
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
padding: 0 0.4rem; }
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
left: 0;
width: 0.4rem;
height: 0.8rem; }
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000; }
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
padding: 0.4rem 0; }
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
top: 0; }
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000; }
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
padding: 0 0.4rem; }
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
right: 0;
width: 0.4rem;
height: 0.8rem; }
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000; }
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
-webkit-border-radius: 0;
border-radius: 0; }
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0.3rem;
border-radius: 0.3rem; }
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.3rem; }
.popover .arrow::before, .popover .arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid; }
.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
margin-bottom: 0.5rem; }
.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
bottom: -webkit-calc((0.5rem + 1px) * -1);
bottom: calc((0.5rem + 1px) * -1); }
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
border-width: 0.5rem 0.5rem 0; }
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
bottom: 0;
border-top-color: rgba(0, 0, 0, 0.25); }
.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
bottom: 1px;
border-top-color: #fff; }
.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
margin-left: 0.5rem; }
.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
left: -webkit-calc((0.5rem + 1px) * -1);
left: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0; }
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
border-width: 0.5rem 0.5rem 0.5rem 0; }
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
left: 0;
border-right-color: rgba(0, 0, 0, 0.25); }
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
left: 1px;
border-right-color: #fff; }
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
margin-top: 0.5rem; }
.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
top: -webkit-calc((0.5rem + 1px) * -1);
top: calc((0.5rem + 1px) * -1); }
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
border-width: 0 0.5rem 0.5rem 0.5rem; }
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
top: 0;
border-bottom-color: rgba(0, 0, 0, 0.25); }
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
top: 1px;
border-bottom-color: #fff; }
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f7f7f7; }
.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
margin-right: 0.5rem; }
.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
right: -webkit-calc((0.5rem + 1px) * -1);
right: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0; }
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
border-width: 0.5rem 0 0.5rem 0.5rem; }
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
right: 0;
border-left-color: rgba(0, 0, 0, 0.25); }
.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
right: 1px;
border-left-color: #fff; }
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
color: inherit;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
-webkit-border-top-left-radius: -webkit-calc(0.3rem - 1px);
border-top-left-radius: calc(0.3rem - 1px);
-webkit-border-top-right-radius: -webkit-calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px); }
.popover-header:empty {
display: none; }
.popover-body {
padding: 0.5rem 0.75rem;
color: #212529; }
.carousel {
position: relative; }
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden; }
.carousel-item {
position: relative;
display: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px; }
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
-webkit-transition: -webkit-transform 0.6s ease;
transition: -webkit-transform 0.6s ease;
-o-transition: transform 0.6s ease;
transition: transform 0.6s ease;
transition: transform 0.6s ease, -webkit-transform 0.6s ease; }
@media screen and (prefers-reduced-motion: reduce) {
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
-webkit-transition: none;
-o-transition: none;
transition: none; } }
.carousel-item-next,
.carousel-item-prev {
position: absolute;
top: 0; }
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.carousel-item-next,
.active.carousel-item-right {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%); }
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
.carousel-item-next,
.active.carousel-item-right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.carousel-item-prev,
.active.carousel-item-left {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%); }
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
.carousel-item-prev,
.active.carousel-item-left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.carousel-fade .carousel-item {
opacity: 0;
-webkit-transition-duration: .6s;
-o-transition-duration: .6s;
transition-duration: .6s;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity; }
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
opacity: 1; }
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
opacity: 0; }
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: 0.5; }
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9; }
.carousel-control-prev {
left: 0; }
.carousel-control-next {
right: 0; }
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 20px;
height: 20px;
background: transparent no-repeat center center;
-webkit-background-size: 100% 100%;
background-size: 100% 100%; }
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
z-index: 15;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none; }
.carousel-indicators li {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.5); }
.carousel-indicators li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: ""; }
.carousel-indicators li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: ""; }
.carousel-indicators .active {
background-color: #fff; }
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center; }
.align-baseline {
vertical-align: baseline !important; }
.align-top {
vertical-align: top !important; }
.align-middle {
vertical-align: middle !important; }
.align-bottom {
vertical-align: bottom !important; }
.align-text-bottom {
vertical-align: text-bottom !important; }
.align-text-top {
vertical-align: text-top !important; }
.bg-primary {
background-color: #007bff !important; }
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #0062cc !important; }
.bg-secondary {
background-color: #6c757d !important; }
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #545b62 !important; }
.bg-success {
background-color: #28a745 !important; }
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #1e7e34 !important; }
.bg-info {
background-color: #17a2b8 !important; }
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #117a8b !important; }
.bg-warning {
background-color: #ffc107 !important; }
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important; }
.bg-danger {
background-color: #dc3545 !important; }
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #bd2130 !important; }
.bg-light {
background-color: #f8f9fa !important; }
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important; }
.bg-dark {
background-color: #343a40 !important; }
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important; }
.bg-white {
background-color: #fff !important; }
.bg-transparent {
background-color: transparent !important; }
.border {
border: 1px solid #dee2e6 !important; }
.border-top {
border-top: 1px solid #dee2e6 !important; }
.border-right {
border-right: 1px solid #dee2e6 !important; }
.border-bottom {
border-bottom: 1px solid #dee2e6 !important; }
.border-left {
border-left: 1px solid #dee2e6 !important; }
.border-0 {
border: 0 !important; }
.border-top-0 {
border-top: 0 !important; }
.border-right-0 {
border-right: 0 !important; }
.border-bottom-0 {
border-bottom: 0 !important; }
.border-left-0 {
border-left: 0 !important; }
.border-primary {
border-color: #007bff !important; }
.border-secondary {
border-color: #6c757d !important; }
.border-success {
border-color: #28a745 !important; }
.border-info {
border-color: #17a2b8 !important; }
.border-warning {
border-color: #ffc107 !important; }
.border-danger {
border-color: #dc3545 !important; }
.border-light {
border-color: #f8f9fa !important; }
.border-dark {
border-color: #343a40 !important; }
.border-white {
border-color: #fff !important; }
.rounded {
-webkit-border-radius: 0.25rem !important;
border-radius: 0.25rem !important; }
.rounded-top {
-webkit-border-top-left-radius: 0.25rem !important;
border-top-left-radius: 0.25rem !important;
-webkit-border-top-right-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important; }
.rounded-right {
-webkit-border-top-right-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
-webkit-border-bottom-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important; }
.rounded-bottom {
-webkit-border-bottom-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
-webkit-border-bottom-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important; }
.rounded-left {
-webkit-border-top-left-radius: 0.25rem !important;
border-top-left-radius: 0.25rem !important;
-webkit-border-bottom-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important; }
.rounded-circle {
-webkit-border-radius: 50% !important;
border-radius: 50% !important; }
.rounded-0 {
-webkit-border-radius: 0 !important;
border-radius: 0 !important; }
.clearfix::after {
display: block;
clear: both;
content: ""; }
.d-none {
display: none !important; }
.d-inline {
display: inline !important; }
.d-inline-block {
display: inline-block !important; }
.d-block {
display: block !important; }
.d-table {
display: table !important; }
.d-table-row {
display: table-row !important; }
.d-table-cell {
display: table-cell !important; }
.d-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; }
@media (min-width: 576px) {
.d-sm-none {
display: none !important; }
.d-sm-inline {
display: inline !important; }
.d-sm-inline-block {
display: inline-block !important; }
.d-sm-block {
display: block !important; }
.d-sm-table {
display: table !important; }
.d-sm-table-row {
display: table-row !important; }
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 768px) {
.d-md-none {
display: none !important; }
.d-md-inline {
display: inline !important; }
.d-md-inline-block {
display: inline-block !important; }
.d-md-block {
display: block !important; }
.d-md-table {
display: table !important; }
.d-md-table-row {
display: table-row !important; }
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 992px) {
.d-lg-none {
display: none !important; }
.d-lg-inline {
display: inline !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-table {
display: table !important; }
.d-lg-table-row {
display: table-row !important; }
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 1200px) {
.d-xl-none {
display: none !important; }
.d-xl-inline {
display: inline !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-table {
display: table !important; }
.d-xl-table-row {
display: table-row !important; }
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media print {
.d-print-none {
display: none !important; }
.d-print-inline {
display: inline !important; }
.d-print-inline-block {
display: inline-block !important; }
.d-print-block {
display: block !important; }
.d-print-table {
display: table !important; }
.d-print-table-row {
display: table-row !important; }
.d-print-table-cell {
display: table-cell !important; }
.d-print-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden; }
.embed-responsive::before {
display: block;
content: ""; }
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.embed-responsive-21by9::before {
padding-top: 42.8571428571%; }
.embed-responsive-16by9::before {
padding-top: 56.25%; }
.embed-responsive-4by3::before {
padding-top: 75%; }
.embed-responsive-1by1::before {
padding-top: 100%; }
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important; }
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-sm-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-sm-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-sm-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-sm-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-sm-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-sm-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-sm-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-sm-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-sm-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-sm-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-sm-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-sm-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-sm-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-sm-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-sm-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-sm-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-sm-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-sm-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-sm-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-sm-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-sm-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-sm-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-sm-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-sm-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-sm-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-sm-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-md-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-md-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-md-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-md-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-md-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-md-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-md-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-md-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-md-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-md-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-md-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-md-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-md-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-md-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-md-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-md-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-md-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-md-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-md-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-md-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-md-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-md-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-md-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-md-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-md-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-md-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-md-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-lg-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-lg-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-lg-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-lg-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-lg-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-lg-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-lg-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-lg-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-lg-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-lg-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-lg-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-lg-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-lg-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-lg-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-lg-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-lg-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-lg-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-lg-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-lg-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-lg-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-lg-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-lg-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-lg-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-lg-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-lg-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-lg-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-xl-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-xl-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.flex-xl-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important; }
.flex-xl-grow-0 {
-webkit-box-flex: 0 !important;
-webkit-flex-grow: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important; }
.flex-xl-grow-1 {
-webkit-box-flex: 1 !important;
-webkit-flex-grow: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important; }
.flex-xl-shrink-0 {
-webkit-flex-shrink: 0 !important;
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important; }
.flex-xl-shrink-1 {
-webkit-flex-shrink: 1 !important;
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important; }
.justify-content-xl-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-xl-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-xl-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-xl-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-xl-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-xl-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-xl-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-xl-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-xl-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-xl-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-xl-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-xl-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-xl-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-xl-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-xl-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-xl-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-xl-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-xl-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-xl-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
.float-left {
float: left !important; }
.float-right {
float: right !important; }
.float-none {
float: none !important; }
@media (min-width: 576px) {
.float-sm-left {
float: left !important; }
.float-sm-right {
float: right !important; }
.float-sm-none {
float: none !important; } }
@media (min-width: 768px) {
.float-md-left {
float: left !important; }
.float-md-right {
float: right !important; }
.float-md-none {
float: none !important; } }
@media (min-width: 992px) {
.float-lg-left {
float: left !important; }
.float-lg-right {
float: right !important; }
.float-lg-none {
float: none !important; } }
@media (min-width: 1200px) {
.float-xl-left {
float: left !important; }
.float-xl-right {
float: right !important; }
.float-xl-none {
float: none !important; } }
.position-static {
position: static !important; }
.position-relative {
position: relative !important; }
.position-absolute {
position: absolute !important; }
.position-fixed {
position: fixed !important; }
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important; }
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030; }
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030; }
@supports ((position: -webkit-sticky) or (position: sticky)) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020; } }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal; }
.shadow-sm {
-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
.shadow {
-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
.shadow-lg {
-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
.shadow-none {
-webkit-box-shadow: none !important;
box-shadow: none !important; }
.w-25 {
width: 25% !important; }
.w-50 {
width: 50% !important; }
.w-75 {
width: 75% !important; }
.w-100 {
width: 100% !important; }
.w-auto {
width: auto !important; }
.h-25 {
height: 25% !important; }
.h-50 {
height: 50% !important; }
.h-75 {
height: 75% !important; }
.h-100 {
height: 100% !important; }
.h-auto {
height: auto !important; }
.mw-100 {
max-width: 100% !important; }
.mh-100 {
max-height: 100% !important; }
.m-0 {
margin: 0 !important; }
.mt-0,
.my-0 {
margin-top: 0 !important; }
.mr-0,
.mx-0 {
margin-right: 0 !important; }
.mb-0,
.my-0 {
margin-bottom: 0 !important; }
.ml-0,
.mx-0 {
margin-left: 0 !important; }
.m-1 {
margin: 0.25rem !important; }
.mt-1,
.my-1 {
margin-top: 0.25rem !important; }
.mr-1,
.mx-1 {
margin-right: 0.25rem !important; }
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important; }
.ml-1,
.mx-1 {
margin-left: 0.25rem !important; }
.m-2 {
margin: 0.5rem !important; }
.mt-2,
.my-2 {
margin-top: 0.5rem !important; }
.mr-2,
.mx-2 {
margin-right: 0.5rem !important; }
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important; }
.ml-2,
.mx-2 {
margin-left: 0.5rem !important; }
.m-3 {
margin: 1rem !important; }
.mt-3,
.my-3 {
margin-top: 1rem !important; }
.mr-3,
.mx-3 {
margin-right: 1rem !important; }
.mb-3,
.my-3 {
margin-bottom: 1rem !important; }
.ml-3,
.mx-3 {
margin-left: 1rem !important; }
.m-4 {
margin: 1.5rem !important; }
.mt-4,
.my-4 {
margin-top: 1.5rem !important; }
.mr-4,
.mx-4 {
margin-right: 1.5rem !important; }
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important; }
.ml-4,
.mx-4 {
margin-left: 1.5rem !important; }
.m-5 {
margin: 3rem !important; }
.mt-5,
.my-5 {
margin-top: 3rem !important; }
.mr-5,
.mx-5 {
margin-right: 3rem !important; }
.mb-5,
.my-5 {
margin-bottom: 3rem !important; }
.ml-5,
.mx-5 {
margin-left: 3rem !important; }
.p-0 {
padding: 0 !important; }
.pt-0,
.py-0 {
padding-top: 0 !important; }
.pr-0,
.px-0 {
padding-right: 0 !important; }
.pb-0,
.py-0 {
padding-bottom: 0 !important; }
.pl-0,
.px-0 {
padding-left: 0 !important; }
.p-1 {
padding: 0.25rem !important; }
.pt-1,
.py-1 {
padding-top: 0.25rem !important; }
.pr-1,
.px-1 {
padding-right: 0.25rem !important; }
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important; }
.pl-1,
.px-1 {
padding-left: 0.25rem !important; }
.p-2 {
padding: 0.5rem !important; }
.pt-2,
.py-2 {
padding-top: 0.5rem !important; }
.pr-2,
.px-2 {
padding-right: 0.5rem !important; }
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important; }
.pl-2,
.px-2 {
padding-left: 0.5rem !important; }
.p-3 {
padding: 1rem !important; }
.pt-3,
.py-3 {
padding-top: 1rem !important; }
.pr-3,
.px-3 {
padding-right: 1rem !important; }
.pb-3,
.py-3 {
padding-bottom: 1rem !important; }
.pl-3,
.px-3 {
padding-left: 1rem !important; }
.p-4 {
padding: 1.5rem !important; }
.pt-4,
.py-4 {
padding-top: 1.5rem !important; }
.pr-4,
.px-4 {
padding-right: 1.5rem !important; }
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important; }
.pl-4,
.px-4 {
padding-left: 1.5rem !important; }
.p-5 {
padding: 3rem !important; }
.pt-5,
.py-5 {
padding-top: 3rem !important; }
.pr-5,
.px-5 {
padding-right: 3rem !important; }
.pb-5,
.py-5 {
padding-bottom: 3rem !important; }
.pl-5,
.px-5 {
padding-left: 3rem !important; }
.m-auto {
margin: auto !important; }
.mt-auto,
.my-auto {
margin-top: auto !important; }
.mr-auto,
.mx-auto {
margin-right: auto !important; }
.mb-auto,
.my-auto {
margin-bottom: auto !important; }
.ml-auto,
.mx-auto {
margin-left: auto !important; }
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important; }
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important; }
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important; }
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important; }
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important; }
.m-sm-1 {
margin: 0.25rem !important; }
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important; }
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important; }
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important; }
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important; }
.m-sm-2 {
margin: 0.5rem !important; }
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important; }
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important; }
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important; }
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important; }
.m-sm-3 {
margin: 1rem !important; }
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important; }
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important; }
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important; }
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important; }
.m-sm-4 {
margin: 1.5rem !important; }
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important; }
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important; }
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important; }
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important; }
.m-sm-5 {
margin: 3rem !important; }
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important; }
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important; }
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important; }
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important; }
.p-sm-0 {
padding: 0 !important; }
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important; }
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important; }
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important; }
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important; }
.p-sm-1 {
padding: 0.25rem !important; }
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important; }
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important; }
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important; }
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important; }
.p-sm-2 {
padding: 0.5rem !important; }
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important; }
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important; }
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important; }
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important; }
.p-sm-3 {
padding: 1rem !important; }
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important; }
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important; }
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important; }
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important; }
.p-sm-4 {
padding: 1.5rem !important; }
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important; }
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important; }
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important; }
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important; }
.p-sm-5 {
padding: 3rem !important; }
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important; }
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important; }
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important; }
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important; }
.m-sm-auto {
margin: auto !important; }
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important; }
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important; }
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important; }
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important; } }
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important; }
.mt-md-0,
.my-md-0 {
margin-top: 0 !important; }
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important; }
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important; }
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important; }
.m-md-1 {
margin: 0.25rem !important; }
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important; }
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important; }
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important; }
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important; }
.m-md-2 {
margin: 0.5rem !important; }
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important; }
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important; }
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important; }
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important; }
.m-md-3 {
margin: 1rem !important; }
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important; }
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important; }
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important; }
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important; }
.m-md-4 {
margin: 1.5rem !important; }
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important; }
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important; }
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important; }
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important; }
.m-md-5 {
margin: 3rem !important; }
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important; }
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important; }
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important; }
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important; }
.p-md-0 {
padding: 0 !important; }
.pt-md-0,
.py-md-0 {
padding-top: 0 !important; }
.pr-md-0,
.px-md-0 {
padding-right: 0 !important; }
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important; }
.pl-md-0,
.px-md-0 {
padding-left: 0 !important; }
.p-md-1 {
padding: 0.25rem !important; }
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important; }
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important; }
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important; }
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important; }
.p-md-2 {
padding: 0.5rem !important; }
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important; }
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important; }
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important; }
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important; }
.p-md-3 {
padding: 1rem !important; }
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important; }
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important; }
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important; }
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important; }
.p-md-4 {
padding: 1.5rem !important; }
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important; }
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important; }
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important; }
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important; }
.p-md-5 {
padding: 3rem !important; }
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important; }
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important; }
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important; }
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important; }
.m-md-auto {
margin: auto !important; }
.mt-md-auto,
.my-md-auto {
margin-top: auto !important; }
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important; }
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important; }
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important; } }
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important; }
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important; }
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important; }
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important; }
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important; }
.m-lg-1 {
margin: 0.25rem !important; }
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important; }
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important; }
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important; }
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important; }
.m-lg-2 {
margin: 0.5rem !important; }
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important; }
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important; }
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important; }
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important; }
.m-lg-3 {
margin: 1rem !important; }
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important; }
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important; }
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important; }
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important; }
.m-lg-4 {
margin: 1.5rem !important; }
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important; }
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important; }
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important; }
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important; }
.m-lg-5 {
margin: 3rem !important; }
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important; }
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important; }
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important; }
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important; }
.p-lg-0 {
padding: 0 !important; }
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important; }
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important; }
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important; }
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important; }
.p-lg-1 {
padding: 0.25rem !important; }
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important; }
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important; }
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important; }
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important; }
.p-lg-2 {
padding: 0.5rem !important; }
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important; }
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important; }
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important; }
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important; }
.p-lg-3 {
padding: 1rem !important; }
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important; }
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important; }
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important; }
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important; }
.p-lg-4 {
padding: 1.5rem !important; }
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important; }
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important; }
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important; }
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important; }
.p-lg-5 {
padding: 3rem !important; }
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important; }
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important; }
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important; }
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important; }
.m-lg-auto {
margin: auto !important; }
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important; }
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important; }
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important; }
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important; } }
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important; }
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important; }
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important; }
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important; }
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important; }
.m-xl-1 {
margin: 0.25rem !important; }
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important; }
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important; }
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important; }
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important; }
.m-xl-2 {
margin: 0.5rem !important; }
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important; }
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important; }
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important; }
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important; }
.m-xl-3 {
margin: 1rem !important; }
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important; }
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important; }
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important; }
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important; }
.m-xl-4 {
margin: 1.5rem !important; }
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important; }
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important; }
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important; }
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important; }
.m-xl-5 {
margin: 3rem !important; }
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important; }
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important; }
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important; }
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important; }
.p-xl-0 {
padding: 0 !important; }
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important; }
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important; }
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important; }
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important; }
.p-xl-1 {
padding: 0.25rem !important; }
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important; }
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important; }
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important; }
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important; }
.p-xl-2 {
padding: 0.5rem !important; }
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important; }
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important; }
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important; }
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important; }
.p-xl-3 {
padding: 1rem !important; }
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important; }
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important; }
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important; }
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important; }
.p-xl-4 {
padding: 1.5rem !important; }
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important; }
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important; }
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important; }
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important; }
.p-xl-5 {
padding: 3rem !important; }
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important; }
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important; }
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important; }
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important; }
.m-xl-auto {
margin: auto !important; }
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important; }
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important; }
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important; }
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important; } }
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.text-justify {
text-align: justify !important; }
.text-nowrap {
white-space: nowrap !important; }
.text-truncate {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important; }
.text-sm-right {
text-align: right !important; }
.text-sm-center {
text-align: center !important; } }
@media (min-width: 768px) {
.text-md-left {
text-align: left !important; }
.text-md-right {
text-align: right !important; }
.text-md-center {
text-align: center !important; } }
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important; }
.text-lg-right {
text-align: right !important; }
.text-lg-center {
text-align: center !important; } }
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important; }
.text-xl-right {
text-align: right !important; }
.text-xl-center {
text-align: center !important; } }
.text-lowercase {
text-transform: lowercase !important; }
.text-uppercase {
text-transform: uppercase !important; }
.text-capitalize {
text-transform: capitalize !important; }
.font-weight-light {
font-weight: 300 !important; }
.font-weight-normal {
font-weight: 400 !important; }
.font-weight-bold {
font-weight: 700 !important; }
.font-italic {
font-style: italic !important; }
.text-white {
color: #fff !important; }
.text-primary {
color: #007bff !important; }
a.text-primary:hover, a.text-primary:focus {
color: #0062cc !important; }
.text-secondary {
color: #6c757d !important; }
a.text-secondary:hover, a.text-secondary:focus {
color: #545b62 !important; }
.text-success {
color: #28a745 !important; }
a.text-success:hover, a.text-success:focus {
color: #1e7e34 !important; }
.text-info {
color: #17a2b8 !important; }
a.text-info:hover, a.text-info:focus {
color: #117a8b !important; }
.text-warning {
color: #ffc107 !important; }
a.text-warning:hover, a.text-warning:focus {
color: #d39e00 !important; }
.text-danger {
color: #dc3545 !important; }
a.text-danger:hover, a.text-danger:focus {
color: #bd2130 !important; }
.text-light {
color: #f8f9fa !important; }
a.text-light:hover, a.text-light:focus {
color: #dae0e5 !important; }
.text-dark {
color: #343a40 !important; }
a.text-dark:hover, a.text-dark:focus {
color: #1d2124 !important; }
.text-body {
color: #212529 !important; }
.text-muted {
color: #6c757d !important; }
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important; }
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.visible {
visibility: visible !important; }
.invisible {
visibility: hidden !important; }
@media print {
*,
*::before,
*::after {
text-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
a:not(.btn) {
text-decoration: underline; }
abbr[title]::after {
content: " (" attr(title) ")"; }
pre {
white-space: pre-wrap !important; }
pre,
blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
@page {
size: a3; }
body {
min-width: 992px !important; }
.container {
min-width: 992px !important; }
.navbar {
display: none; }
.badge {
border: 1px solid #000; }
.table {
border-collapse: collapse !important; }
.table td,
.table th {
background-color: #fff !important; }
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6 !important; }
.table-dark {
color: inherit; }
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: #dee2e6; }
.table .thead-dark th {
color: inherit;
border-color: #dee2e6; } }.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list
{
background: #fff url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/slick.eot);
src: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/slick.woff) format('woff'), url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/slick.ttf) format('truetype'), url(//smind2022.tw/wp-content/themes/magnetique/assets/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: 'в†ђ';
}
[dir='rtl'] .slick-prev:before
{
content: 'в†’';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: 'в†’';
}
[dir='rtl'] .slick-next:before
{
content: 'в†ђ';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
 :root{--animate-duration:1s;--animate-delay:0.2s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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 shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-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)}}.animate__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:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__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)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-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:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-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:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-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:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-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:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-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-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-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}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.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{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.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)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
 .art-form-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.art-form-line div {
margin-left: 20px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 126px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.art-form-line div button {
white-space: nowrap;
width: auto;
}
button.btnSubmit {
height: 56px;
width: 100%;
min-width: 102px;
border-radius: 35px;
-webkit-transition: -webkit-box-shadow 300ms ease;
transition: -webkit-box-shadow 300ms ease;
transition: box-shadow 300ms ease;
transition: box-shadow 300ms ease, -webkit-box-shadow 300ms ease;
-webkit-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
button.btnSubmit.clicked {
pointer-events: none;
-webkit-animation: anim2 300ms cubic-bezier(0.6, 0, 0.7, 1) 300ms 1 forwards;
animation: anim2 300ms cubic-bezier(0.6, 0, 0.7, 1) 300ms 1 forwards;
}
button.btnSubmit.clicked.done {
-webkit-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-animation: anim4 300ms cubic-bezier(0.2, 0, 0.4, 1) forwards;
animation: anim4 300ms cubic-bezier(0.2, 0, 0.4, 1) forwards;
}
svg.svg--template {
display: none;
}
svg.art-round-loader {
position: absolute;
width: 56px;
height: 56px;
overflow: visible;
}
svg.art-round-loader {
position: absolute;
left: -2px;
top: -2px; width: 56px;
height: 56px;
}
svg.checkmark {
height: 1.2em;
width: 100%;
}
svg .circle1 {
stroke: var(--art-colors-bg);
stroke-width: 3px;
r: 26.5px;
cx: 28px;
cy: 28px;
width: 100%;
height: 100%;
stroke-dasharray: 175.84px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: animLoading 2500ms cubic-bezier(0.6, 0, 0, 1);
animation: animLoading 2500ms cubic-bezier(0.6, 0, 0, 1);
}
svg .checkmark1 {
fill: #fafafa;
}
svg .checkmark1 .line1 {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
svg .checkmark1 .line2 {
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
svg .checkmark1 .line1, svg .checkmark1 .line2 {
-webkit-animation: growAndRotate 500ms cubic-bezier(0.4, 0, 0, 1);
animation: growAndRotate 500ms cubic-bezier(0.4, 0, 0, 1);
}
@-webkit-keyframes anim2 {
40% {
border-radius: 35px;
}
20%, 100% {
color: rgba(30, 205, 151, 0);
}
100% {
background: none;
border-width: 2px;
border-color: #C5C5C5;
border-radius: 50%;
padding: 0;
width: 56px;
min-width: 56px;
}
}
@keyframes anim2 {
40% {
border-radius: 35px;
}
20%, 100% {
color: rgba(30, 205, 151, 0);
}
100% {
background: none;
border-width: 2px;
border-color: #C5C5C5;
border-radius: 50%;
padding: 0;
width: 56px;
min-width: 56px;
}
}
@-webkit-keyframes animLoading {
0% {
stroke-dashoffset: 175.84px;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes animLoading {
0% {
stroke-dashoffset: 175.84px;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes anim4 {
0% {
border-radius: 50%;
width: 56px;
}
40% {
border-radius: 35px;
}
}
@keyframes anim4 {
0% {
border-radius: 50%;
width: 56px;
}
40% {
border-radius: 35px;
}
}
@-webkit-keyframes growAndRotate {
0% {
opacity: 0;
-webkit-transform: scale(0.4) rotate(-5deg);
transform: scale(0.4) rotate(-5deg);
}
30%, 100% {
opacity: 1;
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes growAndRotate {
0% {
opacity: 0;
-webkit-transform: scale(0.4) rotate(-5deg);
transform: scale(0.4) rotate(-5deg);
}
30%, 100% {
opacity: 1;
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}   *,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
html {
overflow-wrap: break-word;
word-break: break-word;
overflow-x: hidden;
line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: var(--art-body-font-size);
}
body {
color: var(--art-colors-text);
background-color: var(--art-colors-bg);
font-family: var(--art-body-font-family);
font-weight: var(--art-body-font-weight);
font-style: var(--art-body-font-style);
text-transform: var(--art-body-text-transform);
-webkit-text-decoration: var(--art-body-text-decoration);
text-decoration: var(--art-body-text-decoration);
font-size: var(--art-body-font-size);
line-height: var(--art-body-line-height);
letter-spacing: var(--art-body-letter-spacing);
text-align: left;
margin: 0;
}
@media only screen and (max-width: 767px) {
body {
font-family: var(--art-body-mobile-font-family);
font-weight: var(--art-body-mobile-font-weight);
font-style: var(--art-body-mobile-font-style);
text-transform: var(--art-body-mobile-text-transform);
-webkit-text-decoration: var(--art-body-mobile-text-decoration);
text-decoration: var(--art-body-mobile-text-decoration);
font-size: var(--art-body-mobile-font-size);
line-height: var(--art-body-mobile-line-height);
letter-spacing: var(--art-body-mobile-letter-spacing);
}
}
body.elementor-template-canvas > .elementor {
background-color: #fff;
} :focus {
outline: 0;
}
h1, h2, h3, h4, h5, h6 {
color: var(--art-colors-heading);
margin: 0 0 1.111rem;
padding: 0;
}
.art-second-color-scheme h1, .art-second-color-scheme h2, .art-second-color-scheme h3, .art-second-color-scheme h4, .art-second-color-scheme h5, .art-second-color-scheme h6 {
color: var(--art-bg-heading);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: inherit;
}
.art-second-color-scheme h1 a, .art-second-color-scheme h2 a, .art-second-color-scheme h3 a, .art-second-color-scheme h4 a, .art-second-color-scheme h5 a, .art-second-color-scheme h6 a {
color: inherit;
}
h1, h2, h3 {
margin-top: 3rem;
}
h1:first-child, h2:first-child, h3:first-child {
margin-top: 0;
}
h4, h5, h6 {
margin-top: 2rem;
}
h4:first-child, h5:first-child, h6:first-child {
margin-top: 0;
}
h1,
.h1,
.art-h1,
h1.elementor-heading-title {
font-family: var(--art-h1-font-family);
font-weight: var(--art-h1-font-weight);
font-style: var(--art-h1-font-style);
text-transform: var(--art-h1-text-transform);
-webkit-text-decoration: var(--art-h1-text-decoration);
text-decoration: var(--art-h1-text-decoration);
font-size: var(--art-h1-font-size);
line-height: var(--art-h1-line-height);
letter-spacing: var(--art-h1-letter-spacing);
}
@media only screen and (max-width: 767px) {
h1,
.h1,
.art-h1,
h1.elementor-heading-title {
font-family: var(--art-h1-mobile-font-family);
font-weight: var(--art-h1-mobile-font-weight);
font-style: var(--art-h1-mobile-font-style);
text-transform: var(--art-h1-mobile-text-transform);
-webkit-text-decoration: var(--art-h1-mobile-text-decoration);
text-decoration: var(--art-h1-mobile-text-decoration);
font-size: var(--art-h1-mobile-font-size);
line-height: var(--art-h1-mobile-line-height);
letter-spacing: var(--art-h1-mobile-letter-spacing);
}
}
h2,
.h2,
.art-h2,
h2.elementor-heading-title {
font-family: var(--art-h2-font-family);
font-weight: var(--art-h2-font-weight);
font-style: var(--art-h2-font-style);
text-transform: var(--art-h2-text-transform);
-webkit-text-decoration: var(--art-h2-text-decoration);
text-decoration: var(--art-h2-text-decoration);
font-size: var(--art-h2-font-size);
line-height: var(--art-h2-line-height);
letter-spacing: var(--art-h2-letter-spacing);
}
@media only screen and (max-width: 767px) {
h2,
.h2,
.art-h2,
h2.elementor-heading-title {
font-family: var(--art-h2-mobile-font-family);
font-weight: var(--art-h2-mobile-font-weight);
font-style: var(--art-h2-mobile-font-style);
text-transform: var(--art-h2-mobile-text-transform);
-webkit-text-decoration: var(--art-h2-mobile-text-decoration);
text-decoration: var(--art-h2-mobile-text-decoration);
font-size: var(--art-h2-mobile-font-size);
line-height: var(--art-h2-mobile-line-height);
letter-spacing: var(--art-h2-mobile-letter-spacing);
}
}
h3,
.h3,
.art-h3,
h3.elementor-heading-title {
font-family: var(--art-h3-font-family);
font-weight: var(--art-h3-font-weight);
font-style: var(--art-h3-font-style);
text-transform: var(--art-h3-text-transform);
-webkit-text-decoration: var(--art-h3-text-decoration);
text-decoration: var(--art-h3-text-decoration);
font-size: var(--art-h3-font-size);
line-height: var(--art-h3-line-height);
letter-spacing: var(--art-h3-letter-spacing);
}
@media only screen and (max-width: 767px) {
h3,
.h3,
.art-h3,
h3.elementor-heading-title {
font-family: var(--art-h3-mobile-font-family);
font-weight: var(--art-h3-mobile-font-weight);
font-style: var(--art-h3-mobile-font-style);
text-transform: var(--art-h3-mobile-text-transform);
-webkit-text-decoration: var(--art-h3-mobile-text-decoration);
text-decoration: var(--art-h3-mobile-text-decoration);
font-size: var(--art-h3-mobile-font-size);
line-height: var(--art-h3-mobile-line-height);
letter-spacing: var(--art-h3-mobile-letter-spacing);
}
}
h4,
.h4,
.art-h4,
h4.elementor-heading-title {
font-family: var(--art-h4-font-family);
font-weight: var(--art-h4-font-weight);
font-style: var(--art-h4-font-style);
text-transform: var(--art-h4-text-transform);
-webkit-text-decoration: var(--art-h4-text-decoration);
text-decoration: var(--art-h4-text-decoration);
font-size: var(--art-h4-font-size);
line-height: var(--art-h4-line-height);
letter-spacing: var(--art-h4-letter-spacing);
}
@media only screen and (max-width: 767px) {
h4,
.h4,
.art-h4,
h4.elementor-heading-title {
font-family: var(--art-h4-mobile-font-family);
font-weight: var(--art-h4-mobile-font-weight);
font-style: var(--art-h4-mobile-font-style);
text-transform: var(--art-h4-mobile-text-transform);
-webkit-text-decoration: var(--art-h4-mobile-text-decoration);
text-decoration: var(--art-h4-mobile-text-decoration);
font-size: var(--art-h4-mobile-font-size);
line-height: var(--art-h4-mobile-line-height);
letter-spacing: var(--art-h4-mobile-letter-spacing);
}
}
h5,
.h5,
.art-h5,
h5.elementor-heading-title {
font-family: var(--art-h5-font-family);
font-weight: var(--art-h5-font-weight);
font-style: var(--art-h5-font-style);
text-transform: var(--art-h5-text-transform);
-webkit-text-decoration: var(--art-h5-text-decoration);
text-decoration: var(--art-h5-text-decoration);
font-size: var(--art-h5-font-size);
line-height: var(--art-h5-line-height);
letter-spacing: var(--art-h5-letter-spacing);
}
@media only screen and (max-width: 767px) {
h5,
.h5,
.art-h5,
h5.elementor-heading-title {
font-family: var(--art-h5-mobile-font-family);
font-weight: var(--art-h5-mobile-font-weight);
font-style: var(--art-h5-mobile-font-style);
text-transform: var(--art-h5-mobile-text-transform);
-webkit-text-decoration: var(--art-h5-mobile-text-decoration);
text-decoration: var(--art-h5-mobile-text-decoration);
font-size: var(--art-h5-mobile-font-size);
line-height: var(--art-h5-mobile-line-height);
letter-spacing: var(--art-h5-mobile-letter-spacing);
}
}
h6,
.h6,
.art-h6,
h6.elementor-heading-title {
font-family: var(--art-h6-font-family);
font-weight: var(--art-h6-font-weight);
font-style: var(--art-h6-font-style);
text-transform: var(--art-h6-text-transform);
-webkit-text-decoration: var(--art-h6-text-decoration);
text-decoration: var(--art-h6-text-decoration);
font-size: var(--art-h6-font-size);
line-height: var(--art-h6-line-height);
letter-spacing: var(--art-h6-letter-spacing);
}
@media only screen and (max-width: 767px) {
h6,
.h6,
.art-h6,
h6.elementor-heading-title {
font-family: var(--art-h6-mobile-font-family);
font-weight: var(--art-h6-mobile-font-weight);
font-style: var(--art-h6-mobile-font-style);
text-transform: var(--art-h6-mobile-text-transform);
-webkit-text-decoration: var(--art-h6-mobile-text-decoration);
text-decoration: var(--art-h6-mobile-text-decoration);
font-size: var(--art-h6-mobile-font-size);
line-height: var(--art-h6-mobile-line-height);
letter-spacing: var(--art-h6-mobile-letter-spacing);
}
}
p {
margin: 0 0 1.5rem;
padding: 0;
}
p:last-child {
margin-bottom: 0;
}
p.has-background, p.mce-content-body.has-background {
padding: 0.95em 1.3em;
}
p.has-drop-cap:not(:focus):first-letter, p.mce-content-body.has-drop-cap:not(:focus):first-letter {
color: var(--art-colors-heading);
font-family: var(--art-h1-font-family);
font-weight: var(--art-h1-font-weight);
font-size: 4em;
line-height: 0.9em;
text-transform: uppercase;
font-style: normal;
float: left;
margin: 0.32em 0.52em 0.1em 0.52em;
}
.art-second-color-scheme p.has-drop-cap:not(:focus):first-letter, .art-second-color-scheme p.mce-content-body.has-drop-cap:not(:focus):first-letter {
color: var(--art-bg-heading);
}
p.has-drop-cap:not(:focus).has-text-color:first-letter, p.mce-content-body.has-drop-cap:not(:focus).has-text-color:first-letter {
color: inherit;
}
p.has-small-font-size, p.has-medium-font-size, p.has-large-font-size, p.has-huge-font-size, p[style^="font-size:"], p[style*="font-size:"], p.mce-content-body.has-small-font-size, p.mce-content-body.has-medium-font-size, p.mce-content-body.has-large-font-size, p.mce-content-body.has-huge-font-size, p.mce-content-body[style^="font-size:"], p.mce-content-body[style*="font-size:"] {
line-height: 1.5em;
} hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 1px; overflow: visible; border: 0;
color: var(--art-colors-bd);
background-color: var(--art-colors-bd);
margin-top: 3rem;
margin-bottom: 3rem;
clear: both;
}
.art-second-color-scheme hr {
color: var(--art-bg-bd);
}
.art-second-color-scheme hr {
background-color: var(--art-bg-bd);
} pre {
color: inherit;
font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap;
margin: 3rem 0 3rem;
padding: 0;
} a {
background-color: transparent;
text-decoration: none;
color: var(--art-colors-link);
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.art-second-color-scheme a {
color: var(--art-bg-link);
}
a:focus, a:active, a:visited {
outline: none !important;
}
a:hover, a:active {
text-decoration: none;
color: var(--art-colors-bg);
}
.art-second-color-scheme a:hover, .art-second-color-scheme a:active {
color: var(--art-bg-bg);
}
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
cursor: default;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
} abbr[title] {
border-bottom: none; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
color: var(--art-colors-text);
font-family: monospace, monospace; font-size: 1em; padding: 0;
margin: 0;
background: none;
}
.art-second-color-scheme code,
.art-second-color-scheme kbd,
.art-second-color-scheme samp {
color: var(--art-bg-text);
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
border: 0; max-width: 100%;
height: auto;
}  details {
display: block;
} summary {
display: list-item;
}
figure {
margin: 0;
}
figcaption {
border: 0;
text-align: center;
max-width: 100%;
margin: 10px 0 0;
padding: 0;
}
caption {
color: var(--art-colors-second-text);
caption-side: initial;
text-align: left;
padding: 0;
margin: 0;
}
.art-second-color-scheme caption {
color: var(--art-bg-second-text);
} table {
text-align: inherit;
border-spacing: 0;
border-collapse: separate;
border: 0;
background-color: transparent;
width: 100%;
margin-top: 3rem;
margin-bottom: 3rem;  }
table th {
text-align: inherit;
}
table tbody {
border-width: 0;
}
table th,
table td {
padding: 4px 8px;
}
table tbody th,
table tbody td,
table > th,
table > td {
border-width: 0; border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-left-style: solid;
color: var(--art-colors-text);
border-color: var(--art-colors-bd);
}
.art-second-color-scheme table tbody th,
.art-second-color-scheme table tbody td,
.art-second-color-scheme table > th,
.art-second-color-scheme table > td {
color: var(--art-bg-text);
}
.art-second-color-scheme table tbody th,
.art-second-color-scheme table tbody td,
.art-second-color-scheme table > th,
.art-second-color-scheme table > td {
border-color: var(--art-bg-bd);
}
table tbody th:last-child,
table tbody td:last-child,
table > th:last-child,
table > td:last-child {
border-right-width: 1px;
border-right-style: solid;
}
table tbody tr:last-child th,
table tbody tr:last-child td,
table > tr:last-child th,
table > tr:last-child td {
border-bottom-width: 1px;
border-bottom-style: solid;
}
table thead {
border-width: 0;
}
table thead th,
table thead td {
border-width: 0; border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-left-style: solid;
color: var(--art-colors-text);
border-color: var(--art-colors-bd);
background-color: var(--art-colors-bg);
}
.art-second-color-scheme table thead th,
.art-second-color-scheme table thead td {
color: var(--art-bg-text);
}
.art-second-color-scheme table thead th,
.art-second-color-scheme table thead td {
border-color: var(--art-bg-bd);
}
.art-second-color-scheme table thead th,
.art-second-color-scheme table thead td {
background-color: var(--art-bg-bg);
}
table thead th:last-child,
table thead td:last-child {
border-right-width: 1px;
border-right-style: solid;
}
table tfoot {
border-width: 0;
}
table tfoot th,
table tfoot td {
border-width: 0; border-style: solid;
border-bottom-width: 1px;
border-left-width: 1px;
border-left-style: solid;
color: var(--art-colors-text);
border-color: var(--art-colors-bd);
background-color: var(--art-colors-bg);
}
.art-second-color-scheme table tfoot th,
.art-second-color-scheme table tfoot td {
color: var(--art-bg-text);
}
.art-second-color-scheme table tfoot th,
.art-second-color-scheme table tfoot td {
border-color: var(--art-bg-bd);
}
.art-second-color-scheme table tfoot th,
.art-second-color-scheme table tfoot td {
background-color: var(--art-bg-bg);
}
table tfoot th:last-child,
table tfoot td:last-child {
border-right-width: 1px;
border-right-style: solid;
}
table.is-style-stripes {
border-width: 0;
}
table.is-style-stripes tr:nth-child(odd) {
background-color: transparent !important;
}
blockquote:not([class]) {
font-family: var(--art-blockquote-font-family);
font-weight: var(--art-blockquote-font-weight);
font-style: var(--art-blockquote-font-style);
text-transform: var(--art-blockquote-text-transform);
-webkit-text-decoration: var(--art-blockquote-text-decoration);
text-decoration: var(--art-blockquote-text-decoration);
font-size: var(--art-blockquote-font-size);
line-height: var(--art-blockquote-line-height);
letter-spacing: var(--art-blockquote-letter-spacing);
colors: var(--art-colors-heading);
padding: 0 0 0 40px;
margin: 3rem 0 3rem;
position: relative;
quotes: none;
}
.art-second-color-scheme blockquote:not([class]) {
colors: var(--art-bg-heading);
}
blockquote:not([class]) > * {
position: relative;
}
blockquote:not([class]):after {
content: none;
}
blockquote:not([class]):before {
content: "”" !important;
position: absolute;
left: 20px;
top: 0;
}
blockquote:not([class]):not(.has-text-color) {
color: var(--art-colors-text);
}
.art-second-color-scheme blockquote:not([class]):not(.has-text-color) {
color: var(--art-bg-text);
}
blockquote:not([class]):not(.has-text-color) a {
color: var(--art-colors-link);
}
.art-second-color-scheme blockquote:not([class]):not(.has-text-color) a {
color: var(--art-bg-link);
}
blockquote:not([class]):not(.has-text-color) a:hover {
color: var(--art-colors-hover);
}
.art-second-color-scheme blockquote:not([class]):not(.has-text-color) a:hover {
color: var(--art-bg-hover);
}
blockquote:not([class]).has-text-color a {
color: inherit;
opacity: 0.8;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
blockquote:not([class]).has-text-color a:hover {
color: inherit;
opacity: 1;
}
blockquote:not([class]) p:last-of-type {
margin: 0;
padding: 0;
}
blockquote:not([class]) cite {
font-family: var(--art-accent-font-family);
font-weight: var(--art-accent-font-weight);
font-style: var(--art-accent-font-style);
text-transform: var(--art-accent-text-transform);
-webkit-text-decoration: var(--art-accent-text-decoration);
text-decoration: var(--art-accent-text-decoration);
font-size: var(--art-accent-font-size);
line-height: var(--art-accent-line-height);
letter-spacing: var(--art-accent-letter-spacing);
color: var(--art-colors-color);
display: block;
margin-top: 15px;
}
.art-second-color-scheme blockquote:not([class]) cite {
color: var(--art-bg-color);
}
blockquote:not([class]).has-text-color cite {
color: inherit;
}
iframe {
max-width: 100%;
margin: 3rem 0 3rem;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
address {
margin: 3rem 0 3rem;
} template {
display: none;
} [hidden] {
display: none;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .alignright {
text-align: right;
float: right;
margin-top: 0;
margin-bottom: 0.75rem;
margin-left: 1.5rem;
margin-right: 0;
position: relative;
z-index: 1;
}
img.alignright {
clear: right;
}
@media only screen and (max-width: 767px) {
.alignright {
max-width: 50%;
}
}
.alignleft {
text-align: left;
float: left;
margin-top: 0;
margin-bottom: 0.75rem;
margin-left: 0;
margin-right: 1.5rem;
position: relative;
z-index: 1;
}
img.alignleft {
clear: left;
}
@media only screen and (max-width: 767px) {
.alignleft {
max-width: 50%;
}
}
.aligncenter {
text-align: center;
clear: both;
display: block;
margin-top: 3rem;
margin-bottom: 3rem;
margin-left: auto;
margin-right: auto;
}
.aligncenter,
.alignnone,
.alignfull,
.alignwide {
clear: both;
}
.alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
.alignwide {
margin-left: calc(15% - 15vw);
margin-right: calc(15% - 15vw);
max-width: 100vw;
}
.full-width {
min-width: 100%;
}
audio.full-width {
width: 100%;
}
.gallery-caption {
display: block;
}
.wp-caption {
max-width: 100%;
margin-top: 3rem;
margin-bottom: 3rem;
}
.wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-caption.alignleft {
margin: 0 1.5rem 0.75rem 0;
}
.wp-caption.alignright {
margin: 0 0 0.75rem 1.5rem;
}
.wp-caption img {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text,
.wp-caption .wp-caption-dd {
border: 0;
text-align: center;
max-width: 100%;
margin: 10px 0 0;
padding: 0;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: transparent;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: var(--art-colors-heading);
display: block;
height: auto;
left: 5px;
line-height: normal;
padding: 10px 20px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.art-second-color-scheme .screen-reader-text:focus {
color: var(--art-bg-heading);
} dl,
dt,
dd,
ol,
ul,
li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol,
ul {
list-style-position: inside;
margin: 2rem 0 2rem 2rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin: 0 0 0 2rem;
}
ol {
list-style-type: decimal;
}
ul {
list-style-type: disc;
}
li {
margin-top: 6px;
}
dl {
margin-top: 3rem;
margin-bottom: 3rem;
}
dt {
font-family: var(--art-h5-font-family);
font-weight: var(--art-h5-font-weight);
font-style: var(--art-h5-font-style);
text-transform: var(--art-h5-text-transform);
-webkit-text-decoration: var(--art-h5-text-decoration);
text-decoration: var(--art-h5-text-decoration);
font-size: var(--art-h5-font-size);
line-height: var(--art-h5-line-height);
letter-spacing: var(--art-h5-letter-spacing);
}
@media only screen and (max-width: 767px) {
dt {
font-family: var(--art-h5-mobile-font-family);
font-weight: var(--art-h5-mobile-font-weight);
font-style: var(--art-h5-mobile-font-style);
text-transform: var(--art-h5-mobile-text-transform);
-webkit-text-decoration: var(--art-h5-mobile-text-decoration);
text-decoration: var(--art-h5-mobile-text-decoration);
font-size: var(--art-h5-mobile-font-size);
line-height: var(--art-h5-mobile-line-height);
letter-spacing: var(--art-h5-mobile-letter-spacing);
}
}
* + dt {
margin-top: 1.5rem;
}
dd {
margin-left: 2rem;
} form {
margin: 0;
}
label,
.wpcf7-quiz-label {
display: block;
margin-bottom: 0.65em;
}
input[type=radio] + label, input[type=checkbox] + label,
input[type=radio] + .wpcf7-quiz-label,
input[type=checkbox] + .wpcf7-quiz-label {
display: inline-block;
margin-left: 10px;
margin-bottom: 0;
} button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 1rem; line-height: 1.15; vertical-align: baseline; margin: 0; }
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: none;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
input[type=number],
input[type=search],
textarea {
outline: none;
border-width: 2px;
border-style: solid;
border-color: var(--art-colors-bd);
color: var(--art-colors-text);
background-color: transparent;
background-image: none;
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
width: 100%;
max-width: 100%;
height: auto;
vertical-align: middle;
text-shadow: none;
padding: 12px 15px;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.art-second-color-scheme input[type=text],
.art-second-color-scheme input[type=email],
.art-second-color-scheme input[type=url],
.art-second-color-scheme input[type=password],
.art-second-color-scheme input[type=tel],
.art-second-color-scheme input[type=range],
.art-second-color-scheme input[type=date],
.art-second-color-scheme input[type=month],
.art-second-color-scheme input[type=week],
.art-second-color-scheme input[type=time],
.art-second-color-scheme input[type=datetime],
.art-second-color-scheme input[type=datetime-local],
.art-second-color-scheme input[type=color],
.art-second-color-scheme input[type=number],
.art-second-color-scheme input[type=search],
.art-second-color-scheme textarea {
border-color: var(--art-bg-bd);
}
.art-second-color-scheme input[type=text],
.art-second-color-scheme input[type=email],
.art-second-color-scheme input[type=url],
.art-second-color-scheme input[type=password],
.art-second-color-scheme input[type=tel],
.art-second-color-scheme input[type=range],
.art-second-color-scheme input[type=date],
.art-second-color-scheme input[type=month],
.art-second-color-scheme input[type=week],
.art-second-color-scheme input[type=time],
.art-second-color-scheme input[type=datetime],
.art-second-color-scheme input[type=datetime-local],
.art-second-color-scheme input[type=color],
.art-second-color-scheme input[type=number],
.art-second-color-scheme input[type=search],
.art-second-color-scheme textarea {
color: var(--art-bg-text);
}
@media only screen and (max-width: 767px) {
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
input[type=number],
input[type=search],
textarea {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=range]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=color]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: var(--art-colors-text);
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.art-second-color-scheme input[type=text]::-webkit-input-placeholder,
.art-second-color-scheme input[type=email]::-webkit-input-placeholder,
.art-second-color-scheme input[type=url]::-webkit-input-placeholder,
.art-second-color-scheme input[type=password]::-webkit-input-placeholder,
.art-second-color-scheme input[type=tel]::-webkit-input-placeholder,
.art-second-color-scheme input[type=range]::-webkit-input-placeholder,
.art-second-color-scheme input[type=date]::-webkit-input-placeholder,
.art-second-color-scheme input[type=month]::-webkit-input-placeholder,
.art-second-color-scheme input[type=week]::-webkit-input-placeholder,
.art-second-color-scheme input[type=time]::-webkit-input-placeholder,
.art-second-color-scheme input[type=datetime]::-webkit-input-placeholder,
.art-second-color-scheme input[type=datetime-local]::-webkit-input-placeholder,
.art-second-color-scheme input[type=color]::-webkit-input-placeholder,
.art-second-color-scheme input[type=number]::-webkit-input-placeholder,
.art-second-color-scheme input[type=search]::-webkit-input-placeholder,
.art-second-color-scheme textarea::-webkit-input-placeholder {
color: var(--art-bg-text);
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=range]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=week]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=color]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=search]::-moz-placeholder,
textarea::-moz-placeholder {
color: var(--art-colors-text);
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.art-second-color-scheme input[type=text]::-moz-placeholder,
.art-second-color-scheme input[type=email]::-moz-placeholder,
.art-second-color-scheme input[type=url]::-moz-placeholder,
.art-second-color-scheme input[type=password]::-moz-placeholder,
.art-second-color-scheme input[type=tel]::-moz-placeholder,
.art-second-color-scheme input[type=range]::-moz-placeholder,
.art-second-color-scheme input[type=date]::-moz-placeholder,
.art-second-color-scheme input[type=month]::-moz-placeholder,
.art-second-color-scheme input[type=week]::-moz-placeholder,
.art-second-color-scheme input[type=time]::-moz-placeholder,
.art-second-color-scheme input[type=datetime]::-moz-placeholder,
.art-second-color-scheme input[type=datetime-local]::-moz-placeholder,
.art-second-color-scheme input[type=color]::-moz-placeholder,
.art-second-color-scheme input[type=number]::-moz-placeholder,
.art-second-color-scheme input[type=search]::-moz-placeholder,
.art-second-color-scheme textarea::-moz-placeholder {
color: var(--art-bg-text);
}
input[type=text]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=url]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=range]::-ms-input-placeholder,
input[type=date]::-ms-input-placeholder,
input[type=month]::-ms-input-placeholder,
input[type=week]::-ms-input-placeholder,
input[type=time]::-ms-input-placeholder,
input[type=datetime]::-ms-input-placeholder,
input[type=datetime-local]::-ms-input-placeholder,
input[type=color]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=search]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: var(--art-colors-text);
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.art-second-color-scheme input[type=text]::-ms-input-placeholder,
.art-second-color-scheme input[type=email]::-ms-input-placeholder,
.art-second-color-scheme input[type=url]::-ms-input-placeholder,
.art-second-color-scheme input[type=password]::-ms-input-placeholder,
.art-second-color-scheme input[type=tel]::-ms-input-placeholder,
.art-second-color-scheme input[type=range]::-ms-input-placeholder,
.art-second-color-scheme input[type=date]::-ms-input-placeholder,
.art-second-color-scheme input[type=month]::-ms-input-placeholder,
.art-second-color-scheme input[type=week]::-ms-input-placeholder,
.art-second-color-scheme input[type=time]::-ms-input-placeholder,
.art-second-color-scheme input[type=datetime]::-ms-input-placeholder,
.art-second-color-scheme input[type=datetime-local]::-ms-input-placeholder,
.art-second-color-scheme input[type=color]::-ms-input-placeholder,
.art-second-color-scheme input[type=number]::-ms-input-placeholder,
.art-second-color-scheme input[type=search]::-ms-input-placeholder,
.art-second-color-scheme textarea::-ms-input-placeholder {
color: var(--art-bg-text);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
input[type=number]:focus,
input[type=search]:focus,
textarea:focus {
color: var(--art-colors-text);
border-color: var(--art-colors-link);
}
.art-second-color-scheme input[type=text]:focus,
.art-second-color-scheme input[type=email]:focus,
.art-second-color-scheme input[type=url]:focus,
.art-second-color-scheme input[type=password]:focus,
.art-second-color-scheme input[type=tel]:focus,
.art-second-color-scheme input[type=range]:focus,
.art-second-color-scheme input[type=date]:focus,
.art-second-color-scheme input[type=month]:focus,
.art-second-color-scheme input[type=week]:focus,
.art-second-color-scheme input[type=time]:focus,
.art-second-color-scheme input[type=datetime]:focus,
.art-second-color-scheme input[type=datetime-local]:focus,
.art-second-color-scheme input[type=color]:focus,
.art-second-color-scheme input[type=number]:focus,
.art-second-color-scheme input[type=search]:focus,
.art-second-color-scheme textarea:focus {
color: var(--art-bg-text);
}
.art-second-color-scheme input[type=text]:focus,
.art-second-color-scheme input[type=email]:focus,
.art-second-color-scheme input[type=url]:focus,
.art-second-color-scheme input[type=password]:focus,
.art-second-color-scheme input[type=tel]:focus,
.art-second-color-scheme input[type=range]:focus,
.art-second-color-scheme input[type=date]:focus,
.art-second-color-scheme input[type=month]:focus,
.art-second-color-scheme input[type=week]:focus,
.art-second-color-scheme input[type=time]:focus,
.art-second-color-scheme input[type=datetime]:focus,
.art-second-color-scheme input[type=datetime-local]:focus,
.art-second-color-scheme input[type=color]:focus,
.art-second-color-scheme input[type=number]:focus,
.art-second-color-scheme input[type=search]:focus,
.art-second-color-scheme textarea:focus {
border-color: var(--art-bg-link);
}
input[type=text]:focus::-webkit-input-placeholder,
input[type=email]:focus::-webkit-input-placeholder,
input[type=url]:focus::-webkit-input-placeholder,
input[type=password]:focus::-webkit-input-placeholder,
input[type=tel]:focus::-webkit-input-placeholder,
input[type=range]:focus::-webkit-input-placeholder,
input[type=date]:focus::-webkit-input-placeholder,
input[type=month]:focus::-webkit-input-placeholder,
input[type=week]:focus::-webkit-input-placeholder,
input[type=time]:focus::-webkit-input-placeholder,
input[type=datetime]:focus::-webkit-input-placeholder,
input[type=datetime-local]:focus::-webkit-input-placeholder,
input[type=color]:focus::-webkit-input-placeholder,
input[type=number]:focus::-webkit-input-placeholder,
input[type=search]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
color: transparent;
}
input[type=text]:focus::-moz-placeholder,
input[type=email]:focus::-moz-placeholder,
input[type=url]:focus::-moz-placeholder,
input[type=password]:focus::-moz-placeholder,
input[type=tel]:focus::-moz-placeholder,
input[type=range]:focus::-moz-placeholder,
input[type=date]:focus::-moz-placeholder,
input[type=month]:focus::-moz-placeholder,
input[type=week]:focus::-moz-placeholder,
input[type=time]:focus::-moz-placeholder,
input[type=datetime]:focus::-moz-placeholder,
input[type=datetime-local]:focus::-moz-placeholder,
input[type=color]:focus::-moz-placeholder,
input[type=number]:focus::-moz-placeholder,
input[type=search]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
color: transparent;
}
input[type=search],
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
-moz-appearance: none;
}
.select2-container--default .select2-selection--single,
select {
outline: none;
border-width: 2px;
border-style: solid;
border-color: var(--art-colors-bd);
color: var(--art-colors-text);
background-color: transparent;
background-image: none;
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
width: 100%;
max-width: 100%;
height: auto;
vertical-align: middle;
text-shadow: none;
padding: 12px 15px;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
background-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/images/chevron-bottom-16.svg);
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: calc(100% - 12px) center;
padding-right: 30px;
}
.art-second-color-scheme .select2-container--default .select2-selection--single,
.art-second-color-scheme select {
border-color: var(--art-bg-bd);
}
.art-second-color-scheme .select2-container--default .select2-selection--single,
.art-second-color-scheme select {
color: var(--art-bg-text);
}
@media only screen and (max-width: 767px) {
.select2-container--default .select2-selection--single,
select {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.select2-container--default .select2-selection--single::-webkit-input-placeholder,
select::-webkit-input-placeholder {
color: var(--art-colors-text);
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.art-second-color-scheme .select2-container--default .select2-selection--single::-webkit-input-placeholder,
.art-second-color-scheme select::-webkit-input-placeholder {
color: var(--art-bg-text);
}
.select2-container--default .select2-selection--single::-moz-placeholder,
select::-moz-placeholder {
color: var(--art-colors-text);
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.art-second-color-scheme .select2-container--default .select2-selection--single::-moz-placeholder,
.art-second-color-scheme select::-moz-placeholder {
color: var(--art-bg-text);
}
.select2-container--default .select2-selection--single::-ms-input-placeholder,
select::-ms-input-placeholder {
color: var(--art-colors-text);
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.art-second-color-scheme .select2-container--default .select2-selection--single::-ms-input-placeholder,
.art-second-color-scheme select::-ms-input-placeholder {
color: var(--art-bg-text);
}
.select2-container--default .select2-selection--single:focus,
select:focus {
color: var(--art-colors-text);
border-color: var(--art-colors-link);
}
.art-second-color-scheme .select2-container--default .select2-selection--single:focus,
.art-second-color-scheme select:focus {
color: var(--art-bg-text);
}
.art-second-color-scheme .select2-container--default .select2-selection--single:focus,
.art-second-color-scheme select:focus {
border-color: var(--art-bg-link);
}
.select2-container--default .select2-selection--single:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder {
color: transparent;
}
.select2-container--default .select2-selection--single:focus::-moz-placeholder,
select:focus::-moz-placeholder {
color: transparent;
}
.select2-container--default .select2-selection--single:focus,
select:focus {
background-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/images/chevron-top-16.svg);
}
.select2-container--default .select2-selection--single {
line-height: normal;
margin: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: inherit;
padding-left: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
display: none;
}
.select2-dropdown {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
border-width: 2px;
border-style: solid;
border-radius: 0;
}
@media only screen and (max-width: 767px) {
.select2-dropdown {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.woocommerce-cart .select2-dropdown {
background-color: var(--art-colors-second-bg);
}
.art-second-color-scheme .woocommerce-cart .select2-dropdown {
background-color: var(--art-bg-second-bg);
}
.art-search-form {
position: relative;
}
.art-search-form input[type=search], .art-search-form input[type=text] {
width: 100%;
margin: 0;
padding-right: 52px;
}
.art-search-form button {
font-size: 22px;
color: var(--art-colors-text);
background-color: transparent;
background-image: none;
border: 0;
width: 52px;
height: 100%;
margin: auto !important;
position: absolute;
left: auto;
right: 0;
top: 0;
bottom: 0;
margin: 0;
padding: 0;
border-radius: 0;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
overflow: hidden;
word-break: normal;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.art-second-color-scheme .art-search-form button {
color: var(--art-bg-text);
}
.art-search-form button:hover {
color: var(--art-colors-link);
background-color: transparent;
background-image: none;
border: 0;
border-radius: 0;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.art-second-color-scheme .art-search-form button:hover {
color: var(--art-bg-link);
}
.art-search-form button:before, .art-search-form button:after {
content: none;
display: none;
}
.art-search-form button i,
.art-search-form button i:before {
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
} button,
[type=button],
[type=reset],
[type=submit] {
width: auto;
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border: 0;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: none;
}
button,
[type=submit],
[type=button] {
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
button:not(:disabled),
[type=submit]:not(:disabled),
[type=button]:not(:disabled) {
cursor: pointer;
} fieldset {
border-width: 1px;
border-style: solid;
border-color: var(--art-colors-bd);
margin: 3rem 0;
padding: 0.35em 0.75em 0.625em;
}
.art-second-color-scheme fieldset {
border-color: var(--art-bg-bd);
} legend {
border: 0; -webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
resize: vertical;
} [type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; }
form .wpcf7-response-output {
display: none;
}
.wpcf7-checkbox,
.wpcf7-radio,
.wpcf7-acceptance {
margin: 0 -1rem;
}
.wpcf7-checkbox span.wpcf7-list-item,
.wpcf7-radio span.wpcf7-list-item,
.wpcf7-acceptance span.wpcf7-list-item {
margin: 0 1rem;
}
.wpcf7-checkbox span.wpcf7-list-item label,
.wpcf7-radio span.wpcf7-list-item label,
.wpcf7-acceptance span.wpcf7-list-item label {
margin: 0;
}
.wpcf7-checkbox span.wpcf7-list-item input,
.wpcf7-checkbox span.wpcf7-list-item span,
.wpcf7-radio span.wpcf7-list-item input,
.wpcf7-radio span.wpcf7-list-item span,
.wpcf7-acceptance span.wpcf7-list-item input,
.wpcf7-acceptance span.wpcf7-list-item span {
vertical-align: middle;
}
input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
width: 18px;
height: 18px;
display: inline-block;
-ms-flex-negative: 0;
flex-shrink: 0;
cursor: pointer;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
input[type=radio]:hover {
opacity: 0.8;
}
input[type=radio]:before, input[type=radio]:after {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
border-radius: 100%;
}
input[type=radio]:before {
border-width: 2px;
border-style: solid;
border-color: var(--art-colors-bd);
}
.art-second-color-scheme input[type=radio]:before {
border-color: var(--art-bg-bd);
}
input[type=radio]:after {
background-color: var(--art-colors-bd);
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.art-second-color-scheme input[type=radio]:after {
background-color: var(--art-bg-bd);
}
input[type=radio]:checked:after {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
width: 18px;
height: 18px;
display: inline-block !important;
-ms-flex-negative: 0;
flex-shrink: 0;
cursor: pointer;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
input[type=checkbox]:hover {
opacity: 0.8;
}
input[type=checkbox]:before, input[type=checkbox]:after {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
input[type=checkbox]:before {
border-width: 2px;
border-style: solid;
border-color: var(--art-colors-bd);
}
.art-second-color-scheme input[type=checkbox]:before {
border-color: var(--art-bg-bd);
}
input[type=checkbox]:after {
background-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/images/checkbox.svg);
background-size: cover;
background-position: center center;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
input[type=checkbox]:checked:after {
-webkit-transform: scale(0.55);
transform: scale(0.55);
} input[type=number] {
padding-right: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } .learnpress-page .lp-button,
.learnpress-checkout #checkout-payment #checkout-order-action button,
.comment-respond .comment-form input[type=submit],
body.learnpress-profile .learn-press-form-login button[type=submit], body.learnpress-profile .learn-press-form-register button[type=submit],
button,
input[type=submit],
input[type=button] {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 40px;
border-color: var(--art-colors-bg);
background-color: transparent;
color: var(--art-colors-bg);
}
.art-second-color-scheme .learnpress-page .lp-button,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button,
.art-second-color-scheme .comment-respond .comment-form input[type=submit],
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit], .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit],
.art-second-color-scheme button,
.art-second-color-scheme input[type=submit],
.art-second-color-scheme input[type=button] {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .learnpress-page .lp-button,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button,
.art-second-color-scheme .comment-respond .comment-form input[type=submit],
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit], .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit],
.art-second-color-scheme button,
.art-second-color-scheme input[type=submit],
.art-second-color-scheme input[type=button] {
background-color: transparent;
}
.art-second-color-scheme .learnpress-page .lp-button,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button,
.art-second-color-scheme .comment-respond .comment-form input[type=submit],
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit], .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit],
.art-second-color-scheme button,
.art-second-color-scheme input[type=submit],
.art-second-color-scheme input[type=button] {
color: var(--art-bg-bg);
}
.learnpress-page .lp-button:hover,
.learnpress-checkout #checkout-payment #checkout-order-action button:hover,
.comment-respond .comment-form input[type=submit]:hover,
body.learnpress-profile .learn-press-form-login button[type=submit]:hover, body.learnpress-profile .learn-press-form-register button[type=submit]:hover,
button:hover,
input[type=submit]:hover,
input[type=button]:hover { background-color: var(--art-colors-bg);
color: #fff;
}
.art-second-color-scheme .learnpress-page .lp-button:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit]:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit]:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit]:hover,
.art-second-color-scheme button:hover,
.art-second-color-scheme input[type=submit]:hover,
.art-second-color-scheme input[type=button]:hover {
background-color: var(--art-bg-bg);
}
.learnpress-page .lp-button.art-button-primary,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-primary,
.comment-respond .comment-form input[type=submit].art-button-primary,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-primary, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-primary,
button.art-button-primary,
input[type=submit].art-button-primary,
input[type=button].art-button-primary {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 40px;
border-color: var(--art-colors-bg);
background-color: var(--art-colors-bg);
color: var(--art-colors-light-text);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-primary,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-primary,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-primary,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-primary, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-primary,
.art-second-color-scheme button.art-button-primary,
.art-second-color-scheme input[type=submit].art-button-primary,
.art-second-color-scheme input[type=button].art-button-primary {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-primary,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-primary,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-primary,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-primary, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-primary,
.art-second-color-scheme button.art-button-primary,
.art-second-color-scheme input[type=submit].art-button-primary,
.art-second-color-scheme input[type=button].art-button-primary {
background-color: var(--art-bg-bg);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-primary,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-primary,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-primary,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-primary, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-primary,
.art-second-color-scheme button.art-button-primary,
.art-second-color-scheme input[type=submit].art-button-primary,
.art-second-color-scheme input[type=button].art-button-primary {
color: var(--art-bg-light-text);
}
.learnpress-page .lp-button.art-button-primary:hover,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-primary:hover,
.comment-respond .comment-form input[type=submit].art-button-primary:hover,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-primary:hover, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-primary:hover,
button.art-button-primary:hover,
input[type=submit].art-button-primary:hover,
input[type=button].art-button-primary:hover {
border-color: var(--art-colors-bg-hover);
background-color: var(--art-colors-bg-hover);
color: var(--art-colors-light-text);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-primary:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-primary:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-primary:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-primary:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-primary:hover,
.art-second-color-scheme button.art-button-primary:hover,
.art-second-color-scheme input[type=submit].art-button-primary:hover,
.art-second-color-scheme input[type=button].art-button-primary:hover {
border-color: var(--art-bg-bg-hover);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-primary:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-primary:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-primary:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-primary:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-primary:hover,
.art-second-color-scheme button.art-button-primary:hover,
.art-second-color-scheme input[type=submit].art-button-primary:hover,
.art-second-color-scheme input[type=button].art-button-primary:hover {
background-color: var(--art-bg-bg-hover);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-primary:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-primary:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-primary:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-primary:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-primary:hover,
.art-second-color-scheme button.art-button-primary:hover,
.art-second-color-scheme input[type=submit].art-button-primary:hover,
.art-second-color-scheme input[type=button].art-button-primary:hover {
color: var(--art-bg-light-text);
}
.learnpress-page .lp-button.art-button-secondary,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-secondary,
.comment-respond .comment-form input[type=submit].art-button-secondary,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-secondary, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-secondary,
button.art-button-secondary,
input[type=submit].art-button-secondary,
input[type=button].art-button-secondary {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 40px;
border-color: var(--art-colors-bg);
background-color: transparent;
color: var(--art-colors-bg);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-secondary,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-secondary,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-secondary,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-secondary, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-secondary,
.art-second-color-scheme button.art-button-secondary,
.art-second-color-scheme input[type=submit].art-button-secondary,
.art-second-color-scheme input[type=button].art-button-secondary {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-secondary,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-secondary,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-secondary,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-secondary, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-secondary,
.art-second-color-scheme button.art-button-secondary,
.art-second-color-scheme input[type=submit].art-button-secondary,
.art-second-color-scheme input[type=button].art-button-secondary {
background-color: transparent;
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-secondary,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-secondary,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-secondary,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-secondary, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-secondary,
.art-second-color-scheme button.art-button-secondary,
.art-second-color-scheme input[type=submit].art-button-secondary,
.art-second-color-scheme input[type=button].art-button-secondary {
color: var(--art-bg-bg);
}
.learnpress-page .lp-button.art-button-secondary:hover,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-secondary:hover,
.comment-respond .comment-form input[type=submit].art-button-secondary:hover,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-secondary:hover, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-secondary:hover,
button.art-button-secondary:hover,
input[type=submit].art-button-secondary:hover,
input[type=button].art-button-secondary:hover { background-color: var(--art-colors-bg);
color: #fff;
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-secondary:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-secondary:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-secondary:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-secondary:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-secondary:hover,
.art-second-color-scheme button.art-button-secondary:hover,
.art-second-color-scheme input[type=submit].art-button-secondary:hover,
.art-second-color-scheme input[type=button].art-button-secondary:hover {
background-color: var(--art-bg-bg);
}
.learnpress-page .lp-button.art-button-third,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-third,
.comment-respond .comment-form input[type=submit].art-button-third,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-third, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-third,
button.art-button-third,
input[type=submit].art-button-third,
input[type=button].art-button-third {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding: 15px 40px;
background-color: #ffffff;
color: #000000;
}
.learnpress-page .lp-button.art-button-third:hover,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-third:hover,
.comment-respond .comment-form input[type=submit].art-button-third:hover,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-third:hover, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-third:hover,
button.art-button-third:hover,
input[type=submit].art-button-third:hover,
input[type=button].art-button-third:hover {
background-color: var(--art-colors-heading);
color: var(--art-colors-bg);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-third:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-third:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-third:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-third:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-third:hover,
.art-second-color-scheme button.art-button-third:hover,
.art-second-color-scheme input[type=submit].art-button-third:hover,
.art-second-color-scheme input[type=button].art-button-third:hover {
background-color: var(--art-bg-heading);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-third:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-third:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-third:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-third:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-third:hover,
.art-second-color-scheme button.art-button-third:hover,
.art-second-color-scheme input[type=submit].art-button-third:hover,
.art-second-color-scheme input[type=button].art-button-third:hover {
color: var(--art-bg-bg);
}
.learnpress-page .lp-button.art-button-fourth,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-fourth,
.comment-respond .comment-form input[type=submit].art-button-fourth,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-fourth, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-fourth,
button.art-button-fourth,
input[type=submit].art-button-fourth,
input[type=button].art-button-fourth {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 28px;
border-color: var(--art-colors-bg);
background-color: var(--art-colors-bg);
color: var(--art-colors-link);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-fourth,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-fourth,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-fourth,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-fourth, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-fourth,
.art-second-color-scheme button.art-button-fourth,
.art-second-color-scheme input[type=submit].art-button-fourth,
.art-second-color-scheme input[type=button].art-button-fourth {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-fourth,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-fourth,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-fourth,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-fourth, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-fourth,
.art-second-color-scheme button.art-button-fourth,
.art-second-color-scheme input[type=submit].art-button-fourth,
.art-second-color-scheme input[type=button].art-button-fourth {
background-color: var(--art-bg-bg);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-fourth,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-fourth,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-fourth,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-fourth, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-fourth,
.art-second-color-scheme button.art-button-fourth,
.art-second-color-scheme input[type=submit].art-button-fourth,
.art-second-color-scheme input[type=button].art-button-fourth {
color: var(--art-bg-link);
}
.learnpress-page .lp-button.art-button-fourth:hover,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-fourth:hover,
.comment-respond .comment-form input[type=submit].art-button-fourth:hover,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-fourth:hover, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-fourth:hover,
button.art-button-fourth:hover,
input[type=submit].art-button-fourth:hover,
input[type=button].art-button-fourth:hover {
background-color: transparent;
color: var(--art-colors-bg);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-fourth:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-fourth:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-fourth:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-fourth:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-fourth:hover,
.art-second-color-scheme button.art-button-fourth:hover,
.art-second-color-scheme input[type=submit].art-button-fourth:hover,
.art-second-color-scheme input[type=button].art-button-fourth:hover {
background-color: transparent;
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-fourth:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-fourth:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-fourth:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-fourth:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-fourth:hover,
.art-second-color-scheme button.art-button-fourth:hover,
.art-second-color-scheme input[type=submit].art-button-fourth:hover,
.art-second-color-scheme input[type=button].art-button-fourth:hover {
color: var(--art-bg-bg);
}
.learnpress-page .lp-button.art-button-fifth,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-fifth,
.comment-respond .comment-form input[type=submit].art-button-fifth,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-fifth, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-fifth,
button.art-button-fifth,
input[type=submit].art-button-fifth,
input[type=button].art-button-fifth {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 28px;
border-color: var(--art-colors-bg);
background-color: transparent;
color: var(--art-colors-bg);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-fifth,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-fifth,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-fifth,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-fifth, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-fifth,
.art-second-color-scheme button.art-button-fifth,
.art-second-color-scheme input[type=submit].art-button-fifth,
.art-second-color-scheme input[type=button].art-button-fifth {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-fifth,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-fifth,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-fifth,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-fifth, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-fifth,
.art-second-color-scheme button.art-button-fifth,
.art-second-color-scheme input[type=submit].art-button-fifth,
.art-second-color-scheme input[type=button].art-button-fifth {
background-color: transparent;
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-fifth,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-fifth,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-fifth,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-fifth, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-fifth,
.art-second-color-scheme button.art-button-fifth,
.art-second-color-scheme input[type=submit].art-button-fifth,
.art-second-color-scheme input[type=button].art-button-fifth {
color: var(--art-bg-bg);
}
.learnpress-page .lp-button.art-button-fifth:hover,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-fifth:hover,
.comment-respond .comment-form input[type=submit].art-button-fifth:hover,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-fifth:hover, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-fifth:hover,
button.art-button-fifth:hover,
input[type=submit].art-button-fifth:hover,
input[type=button].art-button-fifth:hover {
background-color: var(--art-colors-bg);
color: var(--art-colors-link);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-fifth:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-fifth:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-fifth:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-fifth:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-fifth:hover,
.art-second-color-scheme button.art-button-fifth:hover,
.art-second-color-scheme input[type=submit].art-button-fifth:hover,
.art-second-color-scheme input[type=button].art-button-fifth:hover {
background-color: var(--art-bg-bg);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-fifth:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-fifth:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-fifth:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-fifth:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-fifth:hover,
.art-second-color-scheme button.art-button-fifth:hover,
.art-second-color-scheme input[type=submit].art-button-fifth:hover,
.art-second-color-scheme input[type=button].art-button-fifth:hover {
color: var(--art-bg-link);
}
.learnpress-page .lp-button.art-button-link,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-link,
.comment-respond .comment-form input[type=submit].art-button-link,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-link, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-link,
button.art-button-link,
input[type=submit].art-button-link,
input[type=button].art-button-link {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: var(--art-colors-link);
border: 0;
background-color: transparent;
background-image: none;
padding: 0;
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-link,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-link,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-link,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-link, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-link,
.art-second-color-scheme button.art-button-link,
.art-second-color-scheme input[type=submit].art-button-link,
.art-second-color-scheme input[type=button].art-button-link {
color: var(--art-bg-link);
}
.learnpress-page .lp-button.art-button-link:hover,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-link:hover,
.comment-respond .comment-form input[type=submit].art-button-link:hover,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-link:hover, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-link:hover,
button.art-button-link:hover,
input[type=submit].art-button-link:hover,
input[type=button].art-button-link:hover {
color: var(--art-colors-hover);
background-color: transparent;
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-link:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-link:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-link:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-link:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-link:hover,
.art-second-color-scheme button.art-button-link:hover,
.art-second-color-scheme input[type=submit].art-button-link:hover,
.art-second-color-scheme input[type=button].art-button-link:hover {
color: var(--art-bg-hover);
}
.learnpress-page .lp-button.art-button-link-arrow,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-link-arrow,
.comment-respond .comment-form input[type=submit].art-button-link-arrow,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-link-arrow, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-link-arrow,
button.art-button-link-arrow,
input[type=submit].art-button-link-arrow,
input[type=button].art-button-link-arrow {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border: 0;
background-color: transparent;
background-image: none;
padding: 0 40px 0 0;
color: var(--art-colors-link);
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-link-arrow,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-link-arrow,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-link-arrow,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-link-arrow, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-link-arrow,
.art-second-color-scheme button.art-button-link-arrow,
.art-second-color-scheme input[type=submit].art-button-link-arrow,
.art-second-color-scheme input[type=button].art-button-link-arrow {
color: var(--art-bg-link);
}
.learnpress-page .lp-button.art-button-link-arrow:before,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-link-arrow:before,
.comment-respond .comment-form input[type=submit].art-button-link-arrow:before,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-link-arrow:before, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-link-arrow:before,
button.art-button-link-arrow:before,
input[type=submit].art-button-link-arrow:before,
input[type=button].art-button-link-arrow:before {
content: "쀇";
font-family: "denaro-font";
font-size: 28px;
line-height: 1em;
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: auto;
right: 0;
top: 0;
bottom: 0;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.68, -2, 0.265, 1.55);
transition: -webkit-transform 0.5s cubic-bezier(0.68, -2, 0.265, 1.55);
transition: transform 0.5s cubic-bezier(0.68, -2, 0.265, 1.55);
transition: transform 0.5s cubic-bezier(0.68, -2, 0.265, 1.55), -webkit-transform 0.5s cubic-bezier(0.68, -2, 0.265, 1.55);
}
.learnpress-page .lp-button.art-button-link-arrow:hover,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-link-arrow:hover,
.comment-respond .comment-form input[type=submit].art-button-link-arrow:hover,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-link-arrow:hover, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-link-arrow:hover,
button.art-button-link-arrow:hover,
input[type=submit].art-button-link-arrow:hover,
input[type=button].art-button-link-arrow:hover {
color: var(--art-colors-hover);
background-color: transparent;
}
.art-second-color-scheme .learnpress-page .lp-button.art-button-link-arrow:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.art-button-link-arrow:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].art-button-link-arrow:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].art-button-link-arrow:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].art-button-link-arrow:hover,
.art-second-color-scheme button.art-button-link-arrow:hover,
.art-second-color-scheme input[type=submit].art-button-link-arrow:hover,
.art-second-color-scheme input[type=button].art-button-link-arrow:hover {
color: var(--art-bg-hover);
}
.learnpress-page .lp-button.art-button-link-arrow:hover:before,
.learnpress-checkout #checkout-payment #checkout-order-action button.art-button-link-arrow:hover:before,
.comment-respond .comment-form input[type=submit].art-button-link-arrow:hover:before,
body.learnpress-profile .learn-press-form-login button[type=submit].art-button-link-arrow:hover:before, body.learnpress-profile .learn-press-form-register button[type=submit].art-button-link-arrow:hover:before,
button.art-button-link-arrow:hover:before,
input[type=submit].art-button-link-arrow:hover:before,
input[type=button].art-button-link-arrow:hover:before {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.learnpress-page .lp-button.button-purchase-course, .learnpress-page .lp-button.lp-button,
.learnpress-checkout #checkout-payment #checkout-order-action button.button-purchase-course,
.learnpress-checkout #checkout-payment #checkout-order-action button.lp-button,
.comment-respond .comment-form input[type=submit].button-purchase-course,
.comment-respond .comment-form input[type=submit].lp-button,
body.learnpress-profile .learn-press-form-login button[type=submit].button-purchase-course,
body.learnpress-profile .learn-press-form-login button[type=submit].lp-button, body.learnpress-profile .learn-press-form-register button[type=submit].button-purchase-course, body.learnpress-profile .learn-press-form-register button[type=submit].lp-button,
button.button-purchase-course,
button.lp-button,
input[type=submit].button-purchase-course,
input[type=submit].lp-button,
input[type=button].button-purchase-course,
input[type=button].lp-button {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 40px;
border-color: var(--art-colors-bg);
background-color: var(--art-colors-bg);
color: var(--art-colors-light-text);
}
.art-second-color-scheme .learnpress-page .lp-button.button-purchase-course, .art-second-color-scheme .learnpress-page .lp-button.lp-button,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.button-purchase-course,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.lp-button,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].button-purchase-course,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].lp-button,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].button-purchase-course,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].lp-button, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].button-purchase-course, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].lp-button,
.art-second-color-scheme button.button-purchase-course,
.art-second-color-scheme button.lp-button,
.art-second-color-scheme input[type=submit].button-purchase-course,
.art-second-color-scheme input[type=submit].lp-button,
.art-second-color-scheme input[type=button].button-purchase-course,
.art-second-color-scheme input[type=button].lp-button {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .learnpress-page .lp-button.button-purchase-course, .art-second-color-scheme .learnpress-page .lp-button.lp-button,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.button-purchase-course,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.lp-button,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].button-purchase-course,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].lp-button,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].button-purchase-course,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].lp-button, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].button-purchase-course, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].lp-button,
.art-second-color-scheme button.button-purchase-course,
.art-second-color-scheme button.lp-button,
.art-second-color-scheme input[type=submit].button-purchase-course,
.art-second-color-scheme input[type=submit].lp-button,
.art-second-color-scheme input[type=button].button-purchase-course,
.art-second-color-scheme input[type=button].lp-button {
background-color: var(--art-bg-bg);
}
.art-second-color-scheme .learnpress-page .lp-button.button-purchase-course, .art-second-color-scheme .learnpress-page .lp-button.lp-button,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.button-purchase-course,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.lp-button,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].button-purchase-course,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].lp-button,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].button-purchase-course,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].lp-button, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].button-purchase-course, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].lp-button,
.art-second-color-scheme button.button-purchase-course,
.art-second-color-scheme button.lp-button,
.art-second-color-scheme input[type=submit].button-purchase-course,
.art-second-color-scheme input[type=submit].lp-button,
.art-second-color-scheme input[type=button].button-purchase-course,
.art-second-color-scheme input[type=button].lp-button {
color: var(--art-bg-light-text);
}
.learnpress-page .lp-button.button-purchase-course:hover, .learnpress-page .lp-button.lp-button:hover,
.learnpress-checkout #checkout-payment #checkout-order-action button.button-purchase-course:hover,
.learnpress-checkout #checkout-payment #checkout-order-action button.lp-button:hover,
.comment-respond .comment-form input[type=submit].button-purchase-course:hover,
.comment-respond .comment-form input[type=submit].lp-button:hover,
body.learnpress-profile .learn-press-form-login button[type=submit].button-purchase-course:hover,
body.learnpress-profile .learn-press-form-login button[type=submit].lp-button:hover, body.learnpress-profile .learn-press-form-register button[type=submit].button-purchase-course:hover, body.learnpress-profile .learn-press-form-register button[type=submit].lp-button:hover,
button.button-purchase-course:hover,
button.lp-button:hover,
input[type=submit].button-purchase-course:hover,
input[type=submit].lp-button:hover,
input[type=button].button-purchase-course:hover,
input[type=button].lp-button:hover {
border-color: var(--art-colors-bg-hover);
background-color: var(--art-colors-bg-hover);
color: var(--art-colors-light-text);
}
.art-second-color-scheme .learnpress-page .lp-button.button-purchase-course:hover, .art-second-color-scheme .learnpress-page .lp-button.lp-button:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.button-purchase-course:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.lp-button:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].button-purchase-course:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].lp-button:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].button-purchase-course:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].lp-button:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].button-purchase-course:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].lp-button:hover,
.art-second-color-scheme button.button-purchase-course:hover,
.art-second-color-scheme button.lp-button:hover,
.art-second-color-scheme input[type=submit].button-purchase-course:hover,
.art-second-color-scheme input[type=submit].lp-button:hover,
.art-second-color-scheme input[type=button].button-purchase-course:hover,
.art-second-color-scheme input[type=button].lp-button:hover {
border-color: var(--art-bg-bg-hover);
}
.art-second-color-scheme .learnpress-page .lp-button.button-purchase-course:hover, .art-second-color-scheme .learnpress-page .lp-button.lp-button:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.button-purchase-course:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.lp-button:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].button-purchase-course:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].lp-button:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].button-purchase-course:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].lp-button:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].button-purchase-course:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].lp-button:hover,
.art-second-color-scheme button.button-purchase-course:hover,
.art-second-color-scheme button.lp-button:hover,
.art-second-color-scheme input[type=submit].button-purchase-course:hover,
.art-second-color-scheme input[type=submit].lp-button:hover,
.art-second-color-scheme input[type=button].button-purchase-course:hover,
.art-second-color-scheme input[type=button].lp-button:hover {
background-color: var(--art-bg-bg-hover);
}
.art-second-color-scheme .learnpress-page .lp-button.button-purchase-course:hover, .art-second-color-scheme .learnpress-page .lp-button.lp-button:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.button-purchase-course:hover,
.art-second-color-scheme .learnpress-checkout #checkout-payment #checkout-order-action button.lp-button:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].button-purchase-course:hover,
.art-second-color-scheme .comment-respond .comment-form input[type=submit].lp-button:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].button-purchase-course:hover,
.art-second-color-scheme body.learnpress-profile .learn-press-form-login button[type=submit].lp-button:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].button-purchase-course:hover, .art-second-color-scheme body.learnpress-profile .learn-press-form-register button[type=submit].lp-button:hover,
.art-second-color-scheme button.button-purchase-course:hover,
.art-second-color-scheme button.lp-button:hover,
.art-second-color-scheme input[type=submit].button-purchase-course:hover,
.art-second-color-scheme input[type=submit].lp-button:hover,
.art-second-color-scheme input[type=button].button-purchase-course:hover,
.art-second-color-scheme input[type=button].lp-button:hover {
color: var(--art-bg-light-text);
}
.learnpress-page .lp-button.button-purchase-course:hover, .learnpress-page .lp-button.lp-button:hover,
.learnpress-checkout #checkout-payment #checkout-order-action button.button-purchase-course:hover,
.learnpress-checkout #checkout-payment #checkout-order-action button.lp-button:hover,
.comment-respond .comment-form input[type=submit].button-purchase-course:hover,
.comment-respond .comment-form input[type=submit].lp-button:hover,
body.learnpress-profile .learn-press-form-login button[type=submit].button-purchase-course:hover,
body.learnpress-profile .learn-press-form-login button[type=submit].lp-button:hover, body.learnpress-profile .learn-press-form-register button[type=submit].button-purchase-course:hover, body.learnpress-profile .learn-press-form-register button[type=submit].lp-button:hover,
button.button-purchase-course:hover,
button.lp-button:hover,
input[type=submit].button-purchase-course:hover,
input[type=submit].lp-button:hover,
input[type=button].button-purchase-course:hover,
input[type=button].lp-button:hover {
opacity: 1;
}
.art-button-primary {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 40px;
border-color: var(--art-colors-bg);
background-color: var(--art-colors-bg);
color: var(--art-colors-light-text);
}
.art-second-color-scheme .art-button-primary {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .art-button-primary {
background-color: var(--art-bg-bg);
}
.art-second-color-scheme .art-button-primary {
color: var(--art-bg-light-text);
}
.art-button-primary:hover {
border-color: var(--art-colors-bg-hover);
background-color: var(--art-colors-bg-hover);
color: var(--art-colors-light-text);
}
.art-second-color-scheme .art-button-primary:hover {
border-color: var(--art-bg-bg-hover);
}
.art-second-color-scheme .art-button-primary:hover {
background-color: var(--art-bg-bg-hover);
}
.art-second-color-scheme .art-button-primary:hover {
color: var(--art-bg-light-text);
}
.art-button-secondary {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 40px;
border-color: var(--art-colors-bg);
background-color: transparent;
color: var(--art-colors-bg);
}
.art-second-color-scheme .art-button-secondary {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .art-button-secondary {
background-color: transparent;
}
.art-second-color-scheme .art-button-secondary {
color: var(--art-bg-bg);
}
.art-button-secondary:hover { background-color: var(--art-colors-bg);
color: #fff;
}
.art-second-color-scheme .art-button-secondary:hover {
background-color: var(--art-bg-bg);
}
.art-button-third {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding: 15px 40px;
background-color: #ffffff;
color: #000000;
}
.art-button-third:hover {
background-color: var(--art-colors-heading);
color: var(--art-colors-bg);
}
.art-second-color-scheme .art-button-third:hover {
background-color: var(--art-bg-heading);
}
.art-second-color-scheme .art-button-third:hover {
color: var(--art-bg-bg);
}
.art-button-fourth {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 28px;
border-color: var(--art-colors-bg);
background-color: var(--art-colors-bg);
color: var(--art-colors-link);
}
.art-second-color-scheme .art-button-fourth {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .art-button-fourth {
background-color: var(--art-bg-bg);
}
.art-second-color-scheme .art-button-fourth {
color: var(--art-bg-link);
}
.art-button-fourth:hover {
background-color: transparent;
color: var(--art-colors-bg);
}
.art-second-color-scheme .art-button-fourth:hover {
background-color: transparent;
}
.art-second-color-scheme .art-button-fourth:hover {
color: var(--art-bg-bg);
}
.art-button-fifth {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 28px;
border-color: var(--art-colors-bg);
background-color: transparent;
color: var(--art-colors-bg);
}
.art-second-color-scheme .art-button-fifth {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .art-button-fifth {
background-color: transparent;
}
.art-second-color-scheme .art-button-fifth {
color: var(--art-bg-bg);
}
.art-button-fifth:hover {
background-color: var(--art-colors-bg);
color: var(--art-colors-link);
}
.art-second-color-scheme .art-button-fifth:hover {
background-color: var(--art-bg-bg);
}
.art-second-color-scheme .art-button-fifth:hover {
color: var(--art-bg-link);
}
.art-button-link {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: var(--art-colors-link);
border: 0;
background-color: transparent;
background-image: none;
padding: 0;
}
.art-second-color-scheme .art-button-link {
color: var(--art-bg-link);
}
.art-button-link:hover {
color: var(--art-colors-hover);
background-color: transparent;
}
.art-second-color-scheme .art-button-link:hover {
color: var(--art-bg-hover);
}
.art-button-link-arrow {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border: 0;
background-color: transparent;
background-image: none;
padding: 0 40px 0 0;
color: var(--art-colors-link);
}
.art-second-color-scheme .art-button-link-arrow {
color: var(--art-bg-link);
}
.art-button-link-arrow:before {
content: "쀇";
font-family: "denaro-font";
font-size: 28px;
line-height: 1em;
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: auto;
right: 0;
top: 0;
bottom: 0;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.68, -2, 0.265, 1.55);
transition: -webkit-transform 0.5s cubic-bezier(0.68, -2, 0.265, 1.55);
transition: transform 0.5s cubic-bezier(0.68, -2, 0.265, 1.55);
transition: transform 0.5s cubic-bezier(0.68, -2, 0.265, 1.55), -webkit-transform 0.5s cubic-bezier(0.68, -2, 0.265, 1.55);
}
.art-button-link-arrow:hover {
color: var(--art-colors-hover);
background-color: transparent;
}
.art-second-color-scheme .art-button-link-arrow:hover {
color: var(--art-bg-hover);
}
.art-button-link-arrow:hover:before {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.elementor-widget-button .elementor-button {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
}
.art-body-font {
font-family: var(--art-body-font-family);
font-weight: var(--art-body-font-weight);
font-style: var(--art-body-font-style);
text-transform: var(--art-body-text-transform);
-webkit-text-decoration: var(--art-body-text-decoration);
text-decoration: var(--art-body-text-decoration);
font-size: var(--art-body-font-size);
line-height: var(--art-body-line-height);
letter-spacing: var(--art-body-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-body-font {
font-family: var(--art-body-mobile-font-family);
font-weight: var(--art-body-mobile-font-weight);
font-style: var(--art-body-mobile-font-style);
text-transform: var(--art-body-mobile-text-transform);
-webkit-text-decoration: var(--art-body-mobile-text-decoration);
text-decoration: var(--art-body-mobile-text-decoration);
font-size: var(--art-body-mobile-font-size);
line-height: var(--art-body-mobile-line-height);
letter-spacing: var(--art-body-mobile-letter-spacing);
}
}
.art-body-two-font {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-body-two-font {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-body-three-font {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-body-three-font {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-body-four-font {
font-family: var(--art-body-four-font-family);
font-weight: var(--art-body-four-font-weight);
font-style: var(--art-body-four-font-style);
text-transform: var(--art-body-four-text-transform);
-webkit-text-decoration: var(--art-body-four-text-decoration);
text-decoration: var(--art-body-four-text-decoration);
font-size: var(--art-body-four-font-size);
line-height: var(--art-body-four-line-height);
letter-spacing: var(--art-body-four-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-body-four-font {
font-family: var(--art-body-four-mobile-font-family);
font-weight: var(--art-body-four-mobile-font-weight);
font-style: var(--art-body-four-mobile-font-style);
text-transform: var(--art-body-four-mobile-text-transform);
-webkit-text-decoration: var(--art-body-four-mobile-text-decoration);
text-decoration: var(--art-body-four-mobile-text-decoration);
font-size: var(--art-body-four-mobile-font-size);
line-height: var(--art-body-four-mobile-line-height);
letter-spacing: var(--art-body-four-mobile-letter-spacing);
}
}
.art-body-five-font {
font-family: var(--art-body-five-font-family);
font-weight: var(--art-body-five-font-weight);
font-style: var(--art-body-five-font-style);
text-transform: var(--art-body-five-text-transform);
-webkit-text-decoration: var(--art-body-five-text-decoration);
text-decoration: var(--art-body-five-text-decoration);
font-size: var(--art-body-five-font-size);
line-height: var(--art-body-five-line-height);
letter-spacing: var(--art-body-five-letter-spacing);
}
.art-second-color-scheme {
color: var(--art-second-colors-text);
}
.art-heading-color {
color: var(--art-colors-heading);
}
.art-second-color-scheme .art-heading-color {
color: var(--art-bg-heading);
}
.art-second-bg {
background-color: var(--art-colors-second-bg);
}
.art-second-color-scheme .art-second-bg {
background-color: var(--art-bg-second-bg);
}
.art-third-bg {
background-color: var(--art-colors-third-bg);
}
.art-second-color-scheme .art-third-bg {
background-color: var(--art-bg-third-bg);
}
.art-hidden {
opacity: 0;
}
.art-visible {
opacity: 1;
}
.art-placeholder {
background-color: var(--art-colors-second-bg);
color: var(--art-colors-heading);
font-size: 60px;
display: block;
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
}
.art-second-color-scheme .art-placeholder {
background-color: var(--art-bg-second-bg);
}
.art-second-color-scheme .art-placeholder {
color: var(--art-bg-heading);
}
.art-placeholder svg {
fill: currentColor;
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.art-svg-line {
position: absolute;
left: 0;
bottom: 0;
}
.art-svg-line svg {
fill: transparent;
stroke: var(--art-colors-link);
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
-webkit-animation: animated_line 4s linear forwards;
animation: animated_line 4s linear forwards;
}
.art-second-color-scheme .art-svg-line svg {
stroke: var(--art-second-colors-link);
}
.art-theme-tag {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
background-color: var(--art-colors-fourth-bg);
display: inline-block;
padding: 7px 16px;
line-height: 18px !important;
margin-right: 5px;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.art-theme-tag {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-second-color-scheme .art-theme-tag {
background-color: var(--art-bg-fourth-bg);
}
@-webkit-keyframes animated_line {
to {
stroke-dashoffset: 0;
}
}
@keyframes animated_line {
to {
stroke-dashoffset: 0;
}
}
.art--alignment-left {
text-align: left;
}
.art--alignment-center {
text-align: center;
}
.art--alignment-right {
text-align: right;
}
@media only screen and (max-width: 1024px) {
.art--alignment-tablet-left {
text-align: left;
}
.art--alignment-tablet-center {
text-align: center;
}
.art--alignment-tablet-right {
text-align: right;
}
}
@media only screen and (max-width: 767px) {
.art--alignment-mobile-left {
text-align: left;
}
.art--alignment-mobile-center {
text-align: center;
}
.art--alignment-mobile-right {
text-align: right;
}
}
.art-clearfix::after {
content: "";
clear: both;
display: table;
}
p.stars a:hover:after,
p.stars a:after {
letter-spacing: 5px;
}
.art-form-button-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.art-form-button-wrap.art-form-button-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.mfp-bg {
background-color: var(--art-popup-bg-color);
background-image: var(--art-popup-bg-image);
background-repeat: var(--art-popup-bg-repeat);
background-position: var(--art-popup-bg-position);
background-size: var(--art-popup-bg-size);
background-attachment: var(--art-popup-bg-attachment);
}
.mfp-container {
padding: 0;
}
.mfp-container:before {
content: none;
display: none;
}
body.admin-bar .mfp-container {
padding-top: 32px;
}
@media only screen and (max-width: 782px) {
body.admin-bar .mfp-container {
padding-top: 46px;
}
}
.mfp-content {
display: block;
height: 100%;
}
.art-popup-container {
position: relative;
margin: 0; padding: 0;
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.art-popup-container .art-popup-heading {
height: 103px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: var(--art-container-hor-pad);
padding-right: var(--art-container-hor-pad);
}
.art-popup-container .art-popup-heading .art-popup-logo img {
width: auto;
max-height: 100%;
}
.art-popup-container .art-popup-content {
position: relative;
z-index: 1;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.art-popup-container .wpcf7 form.wpcf7-form textarea {
height: 112px;
}
.art-popup-container .mfp-close {
border: 0;
background-color: transparent;
background-image: none;
color: var(--art-colors-link);
font-size: 32px;
line-height: 1em;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
border-radius: 0;
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: auto;
right: 41px;
top: 36px;
bottom: auto;
text-indent: -9999px;
opacity: 1;
}
.art-popup-container .mfp-close:hover {
color: var(--art-colors-hover);
}
.art-popup-container .mfp-close:before {
font-family: "denaro-font";
content: "쀢";
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-indent: 0;
}
@media only screen and (max-width: 540px) {
.art-popup-container .art-svg-line {
display: none;
}
}
@media only screen and (min-width: 768px) {
.art-default-popup-first-start-col { }
}
@media only screen and (max-width: 767px) {
.art-default-popup-first-end-col {
margin-top: 40px;
}
}
.art-default-popup-first-title {
margin-bottom: 30px;
}
.art-default-popup-first-button-wrap {
margin-top: 16px;
}  .my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
transform: scale(0.8);
} .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
} .my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
} .my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 1;
} .my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.art-social-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: -9px;
}
.art-social-container a {
margin: 9px;
}
.art-social-container a i {
font-size: 18px;
line-height: 1em;
display: block;
}
.art-subscribe-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media only screen and (max-width: 540px) {
.art-subscribe-form {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.art-subscribe-form > span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.art-subscribe-form [type=submit] {
margin-left: 10px;
}
@media only screen and (max-width: 540px) {
.art-subscribe-form [type=submit] {
margin-top: 20px;
margin-left: 0;
}
}
.art-subscribe-form [type=submit].art-button-primary, .art-subscribe-form [type=submit].art-button-secondary, .art-subscribe-form [type=submit].art-button-third {
padding-left: 18px;
padding-right: 18px;
}
.art-subscribe-form .ajax-loader {
margin: auto !important;
position: absolute;
top: 16px;
right: 0;
bottom: auto;
left: 0;
}
.art-block-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.art-display-block {
display: block;
}
.art-display-none {
display: none;
}
#art-main-holder {
position: relative;
right: 0;
}
#art-main-holder.art-no-transform {
-webkit-transform: none !important;
transform: none !important;
}
.art-main-holder-mask {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 400ms;
transition: opacity 400ms;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 60;
background: rgba(248, 248, 248, 0.85);
}
.art-cart-sidebar-open .art-main-holder-mask {
opacity: 1;
visibility: visible;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.screen-reader-text,
.gallery-caption {
font-size: 100%;
}
.bypostauthor {
font-size: 100%;
} .art-preloader-holder {
position: fixed;
height: 100%;
width: 100%;
z-index: 99999999999999;
}
.art-preloader-holder .art-preloader-holder-data {
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.art-preloader-holder img.img-logotype {
display: none;
} .slick-dotted.slick-slider {
margin-bottom: 0;
}
.slick-dots {
list-style: none;
}
.slick-dots li {
margin: 0;
}
.slick-dots li button:before {
content: "";
width: 10px;
height: 10px;
border-width: 1px;
border-style: solid;
border-color: var(--art-colors-heading);
border-radius: 100%;
opacity: 1 !important;
}
.art-second-color-scheme .slick-dots li button:before {
border-color: var(--art-bg-heading);
}
.slick-dots li button:hover:before {
opacity: 0.8 !important;
}
.slick-dots li.slick-active button:before {
background-color: var(--art-colors-heading);
}
.art-second-color-scheme .slick-dots li.slick-active button:before {
background-color: var(--art-bg-heading);
} .art-loader-wrapper {
opacity: 0;
visibility: hidden;
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.art-loader-wrapper .art-loader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.art-loader-wrapper .art-loader-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.art-loader-wrapper .art-loader-dot {
margin: 2px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: var(--art-colors-heading);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-animation: scale-dot 1.2s ease-out infinite;
animation: scale-dot 1.2s ease-out infinite;
}
.art-loader-wrapper .art-loader-dot:nth-of-type(2) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.art-loader-wrapper .art-loader-dot:nth-of-type(3) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.art-loader-wrapper .art-loader-dot:nth-of-type(4) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.art-loader-wrapper .art-loader-dot:nth-of-type(5) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes scale-dot {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
25% {
-webkit-transform: scale(1);
transform: scale(1);
}
75% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes scale-dot {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
25% {
-webkit-transform: scale(1);
transform: scale(1);
}
75% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
.art-load-more-wrapper {
-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.art-pagination-wrapper,
.art-shop-pagination-wrapper {
position: relative;
}
.art-pagination-wrapper.art-is-loading .art-load-more-wrapper,
.art-shop-pagination-wrapper.art-is-loading .art-load-more-wrapper {
opacity: 0;
visibility: hidden;
}
.art-pagination-wrapper.art-is-loading .art-loader-wrapper,
.art-shop-pagination-wrapper.art-is-loading .art-loader-wrapper {
opacity: 1;
visibility: visible;
}
.art-load-more-button-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 80px;
}
.art-pagination {
margin-top: 100px;
padding-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.art-load-more-pagination .art-pagination {
display: none;
}
.art-pagination .art-left-arrow {
margin-right: 25px;
}
.art-pagination .art-right-arrow {
margin-left: 25px;
}
.art-pagination .art-right-arrow,
.art-pagination .art-left-arrow {
font-size: 24px;
}
.art-pagination .art-right-arrow *,
.art-pagination .art-left-arrow * {
display: block;
}
.art-pagination .art-right-arrow a,
.art-pagination .art-left-arrow a {
color: var(--art-colors-heading);
}
.art-pagination .art-right-arrow a:hover,
.art-pagination .art-left-arrow a:hover {
color: var(--art-colors-link);
}
.art-pagination .art-center-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -10px;
}
.art-pagination .art-center-buttons .page-numbers {
margin: 0 10px;
}
.art-pagination .art-center-buttons .page-numbers.current {
color: var(--art-colors-link);
}
.art-pagination .art-center-buttons a.page-numbers {
color: var(--art-colors-heading);
}
.art-pagination .art-center-buttons a.page-numbers:hover {
color: var(--art-colors-link);
}
.art-sub-pagination {
text-align: center;
padding-top: 25px;
clear: both;
}
.art-sub-pagination .art-sub-pagination-title {
margin: 0 0 12px;
}
.art-sub-pagination > span,
.art-sub-pagination > a {
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.art-sub-pagination .post-page-numbers.current {
color: var(--art-colors-link);
}
.art-sub-pagination a.post-page-numbers {
color: var(--art-colors-heading);
}
.art-sub-pagination a.post-page-numbers:hover {
color: var(--art-colors-link);
}
.elementor .wp-block-separator,
.wp-block-separator {
max-width: 300px;
}
.elementor .wp-block-separator.is-style-wide,
.wp-block-separator.is-style-wide {
max-width: none;
}
.art-post-pagination {
text-align: center;
margin-bottom: 40px;
}
.art-post-pagination .art-post-pages-wrapper {
margin-bottom: 10px;
}
.art-post-pagination .post-page-numbers {
margin: 0 7px;
display: inline-block;
line-height: 20px;
}
.art-post-pagination .post-page-numbers span {
line-height: 20px;
display: inline-block;
}
.art-post-pagination .post-page-numbers.current {
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: var(--art-colors-heading);
}
.art-second-color-scheme .art-post-pagination .post-page-numbers.current {
border-color: var(--art-bg-heading);
}
.art-ajax-posts-wrapper {
position: relative;
}
.art-ajax-posts-wrapper:before {
content: "";
background-color: rgba(255, 255, 255, 0.8);
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
cursor: wait;
}
.art-ajax-posts-wrapper.art-loading:before {
visibility: visible;
opacity: 1;
} .art-ajax-terms-list-wrapper {
margin-bottom: 40px;
overflow: hidden;
}
.art-ajax-terms-list {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -20px -20px 0;
}
@media only screen and (max-width: 767px) {
.art-ajax-terms-list {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
@media only screen and (max-width: 767px) {
.art-ajax-terms-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.art-ajax-terms-list a {
margin: 20px 20px 0;
color: var(--art-colors-text);
}
.art-second-color-scheme .art-ajax-terms-list a {
color: var(--art-bg-text);
}
.art-ajax-terms-list a:hover, .art-ajax-terms-list a.art-current-item {
color: var(--art-colors-bg);
border-bottom: 2px solid;
padding-bottom: 5px;
}
.art-second-color-scheme .art-ajax-terms-list a:hover, .art-second-color-scheme .art-ajax-terms-list a.art-current-item {
color: var(--art-bg-bg);
}
.art-ajax-load-more-posts-button-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 80px;
position: relative;
}
.art-ajax-load-more-posts-button-wrap.art-podcast-load-button {
margin-top: 50px;
}
.art-ajax-load-more-posts-button-wrap.art-hide {
display: none;
}
.art-ajax-load-more-posts-button-wrap.art-loading .art-ajax-load-more-posts-button {
opacity: 0;
visibility: hidden;
}
.art-ajax-load-more-posts-button-wrap.art-loading .art-loader-wrapper {
opacity: 1;
visibility: visible;
}
.art-swiper-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.art-swiper-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.art-swiper-top .art-swiper-title-wrap {
padding-right: 20px;
}
@media only screen and (max-width: 767px) {
.art-swiper-top .art-swiper-title-wrap {
margin-bottom: 40px;
padding-right: 0;
}
}
.art-swiper-title {
margin: 0;
}
.art-swiper-bottom {
margin-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} .art-swiper-arrow-wide {
width: 50%;
height: 100%;
position: absolute;
top: 0;
z-index: 10;
cursor: none;
}
.art-swiper-arrow-wide.swiper-button-disabled {
opacity: 0.4;
}
.art-swiper-arrow-wide span {
color: var(--art-colors-link);
font-size: 70px;
line-height: 1em;
width: 1em;
height: 1em;
visibility: hidden;
opacity: 0;
position: fixed;
left: -35px;
top: -35px;
}
.art-second-color-scheme .art-swiper-arrow-wide span {
color: var(--art-bg-link);
}
.art-swiper-arrow-wide:hover span {
visibility: visible;
opacity: 1;
-webkit-transition: opacity 0.1s ease, visibility 0.1s ease, -webkit-transform 0.1s ease;
transition: opacity 0.1s ease, visibility 0.1s ease, -webkit-transform 0.1s ease;
transition: transform 0.1s ease, opacity 0.1s ease, visibility 0.1s ease;
transition: transform 0.1s ease, opacity 0.1s ease, visibility 0.1s ease, -webkit-transform 0.1s ease;
}
.art-swiper-arrow-wide.art-swiper-arrow-prev {
left: 0;
}
.art-swiper-arrow-wide.art-swiper-arrow-next {
right: 0;
} .art-swiper-arrows-compact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.art-swiper-arrow-compact {
background-color: transparent;
border-width: 2px;
border-style: solid;
border-color: var(--art-colors-link);
color: var(--art-colors-link);
font-size: 24px;
display: block;
width: 46px;
height: 46px;
position: relative;
cursor: pointer;
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.3s ease-in-out;
}
.art-second-color-scheme .art-swiper-arrow-compact {
border-color: var(--art-bg-link);
}
.art-second-color-scheme .art-swiper-arrow-compact {
color: var(--art-bg-link);
}
.art-swiper-arrow-compact:hover {
background-color: var(--art-colors-link);
color: var(--art-colors-bg);
}
.art-second-color-scheme .art-swiper-arrow-compact:hover {
background-color: var(--art-bg-link);
}
.art-second-color-scheme .art-swiper-arrow-compact:hover {
color: var(--art-bg-bg);
}
.art-swiper-arrow-compact.swiper-button-disabled {
opacity: 0.4;
pointer-events: none;
}
.art-swiper-arrow-compact + .art-swiper-arrow-compact {
margin-left: 20px;
}
.art-swiper-arrow-compact span {
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.art-swiper-arrow-compact span:before {
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.art-accordion {
position: relative;
}
.art-accordion__item {
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.art-accordion__item-title {
color: var(--art-colors-heading);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
padding: 19px 0;
position: relative;
}
.art-second-color-scheme .art-accordion__item-title {
color: var(--art-bg-heading);
}
.art-accordion__item-title i {
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.art-accordion__item.art-active .art-accordion__item-title i {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.art-accordion__item-content {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
display: none;
padding: 0 0 30px;
}
@media only screen and (max-width: 767px) {
.art-accordion__item-content {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
} .art--header {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.art--header.art-header-hide {
opacity: 0;
visibility: hidden;
}
.art--header.art-header-transparent .art-header-two-content, .art--header.art-header-transparent .art-header-one-content, .art--header.art-header-transparent .art-header-three-content {
background-color: transparent;
}
.art--header:not(.art-header-transparent) .art-header-two-content, .art--header:not(.art-header-transparent) .art-header-one-content, .art--header:not(.art-header-transparent) .art-header-three-content {
background-color: var(--art-colors-bg-header) !important;
}
.art-navigation-container ul,
.art-nav-container ul {
list-style: none;
margin: 0;
}
.art-navigation-container li,
.art-nav-container li {
margin: 0;
}
ul.menu,
ul.sub-menu {
list-style: none;
margin: 0;
}
.art-header-login-link {
height: 28px;
}
.art-header-login-link i:before {
font-size: 25px;
color: #000;
}
.art-herder-top-banner {
margin-top: -40px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms;
transition: all 300ms;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-height: 40px;
height: 40px;
position: relative;
background-color: var(--art-colors-header-banner-bg);
}
@media (max-width: 768px) {
.art-herder-top-banner {
display: none !important;
}
}
.art-second-color-scheme .art-herder-top-banner {
background-color: var(--art-bg-header-banner-bg);
}
.art-herder-top-banner__content {
color: var(--art-colors-header-banner-text);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.art-second-color-scheme .art-herder-top-banner__content {
color: var(--art-bg-header-banner-text);
}
.art-herder-top-banner__content .art-header-banner-countdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
.art-herder-top-banner__content .art-header-banner-countdown {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-herder-top-banner__content .art-header-banner-countdown .art-countdowntime {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.art-herder-top-banner__content .art-header-banner-countdown .art-countdowntime p {
margin: 0;
}
.art-herder-top-banner__content .art-header-top-banner-text {
font-family: var(--art-body-five-font-family);
font-weight: var(--art-body-five-font-weight);
font-style: var(--art-body-five-font-style);
text-transform: var(--art-body-five-text-transform);
-webkit-text-decoration: var(--art-body-five-text-decoration);
text-decoration: var(--art-body-five-text-decoration);
font-size: var(--art-body-five-font-size);
line-height: var(--art-body-five-line-height);
letter-spacing: var(--art-body-five-letter-spacing);
margin-right: 20px;
}
.art-herder-top-banner__content .art-header-top-banner-link {
color: inherit;
font-family: var(--art-body-four-font-family);
font-weight: var(--art-body-four-font-weight);
font-style: var(--art-body-four-font-style);
text-transform: var(--art-body-four-text-transform);
-webkit-text-decoration: var(--art-body-four-text-decoration);
text-decoration: var(--art-body-four-text-decoration);
font-size: var(--art-body-four-font-size);
line-height: var(--art-body-four-line-height);
letter-spacing: var(--art-body-four-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-herder-top-banner__content .art-header-top-banner-link {
font-family: var(--art-body-four-mobile-font-family);
font-weight: var(--art-body-four-mobile-font-weight);
font-style: var(--art-body-four-mobile-font-style);
text-transform: var(--art-body-four-mobile-text-transform);
-webkit-text-decoration: var(--art-body-four-mobile-text-decoration);
text-decoration: var(--art-body-four-mobile-text-decoration);
font-size: var(--art-body-four-mobile-font-size);
line-height: var(--art-body-four-mobile-line-height);
letter-spacing: var(--art-body-four-mobile-letter-spacing);
}
}
.art-herder-top-banner__content .art-header-banner-close-button {
position: absolute;
right: 20px;
}
.art-herder-top-banner__content .art-header-banner-close-button i:before {
font-size: 20px;
}
.art-herder-top-header {
max-height: 40px;
height: 40px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: var(--art-colors-header-top-bg);
}
@media (max-width: 768px) {
.art-herder-top-header {
display: none !important;
}
}
.art-herder-top-header .art-header-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.art-herder-top-header .art-header-container .right-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.art-herder-top-header .art-header-container .right-side i {
color: var(--art-colors-header-top-text);
}
.art-herder-top-header .art-header-container .left-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.art-herder-top-header .art-header-container .left-side .meta-part {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--art-colors-header-top-text);
font-weight: 600 !important;
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
}
.art-herder-top-header .art-header-container .left-side .meta-part svg {
margin-right: 10px;
}
@media only screen and (max-width: 575px) {
.art-herder-top-header .art-header-container .left-side .meta-part svg {
margin-right: 3px;
}
}
.art-herder-top-header .art-header-container .left-side .meta-part svg path {
fill: var(--art-colors-header-top-text);
}
@media only screen and (max-width: 767px) {
.art-herder-top-header .art-header-container .left-side .meta-part {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-herder-top-header .art-header-container .left-side .meta-part:not(:last-child) {
margin-right: 20px;
}
@media only screen and (max-width: 575px) {
.art-herder-top-header .art-header-container .left-side .meta-part:not(:last-child) {
margin-right: 10px;
}
}
.art--logo-container a .logotype-text {
margin: 0;
}
@media only screen and (min-width: 1241px) {
.info_block_hamburger {
display: none;
}
} body.admin-bar .art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper {
padding-top: 45px;
}
@media only screen and (max-width: 782px) {
body.admin-bar .art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper {
padding-top: 59px;
}
}
.art--mobile-menu-navigation-wrapper.sidebar-open {
right: 0 !important;
}
.art-mobile-menu-wrapper {
display: none; width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 1098;
}
.art-mobile-menu-wrapper .art-sidebar-overlay.art--mobile-menu-icon {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 1099;
cursor: pointer;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper {
position: fixed;
z-index: 1800;
right: 0;
top: 0;
width: 260px;
background-color: #fff;
padding: 15px 10px 25px 30px;
overflow-y: auto;
overflow-x: hidden;
height: 100vh;
border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-search form {
position: relative;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-search form i {
position: absolute;
left: -4px;
font-size: 18px !important;
height: 32px !important;
line-height: 32px !important;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-search form .art-mobile-search-input {
border-top: unset;
border-left: unset;
border-right: unset;
border-width: 1px;
padding: 4px 4px 4px 30px;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul {
list-style: none;
margin: 0;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li > a .fl-menu-flipper-icon .fl-back-content {
opacity: 0;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li.opened > a .fl-menu-flipper-icon .fl-front-content {
opacity: 0;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li.opened > a .fl-menu-flipper-icon .fl-back-content {
opacity: 1;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li a {
color: var(--art-colors-heading);
position: relative;
display: block;
padding: 12px 34px 12px 0;
text-align: left;
-webkit-transition: none;
transition: none;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li a:hover {
color: var(--art-colors-link);
text-decoration: none;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li a .fl-menu-flipper-icon {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 34px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li a .fl-menu-flipper-icon .fl-front-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 34px;
height: inherit;
z-index: 2;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li a .fl-menu-flipper-icon .fl-front-content:before {
content: "쀓";
font-family: "denaro-font";
font-size: 16px;
line-height: 1em;
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li a .fl-menu-flipper-icon .fl-back-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 34px;
height: inherit;
z-index: 2;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li a .fl-menu-flipper-icon .fl-back-content:before {
content: "쀙";
font-family: "denaro-font";
font-size: 16px;
line-height: 1em;
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li.current-menu-item > a, .art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li.current-menu-ancestor > a {
color: var(--art-colors-link);
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li .sub-menu {
display: none;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li .sub-menu a {
font-family: var(--art-body-four-font-family);
font-weight: var(--art-body-four-font-weight);
font-style: var(--art-body-four-font-style);
text-transform: var(--art-body-four-text-transform);
-webkit-text-decoration: var(--art-body-four-text-decoration);
text-decoration: var(--art-body-four-text-decoration);
font-size: var(--art-body-four-font-size);
line-height: var(--art-body-four-line-height);
letter-spacing: var(--art-body-four-letter-spacing);
letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li .sub-menu a {
font-family: var(--art-body-four-mobile-font-family);
font-weight: var(--art-body-four-mobile-font-weight);
font-style: var(--art-body-four-mobile-font-style);
text-transform: var(--art-body-four-mobile-text-transform);
-webkit-text-decoration: var(--art-body-four-mobile-text-decoration);
text-decoration: var(--art-body-four-mobile-text-decoration);
font-size: var(--art-body-four-mobile-font-size);
line-height: var(--art-body-four-mobile-line-height);
letter-spacing: var(--art-body-four-mobile-letter-spacing);
}
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li .sub-menu ul a {
padding-left: 10px;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li .sub-menu ul ul a {
padding-left: 15px;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-navigation ul.art--mobile-menu li .sub-menu ul ul ul a {
padding-left: 20px;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-social-container {
margin-top: 27px;
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-social-container .art-social-container a {
color: var(--art-colors-heading);
}
.art-mobile-menu-wrapper .art-nav-container .art--mobile-menu-navigation-wrapper .art--mobile-menu-social-container .art-social-container a:hover {
color: var(--art-colors-link);
} header.art-header-one {
position: relative;
z-index: 50;
}
header.art-header-one.art-menu-open .art-header-one-content .art-navigation-container {
left: -260px;
}
header.art-header-one.art-dark-header-text .art-header-one-content .art-navigation-container .left-content .art--logo-container a {
display: block;
padding: 13px 0;
}
header.art-header-one.art-dark-header-text .art-header-one-content .art-navigation-container .left-content .art--logo-container .light-logotype {
display: none;
}
header.art-header-one.art-dark-header-text .art-header-one-content .art-navigation-container .left-content .art--logo-container .dark-logotype {
display: block;
}
header.art-header-one.art-dark-header-text .art-header-one-content .art-navigation-container .center-content nav ul.menu > li > a {
color: var(--art-colors-heading);
}
header.art-header-one.art-dark-header-text .art-header-one-content .art-navigation-container .center-content nav ul.menu > li > a:hover {
color: var(--art-colors-link);
}
header.art-header-one.art-dark-header-text .art-header-one-content .art-navigation-container .right-content .art-social-container a {
color: var(--art-colors-heading);
}
header.art-header-one.art-dark-header-text .art-header-one-content .art-navigation-container .right-content .art-social-container a:hover {
color: var(--art-colors-link);
}
header.art-header-one.art-dark-header-text .art-header-one-content .art-navigation-container .right-content .hamburger-inner, header.art-header-one.art-dark-header-text .art-header-one-content .art-navigation-container .right-content .hamburger-inner:before, header.art-header-one.art-dark-header-text .art-header-one-content .art-navigation-container .right-content .hamburger-inner:after {
background-color: var(--art-colors-heading);
}
header.art-header-one.art-header-show-border .art-header-one-content {
border-bottom-color: rgba(0, 0, 0, 0.1);
}
header.art-header-one .art-header-one-content {
width: 100%;
position: absolute;
top: 0;
left: 0;
border-bottom: 1px solid transparent;
-webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, top 0.5s ease-in-out;
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, top 0.5s ease-in-out;
}
header.art-header-one .art-header-one-content:hover, header.art-header-one .art-header-one-content.art-sticky {
background-color: var(--art-colors-bg-header);
border-bottom-color: rgba(0, 0, 0, 0.1);
}
header.art-header-one .art-header-one-content:hover .art-navigation-container .left-content .art--logo-container .light-logotype, header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .left-content .art--logo-container .light-logotype {
display: none;
}
header.art-header-one .art-header-one-content:hover .art-navigation-container .left-content .art--logo-container .dark-logotype, header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .left-content .art--logo-container .dark-logotype {
display: block;
}
header.art-header-one .art-header-one-content:hover .art-navigation-container .center-content nav ul.menu > li > a, header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .center-content nav ul.menu > li > a {
color: var(--art-colors-heading);
}
header.art-header-one .art-header-one-content:hover .art-navigation-container .center-content nav ul.menu > li > a:hover, header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .center-content nav ul.menu > li > a:hover {
color: var(--art-colors-link);
}
header.art-header-one .art-header-one-content:hover .art-navigation-container .center-content nav ul.menu > li > .sub-nav > .sub-menu, header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .center-content nav ul.menu > li > .sub-nav > .sub-menu {
margin-top: 0;
}
header.art-header-one .art-header-one-content:hover .art-navigation-container .right-content .art-social-container a, header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .right-content .art-social-container a {
color: var(--art-colors-heading);
}
header.art-header-one .art-header-one-content:hover .art-navigation-container .right-content .art-social-container a:hover, header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .right-content .art-social-container a:hover {
color: var(--art-colors-link);
}
header.art-header-one .art-header-one-content:hover .art-navigation-container .right-content .hamburger-inner, header.art-header-one .art-header-one-content:hover .art-navigation-container .right-content .hamburger-inner:before, header.art-header-one .art-header-one-content:hover .art-navigation-container .right-content .hamburger-inner:after, header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .right-content .hamburger-inner, header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .right-content .hamburger-inner:before, header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .right-content .hamburger-inner:after {
background-color: var(--art-colors-heading);
}
header.art-header-one .art-header-one-content.art-sticky-hide {
top: -200px;
-webkit-transition: none;
transition: none;
}
header.art-header-one .art-header-one-content.art-sticky {
position: fixed;
top: -200px;
-webkit-transition: top 0.3s ease;
transition: top 0.3s ease;
}
header.art-header-one .art-header-one-content.art-sticky.art-sticky-show {
top: 0;
}
body.admin-bar header.art-header-one .art-header-one-content.art-sticky {
margin-top: 32px;
}
@media only screen and (max-width: 782px) {
body.admin-bar header.art-header-one .art-header-one-content.art-sticky {
margin-top: 46px;
}
}
@media only screen and (max-width: 600px) {
body.admin-bar header.art-header-one .art-header-one-content.art-sticky {
margin-top: 0;
}
}
header.art-header-one .art-header-one-content.art-sticky .art-navigation-container {
min-height: unset;
}
header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .center-content nav ul.menu > li {
padding-top: 10px;
padding-bottom: 10px;
}
header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .center-content nav ul.menu > li > a {
padding: 8px 0;
}
header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .right-content .art-social-container {
opacity: 0;
visibility: hidden;
display: none;
}
header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .right-content .art-site-header-appointment {
opacity: 1;
visibility: visible;
display: block;
}
@media only screen and (max-width: 1240px) {
header.art-header-one .art-header-one-content.art-sticky .art-navigation-container .right-content .art-site-header-appointment {
display: none;
}
}
header.art-header-one .art-header-one-content .art-header-container {
padding-left: var(--art-container-hor-pad);
padding-right: var(--art-container-hor-pad);
}
header.art-header-one .art-header-one-content .art-navigation-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1920px;
min-height: 82px;
margin: 0 auto;
-webkit-transition: all 300ms;
transition: all 300ms;
left: 0;
}
@media only screen and (max-width: 1240px) {
header.art-header-one .art-header-one-content .art-navigation-container {
position: relative;
}
}
@media only screen and (max-width: 767px) {
header.art-header-one .art-header-one-content .art-navigation-container .left-content {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
}
@media only screen and (max-width: 1240px) {
header.art-header-one .art-header-one-content .art-navigation-container .left-content {
display: none;
}
}
header.art-header-one .art-header-one-content .art-navigation-container .left-content .art--logo-container {
max-height: 102px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
@media only screen and (max-width: 767px) {
header.art-header-one .art-header-one-content .art-navigation-container .left-content .art--logo-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
header.art-header-one .art-header-one-content .art-navigation-container .left-content .art--logo-container a {
padding: 15px 0;
}
header.art-header-one .art-header-one-content .art-navigation-container .left-content .art--logo-container .dark-logotype {
display: none;
}
header.art-header-one .art-header-one-content .art-navigation-container .left-content .art--logo-container .logotype-text,
header.art-header-one .art-header-one-content .art-navigation-container .left-content .art--logo-container .logotype-text-dark {
margin: 0;
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1240px) {
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav {
display: none;
}
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 10px;
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu > li {
padding: 13px 20px;
-webkit-transition: all 300ms ease-in-out, padding 0;
transition: all 300ms ease-in-out, padding 0;
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu > li > a {
font-family: var(--art-body-four-font-family);
font-weight: var(--art-body-four-font-weight);
font-style: var(--art-body-four-font-style);
text-transform: var(--art-body-four-text-transform);
-webkit-text-decoration: var(--art-body-four-text-decoration);
text-decoration: var(--art-body-four-text-decoration);
font-size: var(--art-body-four-font-size);
line-height: var(--art-body-four-line-height);
letter-spacing: var(--art-body-four-letter-spacing);
text-align: center;
color: var(--art-colors-bg);
display: block;
padding: 15px 0;
position: relative;
}
@media only screen and (max-width: 767px) {
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu > li > a {
font-family: var(--art-body-four-mobile-font-family);
font-weight: var(--art-body-four-mobile-font-weight);
font-style: var(--art-body-four-mobile-font-style);
text-transform: var(--art-body-four-mobile-text-transform);
-webkit-text-decoration: var(--art-body-four-mobile-text-decoration);
text-decoration: var(--art-body-four-mobile-text-decoration);
font-size: var(--art-body-four-mobile-font-size);
line-height: var(--art-body-four-mobile-line-height);
letter-spacing: var(--art-body-four-mobile-letter-spacing);
}
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu > li > a:after {
content: "";
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: 12px;
width: 100%;
height: 2px;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: var(--art-colors-bg);
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu > li > a:hover:after {
opacity: 1;
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu > li:hover > a, header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu > li.current-menu-item > a, header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu > li.current-menu-ancestor > a {
color: var(--art-colors-link);
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu > li:hover > a:after, header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu > li.current-menu-item > a:after, header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu > li.current-menu-ancestor > a:after {
opacity: 1;
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu > li.has-submenu:hover .sub-nav > .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu li {
position: relative;
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu li .sub-menu {
opacity: 0;
visibility: hidden;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
position: absolute;
top: 100%;
left: 0;
min-width: 240px;
margin-top: -20px;
margin-left: 0;
margin-right: 0;
padding: 6px 0 4px;
z-index: 9999;
background-color: #fff;
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu li li {
position: relative;
padding: 9px 25px 9px 16px;
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu li li .sub-menu {
top: 0;
left: 100%;
margin: -6px 0 0;
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu li li.has-submenu:after {
font-family: "denaro-font";
font-size: 16px;
line-height: 1em;
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: auto;
right: 14px;
top: 0;
bottom: 0;
content: "쀗";
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu li li.has-submenu:hover > .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu li li a {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
color: var(--art-colors-heading);
display: block;
}
@media only screen and (max-width: 767px) {
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu li li a {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu li li a:hover {
color: var(--art-colors-link);
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu li li:hover > a, header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu li li.current-menu-item > a, header.art-header-one .art-header-one-content .art-navigation-container .center-content nav ul.menu li li.current-menu-ancestor > a {
color: var(--art-colors-link);
}
header.art-header-one .art-header-one-content .art-navigation-container .center-content .art--logo-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 40px;
}
@media only screen and (max-width: 1240px) {
header.art-header-one .art-header-one-content .art-navigation-container .center-content .art--logo-container {
margin: 0 5px;
}
}
header.art-header-one .art-header-one-content .art-navigation-container .right-content {
position: relative;
z-index: 60;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header.art-header-one .art-header-one-content .art-navigation-container .right-content .art-header-login-link {
margin-right: 20px;
}
header.art-header-one .art-header-one-content .art-navigation-container .right-content .s-header__basket-wr {
margin-bottom: 2px;
}
header.art-header-one .art-header-one-content .art-navigation-container .right-content .info_block_hamburger {
margin-bottom: 6px;
}
header.art-header-one .art-header-one-content .art-navigation-container .right-content .art-site-header-appointment {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-size: calc(var(--art-button-font-size) - 2px);
border-width: 2px;
border-style: solid;
padding: 6px 28px;
border-color: var(--art-colors-heading);
background-color: transparent;
color: var(--art-colors-heading);
display: none;
visibility: hidden;
opacity: 0;
}
.art-second-color-scheme header.art-header-one .art-header-one-content .art-navigation-container .right-content .art-site-header-appointment {
border-color: var(--art-bg-heading);
}
.art-second-color-scheme header.art-header-one .art-header-one-content .art-navigation-container .right-content .art-site-header-appointment {
background-color: transparent;
}
.art-second-color-scheme header.art-header-one .art-header-one-content .art-navigation-container .right-content .art-site-header-appointment {
color: var(--art-bg-heading);
}
header.art-header-one .art-header-one-content .art-navigation-container .right-content .art-site-header-appointment:hover {
border-color: var(--art-colors-link);
color: var(--art-colors-link);
}
.art-second-color-scheme header.art-header-one .art-header-one-content .art-navigation-container .right-content .art-site-header-appointment:hover {
border-color: var(--art-bg-link);
}
.art-second-color-scheme header.art-header-one .art-header-one-content .art-navigation-container .right-content .art-site-header-appointment:hover {
color: var(--art-bg-link);
}
@media only screen and (max-width: 1240px) {
header.art-header-one .art-header-one-content .art-navigation-container .right-content .art-site-header-appointment {
display: none;
}
}
header.art-header-one .art-header-one-content .art-navigation-container .right-content .art-social-container {
visibility: visible;
opacity: 1;
}
@media only screen and (max-width: 1240px) {
header.art-header-one .art-header-one-content .art-navigation-container .right-content .art-social-container {
display: none;
}
}
header.art-header-one .art-header-one-content .art-navigation-container .right-content .art-social-container a {
color: var(--art-colors-bg);
}
header.art-header-one .art-header-one-content .art-navigation-container .right-content .art-social-container a:hover {
color: var(--art-colors-link);
}
header.art-header-one .art-header-one-content .art-navigation-container .right-content .hamburger-inner, header.art-header-one .art-header-one-content .art-navigation-container .right-content .hamburger-inner:before, header.art-header-one .art-header-one-content .art-navigation-container .right-content .hamburger-inner:after {
background-color: var(--art-colors-bg);
} header.art-header-two {
position: relative;
z-index: 50;
}
header.art-header-two.art-menu-open .art-header-two-content .art-navigation-container {
left: -260px;
}
header.art-header-two.art-dark-header-text .art-header-one-content .art-navigation-container .left-content .art--logo-container a {
display: block;
padding: 13px 0;
}
header.art-header-two.art-dark-header-text .art-header-one-content .art-navigation-container .left-content .art--logo-container .light-logotype {
display: none;
}
header.art-header-two.art-dark-header-text .art-header-one-content .art-navigation-container .left-content .art--logo-container .dark-logotype {
display: block;
}
header.art-header-two.art-dark-header-text .art-header-one-content .art-navigation-container .center-content nav ul.menu > li > a {
color: var(--art-colors-heading);
}
header.art-header-two.art-dark-header-text .art-header-one-content .art-navigation-container .center-content nav ul.menu > li > a:hover {
color: var(--art-colors-link);
}
header.art-header-two.art-dark-header-text .art-header-one-content .art-navigation-container .right-content .art-social-container a {
color: var(--art-colors-heading);
}
header.art-header-two.art-dark-header-text .art-header-one-content .art-navigation-container .right-content .art-social-container a:hover {
color: var(--art-colors-link);
}
header.art-header-two.art-dark-header-text .art-header-one-content .art-navigation-container .right-content .hamburger-inner, header.art-header-two.art-dark-header-text .art-header-one-content .art-navigation-container .right-content .hamburger-inner:before, header.art-header-two.art-dark-header-text .art-header-one-content .art-navigation-container .right-content .hamburger-inner:after {
background-color: var(--art-colors-heading);
}
header.art-header-two.art-header-show-border .art-header-one-content {
border-bottom-color: rgba(0, 0, 0, 0.1);
}
header.art-header-two .art-header-two-content {
width: 100%;
position: absolute;
top: 0;
left: 0;
border-bottom: 1px solid transparent;
-webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, top 0.5s ease-in-out;
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, top 0.5s ease-in-out;
}
header.art-header-two .art-header-two-content:hover, header.art-header-two .art-header-two-content.art-sticky {
background-color: var(--art-colors-bg-header);
border-bottom-color: rgba(0, 0, 0, 0.1);
}
header.art-header-two .art-header-two-content:hover .art-navigation-container .center-content nav ul.menu > li > a, header.art-header-two .art-header-two-content.art-sticky .art-navigation-container .center-content nav ul.menu > li > a {
color: var(--art-colors-heading);
}
header.art-header-two .art-header-two-content:hover .art-navigation-container .center-content nav ul.menu > li > a:hover, header.art-header-two .art-header-two-content.art-sticky .art-navigation-container .center-content nav ul.menu > li > a:hover {
color: var(--art-colors-link);
}
header.art-header-two .art-header-two-content:hover .art-navigation-container .center-content nav ul.menu > li > .sub-nav > .sub-menu, header.art-header-two .art-header-two-content.art-sticky .art-navigation-container .center-content nav ul.menu > li > .sub-nav > .sub-menu {
margin-top: 0;
}
header.art-header-two .art-header-two-content:hover .art-navigation-container .right-content .art-social-container a, header.art-header-two .art-header-two-content.art-sticky .art-navigation-container .right-content .art-social-container a {
color: var(--art-colors-heading);
}
header.art-header-two .art-header-two-content:hover .art-navigation-container .right-content .art-social-container a:hover, header.art-header-two .art-header-two-content.art-sticky .art-navigation-container .right-content .art-social-container a:hover {
color: var(--art-colors-link);
}
header.art-header-two .art-header-two-content:hover .art-navigation-container .right-content .hamburger-inner, header.art-header-two .art-header-two-content:hover .art-navigation-container .right-content .hamburger-inner:before, header.art-header-two .art-header-two-content:hover .art-navigation-container .right-content .hamburger-inner:after, header.art-header-two .art-header-two-content.art-sticky .art-navigation-container .right-content .hamburger-inner, header.art-header-two .art-header-two-content.art-sticky .art-navigation-container .right-content .hamburger-inner:before, header.art-header-two .art-header-two-content.art-sticky .art-navigation-container .right-content .hamburger-inner:after {
background-color: var(--art-colors-heading);
}
header.art-header-two .art-header-two-content.art-sticky-hide {
top: -200px;
-webkit-transition: none;
transition: none;
}
header.art-header-two .art-header-two-content.art-sticky {
position: fixed;
top: -200px;
-webkit-transition: top 0.3s ease;
transition: top 0.3s ease;
}
header.art-header-two .art-header-two-content.art-sticky.art-sticky-show {
top: 0;
}
body.admin-bar header.art-header-two .art-header-two-content.art-sticky {
margin-top: 32px;
}
@media only screen and (max-width: 782px) {
body.admin-bar header.art-header-two .art-header-two-content.art-sticky {
margin-top: 46px;
}
}
@media only screen and (max-width: 600px) {
body.admin-bar header.art-header-two .art-header-two-content.art-sticky {
margin-top: 0;
}
}
header.art-header-two .art-header-two-content.art-sticky .art-navigation-container {
min-height: unset;
}
header.art-header-two .art-header-two-content.art-sticky .art-navigation-container .center-content nav ul.menu > li {
padding-top: 10px;
padding-bottom: 10px;
}
header.art-header-two .art-header-two-content.art-sticky .art-navigation-container .center-content nav ul.menu > li > a {
padding: 8px 0;
}
header.art-header-two .art-header-two-content.art-sticky .art-navigation-container .right-content .art-social-container {
opacity: 0;
visibility: hidden;
display: none;
}
header.art-header-two .art-header-two-content .art-navigation-container {
padding-left: var(--art-container-hor-pad);
padding-right: var(--art-container-hor-pad);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1920px;
min-height: 82px;
margin: 0 auto;
-webkit-transition: all 300ms;
transition: all 300ms;
left: 0;
}
@media only screen and (max-width: 1240px) {
header.art-header-two .art-header-two-content .art-navigation-container {
position: relative;
}
}
@media only screen and (max-width: 767px) {
header.art-header-two .art-header-two-content .art-navigation-container .left-content { }
}
header.art-header-two .art-header-two-content .art-navigation-container .left-content .art--logo-container {
max-height: 102px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
@media only screen and (max-width: 767px) {
header.art-header-two .art-header-two-content .art-navigation-container .left-content .art--logo-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
header.art-header-two .art-header-two-content .art-navigation-container .left-content .art--logo-container .dark-logotype {
display: none;
}
header.art-header-two .art-header-two-content .art-navigation-container .left-content .art--logo-container .logotype-text,
header.art-header-two .art-header-two-content .art-navigation-container .left-content .art--logo-container .logotype-text-dark {
margin: 0;
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1240px) {
header.art-header-two .art-header-two-content .art-navigation-container .center-content {
display: none;
}
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 10px;
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu > li {
padding: 13px 20px;
-webkit-transition: all 300ms ease-in-out, padding 0;
transition: all 300ms ease-in-out, padding 0;
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu > li > a {
font-family: var(--art-body-four-font-family);
font-weight: var(--art-body-four-font-weight);
font-style: var(--art-body-four-font-style);
text-transform: var(--art-body-four-text-transform);
-webkit-text-decoration: var(--art-body-four-text-decoration);
text-decoration: var(--art-body-four-text-decoration);
font-size: var(--art-body-four-font-size);
line-height: var(--art-body-four-line-height);
letter-spacing: var(--art-body-four-letter-spacing);
text-align: center;
color: var(--art-colors-bg);
display: block;
padding: 15px 0;
position: relative;
}
@media only screen and (max-width: 767px) {
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu > li > a {
font-family: var(--art-body-four-mobile-font-family);
font-weight: var(--art-body-four-mobile-font-weight);
font-style: var(--art-body-four-mobile-font-style);
text-transform: var(--art-body-four-mobile-text-transform);
-webkit-text-decoration: var(--art-body-four-mobile-text-decoration);
text-decoration: var(--art-body-four-mobile-text-decoration);
font-size: var(--art-body-four-mobile-font-size);
line-height: var(--art-body-four-mobile-line-height);
letter-spacing: var(--art-body-four-mobile-letter-spacing);
}
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu > li > a:after {
content: "";
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: 12px;
width: 100%;
opacity: 0;
height: 2px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: var(--art-colors-bg);
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu > li:hover > a, header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu > li.current-menu-item > a, header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu > li.current-menu-ancestor > a {
color: var(--art-colors-link);
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu > li:hover > a:after, header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu > li.current-menu-item > a:after, header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu > li.current-menu-ancestor > a:after {
opacity: 1;
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu > li.has-submenu:hover .sub-nav > .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu li {
position: relative;
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu li .sub-menu {
opacity: 0;
visibility: hidden;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
position: absolute;
top: 100%;
left: 0;
min-width: 240px;
margin-top: -20px;
margin-left: 0;
margin-right: 0;
padding: 6px 0 4px;
z-index: 9999;
background-color: #fff;
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu li li {
position: relative;
padding: 9px 25px 9px 16px;
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu li li .sub-menu {
top: 0;
left: 100%;
margin: -6px 0 0;
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu li li.has-submenu:after {
font-family: "denaro-font";
font-size: 16px;
line-height: 1em;
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: auto;
right: 14px;
top: 0;
bottom: 0;
content: "쀗";
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu li li.has-submenu:hover > .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu li li a {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
color: var(--art-colors-heading);
display: block;
}
@media only screen and (max-width: 767px) {
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu li li a {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu li li a:hover {
color: var(--art-colors-link);
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu li li:hover > a, header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu li li.current-menu-item > a, header.art-header-two .art-header-two-content .art-navigation-container .center-content nav ul.menu li li.current-menu-ancestor > a {
color: var(--art-colors-link);
}
header.art-header-two .art-header-two-content .art-navigation-container .center-content .art--logo-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 40px;
}
header.art-header-two .art-header-two-content .art-navigation-container .right-content {
position: relative;
z-index: 60;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header.art-header-two .art-header-two-content .art-navigation-container .right-content .art-search-blog-button {
margin-right: 14px;
margin-top: 2px;
}
header.art-header-two .art-header-two-content .art-navigation-container .right-content .art-header-login-link {
margin-right: 15px;
}
header.art-header-two .art-header-two-content .art-navigation-container .right-content .art-social-container {
visibility: visible;
opacity: 1;
}
@media only screen and (max-width: 1240px) {
header.art-header-two .art-header-two-content .art-navigation-container .right-content .art-social-container {
display: none;
}
}
header.art-header-two .art-header-two-content .art-navigation-container .right-content .art-social-container a {
color: var(--art-colors-bg);
}
header.art-header-two .art-header-two-content .art-navigation-container .right-content .art-social-container a:hover {
color: var(--art-colors-link);
}
header.art-header-two .art-header-two-content .art-navigation-container .right-content .info_block_hamburger {
margin-bottom: 6px;
}
header.art-header-two .art-header-two-content .art-navigation-container .right-content .hamburger-inner, header.art-header-two .art-header-two-content .art-navigation-container .right-content .hamburger-inner:before, header.art-header-two .art-header-two-content .art-navigation-container .right-content .hamburger-inner:after {
background-color: var(--art-colors-bg);
}
body.art-chosen-third-header.art-menu-open .art-header-three-content .art-navigation-container {
left: -260px;
}
body.art-chosen-third-header.art-global-top-banner-enabled .art-main-container {
padding-top: 161px;
}
body.art-chosen-third-header.art-global-top-banner-enabled .art-main-container.art-global-top-header-enabled {
padding-top: 201px !important;
}
body.art-chosen-third-header .art-main-container {
padding-top: 121px;
} header.art-header-three {
position: relative;
z-index: 48;
}
header.art-header-three.art-menu-open .art-header-three-content .art-header-top {
left: -260px;
}
header.art-header-three.art-dark-header-text .art-header-three-content .art-header-top {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
header.art-header-three.art-dark-header-text .art-header-three-content .art-header-top .art-header-top-left .art-social-container a {
color: var(--art-colors-heading);
}
header.art-header-three.art-dark-header-text .art-header-three-content .art-header-top .art-header-top-left .art-social-container a:hover {
color: var(--art-colors-link);
}
header.art-header-three.art-dark-header-text .art-header-three-content .art-header-top .art-header-top-center .art--logo-container .dark-logotype {
display: block;
}
header.art-header-three.art-dark-header-text .art-header-three-content .art-header-top .art-header-top-right a.art-site-header-appointment {
color: var(--art-colors-heading);
}
header.art-header-three.art-dark-header-text .art-header-three-content .art-header-top .art-header-top-right a.art-site-header-appointment:hover {
color: var(--art-colors-link);
}
header.art-header-three.art-dark-header-text .art-header-three-content .art-header-top .art-header-top-right .hamburger-inner, header.art-header-three.art-dark-header-text .art-header-three-content .art-header-top .art-header-top-right .hamburger-inner:before, header.art-header-three.art-dark-header-text .art-header-three-content .art-header-top .art-header-top-right .hamburger-inner:after {
background-color: var(--art-colors-heading);
}
header.art-header-three.art-dark-header-text .art-header-three-content .art-header-bottom {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
header.art-header-three.art-dark-header-text .art-header-three-content .art-header-bottom nav ul.menu > li > a {
color: var(--art-colors-heading);
}
header.art-header-three.art-dark-header-text .art-header-three-content .art-header-bottom nav ul.menu > li > a:hover {
color: var(--art-colors-link);
}
header.art-header-three .art-header-three-content {
width: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, top 0.5s ease-in-out;
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, top 0.5s ease-in-out;
background-color: #fff;
}
header.art-header-three .art-header-three-content .art-header-data-wrapper {
margin: 0 auto;
}
header.art-header-three .art-header-three-content:hover .art-header-top, header.art-header-three .art-header-three-content.art-sticky .art-header-top {
border-bottom-color: rgba(0, 0, 0, 0.1);
}
header.art-header-three .art-header-three-content:hover .art-header-top .art-header-top-left .art-social-container a, header.art-header-three .art-header-three-content.art-sticky .art-header-top .art-header-top-left .art-social-container a {
color: var(--art-colors-heading);
}
header.art-header-three .art-header-three-content:hover .art-header-top .art-header-top-left .art-social-container a:hover, header.art-header-three .art-header-three-content.art-sticky .art-header-top .art-header-top-left .art-social-container a:hover {
color: var(--art-colors-link);
}
header.art-header-three .art-header-three-content:hover .art-header-top .art-header-top-right .art-site-header-appointment, header.art-header-three .art-header-three-content.art-sticky .art-header-top .art-header-top-right .art-site-header-appointment {
color: var(--art-colors-heading);
}
header.art-header-three .art-header-three-content:hover .art-header-top .art-header-top-right .art-site-header-appointment:hover, header.art-header-three .art-header-three-content.art-sticky .art-header-top .art-header-top-right .art-site-header-appointment:hover {
color: var(--art-colors-link);
}
header.art-header-three .art-header-three-content:hover .art-header-top .art-header-top-right .hamburger-inner, header.art-header-three .art-header-three-content:hover .art-header-top .art-header-top-right .hamburger-inner:before, header.art-header-three .art-header-three-content:hover .art-header-top .art-header-top-right .hamburger-inner:after, header.art-header-three .art-header-three-content.art-sticky .art-header-top .art-header-top-right .hamburger-inner, header.art-header-three .art-header-three-content.art-sticky .art-header-top .art-header-top-right .hamburger-inner:before, header.art-header-three .art-header-three-content.art-sticky .art-header-top .art-header-top-right .hamburger-inner:after {
background-color: var(--art-colors-heading);
}
header.art-header-three .art-header-three-content:hover .art-header-bottom, header.art-header-three .art-header-three-content.art-sticky .art-header-bottom {
border-bottom-color: rgba(0, 0, 0, 0.1);
}
header.art-header-three .art-header-three-content:hover .art-header-bottom nav ul.menu > li > a, header.art-header-three .art-header-three-content.art-sticky .art-header-bottom nav ul.menu > li > a {
color: var(--art-colors-heading);
}
header.art-header-three .art-header-three-content:hover .art-header-bottom nav ul.menu > li > a:hover, header.art-header-three .art-header-three-content.art-sticky .art-header-bottom nav ul.menu > li > a:hover {
color: var(--art-colors-link);
}
header.art-header-three .art-header-three-content.art-sticky-hide {
top: -200px;
-webkit-transition: none;
transition: none;
}
header.art-header-three .art-header-three-content.art-sticky {
position: fixed;
top: -200px;
-webkit-transition: top 0.3s ease;
transition: top 0.3s ease;
}
header.art-header-three .art-header-three-content.art-sticky.art-sticky-show {
top: 0;
}
body.admin-bar header.art-header-three .art-header-three-content.art-sticky {
margin-top: 32px;
}
@media only screen and (max-width: 782px) {
body.admin-bar header.art-header-three .art-header-three-content.art-sticky {
margin-top: 46px;
}
}
@media only screen and (max-width: 600px) {
body.admin-bar header.art-header-three .art-header-three-content.art-sticky {
margin-top: 0;
}
}
header.art-header-three .art-header-three-content.art-sticky .art-header-top {
min-height: 60px;
}
header.art-header-three .art-header-three-content.art-sticky .art-navigation-container {
min-height: unset;
}
header.art-header-three .art-header-three-content.art-sticky .art-navigation-container .center-content nav ul.menu > li {
padding-top: 0;
padding-bottom: 0;
}
header.art-header-three .art-header-three-content.art-sticky .art-navigation-container .center-content nav ul.menu > li > a {
padding: 10px 0;
}
header.art-header-three .art-header-three-content.art-sticky .art-navigation-container .right-content .art-social-container {
opacity: 0;
visibility: hidden;
display: none;
}
header.art-header-three .art-header-three-content.art-sticky .art-navigation-container .right-content .art-site-header-appointment {
opacity: 1;
visibility: visible;
display: block;
}
@media only screen and (max-width: 1240px) {
header.art-header-three .art-header-three-content.art-sticky .art-navigation-container .right-content .art-site-header-appointment {
display: none;
}
}
header.art-header-three .art-header-three-content .art-header-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
left: 0;
padding-left: var(--art-container-hor-pad);
padding-right: var(--art-container-hor-pad);
min-height: 68px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1240px) {
header.art-header-three .art-header-three-content .art-header-top {
border-bottom: 0;
}
}
header.art-header-three .art-header-three-content .art-header-top .art-header-top-left {
width: 300px;
}
header.art-header-three .art-header-three-content .art-header-top .art-header-top-left .art-social-container a {
color: var(--art-colors-bg);
}
header.art-header-three .art-header-three-content .art-header-top .art-header-top-left .art-social-container a:hover {
color: var(--art-colors-link);
}
header.art-header-three .art-header-three-content .art-header-top .art-header-top-center .art--logo-container .light-logotype {
outline: none;
}
header.art-header-three .art-header-three-content .art-header-top .art-header-top-right {
width: 300px;
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
@media only screen and (max-width: 1240px) {
header.art-header-three .art-header-three-content .art-header-top .art-header-top-right {
width: auto;
}
}
header.art-header-three .art-header-three-content .art-header-top .art-header-top-right .art-search-blog-button {
margin-right: 14px;
margin-top: 2px;
}
header.art-header-three .art-header-three-content .art-header-top .art-header-top-right .art-header-login-link {
margin-right: 20px;
}
header.art-header-three .art-header-three-content .art-header-top .art-header-top-right .art-site-header-appointment {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
color: var(--art-colors-bg);
}
header.art-header-three .art-header-three-content .art-header-top .art-header-top-right .art-site-header-appointment:hover {
color: var(--art-colors-link);
}
@media only screen and (max-width: 1240px) {
header.art-header-three .art-header-three-content .art-header-top .art-header-top-right .art-site-header-appointment {
display: none;
}
}
header.art-header-three .art-header-three-content .art-header-top .art-header-top-right .hamburger-inner, header.art-header-three .art-header-three-content .art-header-top .art-header-top-right .hamburger-inner:before, header.art-header-three .art-header-three-content .art-header-top .art-header-top-right .hamburger-inner:after {
background-color: var(--art-colors-bg);
}
header.art-header-three .art-header-three-content .art-header-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: var(--art-container-hor-pad);
padding-right: var(--art-container-hor-pad);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
position: relative;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1240px) {
header.art-header-three .art-header-three-content .art-header-bottom {
display: none;
}
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 10px;
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu > li {
padding: 0 20px;
-webkit-transition: all 300ms ease-in-out, padding 0;
transition: all 300ms ease-in-out, padding 0;
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu > li > a {
font-family: var(--art-body-four-font-family);
font-weight: var(--art-body-four-font-weight);
font-style: var(--art-body-four-font-style);
text-transform: var(--art-body-four-text-transform);
-webkit-text-decoration: var(--art-body-four-text-decoration);
text-decoration: var(--art-body-four-text-decoration);
font-size: var(--art-body-four-font-size);
line-height: var(--art-body-four-line-height);
letter-spacing: var(--art-body-four-letter-spacing);
text-align: center;
color: var(--art-colors-bg);
display: block;
padding: 13px 0;
position: relative;
}
@media only screen and (max-width: 767px) {
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu > li > a {
font-family: var(--art-body-four-mobile-font-family);
font-weight: var(--art-body-four-mobile-font-weight);
font-style: var(--art-body-four-mobile-font-style);
text-transform: var(--art-body-four-mobile-text-transform);
-webkit-text-decoration: var(--art-body-four-mobile-text-decoration);
text-decoration: var(--art-body-four-mobile-text-decoration);
font-size: var(--art-body-four-mobile-font-size);
line-height: var(--art-body-four-mobile-line-height);
letter-spacing: var(--art-body-four-mobile-letter-spacing);
}
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu > li > a:after {
content: "";
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: 12px;
width: 100%;
opacity: 0;
height: 2px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: var(--art-colors-bg);
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu > li:hover > a, header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu > li.current-menu-item > a, header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu > li.current-menu-ancestor > a {
color: var(--art-colors-link);
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu > li:hover > a:after, header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu > li.current-menu-item > a:after, header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu > li.current-menu-ancestor > a:after {
opacity: 1;
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu > li.has-submenu:hover .sub-nav > .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu li {
position: relative;
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu li .sub-menu {
opacity: 0;
visibility: hidden;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
position: absolute;
top: 100%;
left: 0;
min-width: 240px;
margin-left: 0;
margin-right: 0;
padding: 6px 0 4px;
z-index: 9999;
background-color: #fff;
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu li li {
position: relative;
padding: 9px 25px 9px 16px;
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu li li .sub-menu {
top: 0;
left: 100%;
margin: -6px 0 0;
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu li li.has-submenu:after {
font-family: "denaro-font";
font-size: 16px;
line-height: 1em;
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: auto;
right: 14px;
top: 0;
bottom: 0;
content: "쀗";
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu li li.has-submenu:hover > .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu li li a {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
color: var(--art-colors-heading);
display: block;
}
@media only screen and (max-width: 767px) {
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu li li a {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu li li a:hover {
color: var(--art-colors-link);
}
header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu li li:hover > a, header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu li li.current-menu-item > a, header.art-header-three .art-header-three-content .art-header-bottom nav ul.menu li li.current-menu-ancestor > a {
color: var(--art-colors-link);
}
#art-main-holder .art--header ul.menu li.mega-menu-item {
position: static;
}
#art-main-holder .art--header ul.menu li.mega-menu-item .sub-nav > ul.sub-menu {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: -1px 0 0;
padding: 40px 70px 40px 70px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: none;
box-shadow: none;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#art-main-holder .art--header ul.menu li.mega-menu-item .sub-nav > ul.sub-menu li:hover > a:after {
display: none;
}
#art-main-holder .art--header ul.menu li.mega-menu-item .sub-nav > ul.sub-menu > li {
width: 300px;
margin: 0;
padding: 0 10px;
}
#art-main-holder .art--header ul.menu li.mega-menu-item .sub-nav > ul.sub-menu > li::after {
display: none;
}
#art-main-holder .art--header ul.menu li.mega-menu-item .sub-nav > ul.sub-menu > li > a {
text-transform: uppercase;
}
#art-main-holder .art--header ul.menu li.mega-menu-item .sub-nav > ul.sub-menu > li a {
padding: 0;
}
#art-main-holder .art--header ul.menu li.mega-menu-item .sub-nav > ul.sub-menu > li ul {
border: 0;
background-color: transparent;
display: block;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
position: static;
}
#art-main-holder .art--header ul.menu li.mega-menu-item .sub-nav > ul.sub-menu > li ul li {
margin: 0;
padding: 14px 0 0;
}
#art-main-holder .art--header ul.menu li.mega-menu-item .sub-nav > ul.sub-menu > li ul li::after {
content: none;
}
#art-main-holder .art--header ul.menu li.mega-menu-item:hover .sub-nav > ul.sub-menu > li.sub-nav-item ul {
opacity: 1;
visibility: visible;
position: static;
} .hamburger {
background-color: transparent;
background-image: none;
padding: 7px 0 4px;
display: inline-block;
cursor: pointer;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.05s;
transition-duration: 0.05s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
.hamburger:hover {
background-color: transparent;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
opacity: 1;
}
.info_block_hamburger {
line-height: 0;
margin-left: 14px;
}
.hamburger-box {
width: 20px;
height: 18px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 20px;
height: 2px;
background-color: #444;
border-radius: 0;
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -8px;
}
.hamburger-inner::after {
bottom: -8px;
} .hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0.13s;
transition-delay: 0.13s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
top: -16px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -8px, 0) rotate(45deg);
transform: translate3d(0, -8px, 0) rotate(45deg);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
} .art-footer-widgets {
background-color: var(--art-colors-main-footer-bg);
}
.art-second-color-scheme .art-footer-widgets {
background-color: var(--art-bg-main-footer-bg);
}
.art-footer-widgets__outer {
width: 100%;
max-width: 1920px;
margin: 0 auto;
padding-left: var(--art-container-hor-pad);
padding-right: var(--art-container-hor-pad);
}
.art-footer-widgets__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
padding-top: 100px;
padding-bottom: 50px;
}
@media only screen and (max-width: 540px) {
.art-footer-widgets__inner {
padding-top: 50px;
padding-bottom: 0;
}
}
.art-footer-widgets__area {
width: 100%;
padding: 0 15px;
}
@media only screen and (min-width: 768px) {
.art-columns-4 .art-footer-widgets__area {
width: 50%;
}
}
@media only screen and (min-width: 1025px) {
.art-columns-4 .art-footer-widgets__area {
width: 25%;
}
}
@media only screen and (min-width: 768px) {
.art-columns-3 .art-footer-widgets__area {
width: 33.33%;
}
}
@media only screen and (min-width: 768px) {
.art-columns-2 .art-footer-widgets__area {
width: 50%;
}
}
.art-footer-widgets .widget {
margin-bottom: 50px;
}
.art-footer-widgets .widget .footer-widget--title {
margin-bottom: 20px;
}
.art-footer-widgets .widget_nav_menu li a {
font-family: var(--art-body-four-font-family);
font-weight: var(--art-body-four-font-weight);
font-style: var(--art-body-four-font-style);
text-transform: var(--art-body-four-text-transform);
-webkit-text-decoration: var(--art-body-four-text-decoration);
text-decoration: var(--art-body-four-text-decoration);
font-size: var(--art-body-four-font-size);
line-height: var(--art-body-four-line-height);
letter-spacing: var(--art-body-four-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-footer-widgets .widget_nav_menu li a {
font-family: var(--art-body-four-mobile-font-family);
font-weight: var(--art-body-four-mobile-font-weight);
font-style: var(--art-body-four-mobile-font-style);
text-transform: var(--art-body-four-mobile-text-transform);
-webkit-text-decoration: var(--art-body-four-mobile-text-decoration);
text-decoration: var(--art-body-four-mobile-text-decoration);
font-size: var(--art-body-four-mobile-font-size);
line-height: var(--art-body-four-mobile-line-height);
letter-spacing: var(--art-body-four-mobile-letter-spacing);
}
}
.art-footer-widgets .art-social-container a i {
-webkit-transition: all 300ms;
transition: all 300ms;
}
.art-footer-widgets .art-social-container a:hover i {
color: #fff;
opacity: 1;
} .art-footer {
background-color: var(--art-colors-main-footer-bg);
}
.art-second-color-scheme .art-footer {
background-color: var(--art-bg-main-footer-bg);
}
.art-footer__outer {
width: 100%;
max-width: 1920px;
margin: 0 auto;
padding-left: var(--art-container-hor-pad);
padding-right: var(--art-container-hor-pad);
}
.art-footer__inner {
border-top: 2px solid rgba(255, 255, 255, 0.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 50px;
padding-bottom: 40px;
}
@media only screen and (min-width: 541px) {
.art-footer__inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (max-width: 540px) {
.art-footer__inner {
padding-top: 40px;
}
}
.art-footer .art-social-container a {
opacity: 0.7;
}
.art-footer .art-social-container a:hover {
opacity: 1;
color: #fff;
}
.art-footer .art-social-container + .art-footer-copyright {
margin-top: 43px;
}
.art-footer-copyright {
font-family: var(--art-accent-font-family);
font-weight: var(--art-accent-font-weight);
font-style: var(--art-accent-font-style);
text-transform: var(--art-accent-text-transform);
-webkit-text-decoration: var(--art-accent-text-decoration);
text-decoration: var(--art-accent-text-decoration);
font-size: var(--art-accent-font-size);
line-height: var(--art-accent-line-height);
letter-spacing: var(--art-accent-letter-spacing);
opacity: 1;
} .widget {
margin-bottom: 42px;
}
.widget .widget-title {
margin-bottom: 20px;
}
.widget ul {
list-style-position: inside;
margin: 0;
}
.art-subscribe-widget-area {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 108px;
padding-bottom: 108px;
}
.art-widget-subscribe-form__data {
margin-bottom: 22px;
}
.art-subscribe-widget-area .art-widget-subscribe-form__data {
margin-bottom: 43px;
}
.art-widget-subscribe-form__title {
margin: 0;
}
.art-subscribe-widget-area .art-widget-subscribe-form__title {
text-align: center;
font-family: var(--art-h2-font-family);
font-weight: var(--art-h2-font-weight);
font-style: var(--art-h2-font-style);
text-transform: var(--art-h2-text-transform);
-webkit-text-decoration: var(--art-h2-text-decoration);
text-decoration: var(--art-h2-text-decoration);
font-size: var(--art-h2-font-size);
line-height: var(--art-h2-line-height);
letter-spacing: var(--art-h2-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-subscribe-widget-area .art-widget-subscribe-form__title {
font-family: var(--art-h2-mobile-font-family);
font-weight: var(--art-h2-mobile-font-weight);
font-style: var(--art-h2-mobile-font-style);
text-transform: var(--art-h2-mobile-text-transform);
-webkit-text-decoration: var(--art-h2-mobile-text-decoration);
text-decoration: var(--art-h2-mobile-text-decoration);
font-size: var(--art-h2-mobile-font-size);
line-height: var(--art-h2-mobile-line-height);
letter-spacing: var(--art-h2-mobile-letter-spacing);
}
}
.art-widget-subscribe-form__title + .art-widget-subscribe-form__subtitle {
margin-top: 10px;
}
.art-subscribe-widget-area .art-widget-subscribe-form__title + .art-widget-subscribe-form__subtitle {
margin-top: 25px;
}
.art-widget-subscribe-form__subtitle {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
margin: 0;
}
@media only screen and (max-width: 767px) {
.art-widget-subscribe-form__subtitle {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-subscribe-widget-area .art-widget-subscribe-form__subtitle {
text-align: center;
font-family: var(--art-body-font-family);
font-weight: var(--art-body-font-weight);
font-style: var(--art-body-font-style);
text-transform: var(--art-body-text-transform);
-webkit-text-decoration: var(--art-body-text-decoration);
text-decoration: var(--art-body-text-decoration);
font-size: var(--art-body-font-size);
line-height: var(--art-body-line-height);
letter-spacing: var(--art-body-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-subscribe-widget-area .art-widget-subscribe-form__subtitle {
font-family: var(--art-body-mobile-font-family);
font-weight: var(--art-body-mobile-font-weight);
font-style: var(--art-body-mobile-font-style);
text-transform: var(--art-body-mobile-text-transform);
-webkit-text-decoration: var(--art-body-mobile-text-decoration);
text-decoration: var(--art-body-mobile-text-decoration);
font-size: var(--art-body-mobile-font-size);
line-height: var(--art-body-mobile-line-height);
letter-spacing: var(--art-body-mobile-letter-spacing);
}
}
.art-subscribe-widget-area .art-widget-subscribe-form form {
width: 420px;
margin: 0 auto;
}
.art-widget-subscribe-form form p.art-sub-inputs {
margin: 0;
}
.art-widget-social .art-social-container a {
color: var(--art-colors-heading);
}
.art-second-color-scheme .art-widget-social .art-social-container a {
color: var(--art-bg-heading);
}
.art-widget-social .art-social-container a:hover {
color: var(--art-colors-link);
}
.art-second-color-scheme .art-widget-social .art-social-container a:hover {
color: var(--art-bg-link);
} .widget_archive > ul {
list-style: none;
margin-left: 0;
padding-left: 0;
color: var(--art-colors-text);
margin-top: 0;
margin-bottom: 0;
}
.art-second-color-scheme .widget_archive > ul {
color: var(--art-bg-text);
}
.widget_archive > ul li {
margin-top: 15px;
}
.widget_archive > ul > li:first-child {
margin-top: 0;
}
.widget_archive > ul a {
color: var(--art-colors-text);
}
.art-second-color-scheme .widget_archive > ul a {
color: var(--art-bg-text);
}
.widget_archive > ul a:hover {
color: var(--art-colors-link);
}
.art-second-color-scheme .widget_archive > ul a:hover {
color: var(--art-bg-link);
}
.widget_archive > ul ul {
list-style: none;
} .widget_calendar table {
margin-top: 0;
margin-bottom: 0;
text-align: center;
width: 100%;
max-width: 100%;
}
.widget_calendar table caption {
text-align: left;
margin-bottom: 10px;
}
.widget_calendar table th,
.widget_calendar table td {
padding: 8px 2px;
}
.widget_calendar table thead th,
.widget_calendar table thead td {
outline: none;
}
.widget_calendar table tbody th,
.widget_calendar table tbody td {
outline: none;
}
.widget_calendar .wp-calendar-nav {
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
} .widget_categories > ul {
list-style: none;
margin-left: 0;
padding-left: 0;
color: var(--art-colors-text);
margin-top: 0;
margin-bottom: 0;
}
.art-second-color-scheme .widget_categories > ul {
color: var(--art-bg-text);
}
.widget_categories > ul li {
margin-top: 15px;
}
.widget_categories > ul > li:first-child {
margin-top: 0;
}
.widget_categories > ul a {
color: var(--art-colors-text);
}
.art-second-color-scheme .widget_categories > ul a {
color: var(--art-bg-text);
}
.widget_categories > ul a:hover {
color: var(--art-colors-link);
}
.art-second-color-scheme .widget_categories > ul a:hover {
color: var(--art-bg-link);
}
.widget_categories > ul ul {
list-style: none;
} .widget_meta > ul {
list-style: none;
margin-left: 0;
padding-left: 0;
color: var(--art-colors-text);
margin-top: 0;
margin-bottom: 0;
}
.art-second-color-scheme .widget_meta > ul {
color: var(--art-bg-text);
}
.widget_meta > ul li {
margin-top: 15px;
}
.widget_meta > ul > li:first-child {
margin-top: 0;
}
.widget_meta > ul a {
color: var(--art-colors-text);
}
.art-second-color-scheme .widget_meta > ul a {
color: var(--art-bg-text);
}
.widget_meta > ul a:hover {
color: var(--art-colors-link);
}
.art-second-color-scheme .widget_meta > ul a:hover {
color: var(--art-bg-link);
}
.widget_meta > ul ul {
list-style: none;
} .widget_nav_menu ul {
background-color: transparent !important;
background-image: none !important;
list-style: none;
margin: 0;
padding: 0;
color: var(--art-colors-text);
}
.art-second-color-scheme .widget_nav_menu ul {
color: var(--art-bg-text);
}
.widget_nav_menu li {
margin-top: 15px;
}
.widget_nav_menu > ul > li:first-child {
margin-top: 0;
}
.widget_nav_menu a {
color: var(--art-colors-text);
}
.art-second-color-scheme .widget_nav_menu a {
color: var(--art-bg-text);
}
.widget_nav_menu a:hover {
color: var(--art-colors-hover);
}
.art-second-color-scheme .widget_nav_menu a:hover {
color: var(--art-bg-hover);
}
.widget_nav_menu ul ul > li > a {
padding-left: 15px;
}
.widget_nav_menu ul ul ul > li > a {
padding-left: 30px;
}
.widget_nav_menu ul ul ul ul > li > a {
padding-left: 45px;
}
.widget_nav_menu ul ul ul ul ul > li > a {
padding-left: 50px;
}
.widget_nav_menu ul ul ul ul ul ul > li > a {
padding-left: 55px;
}
.widget_nav_menu ul ul ul ul ul ul ul > li > a {
padding-left: 60px;
}
.widget_nav_menu ul ul ul ul ul ul ul ul > li > a {
padding-left: 65px;
}
.widget_nav_menu ul ul ul ul ul ul ul ul ul > li > a {
padding-left: 70px;
}
.widget_nav_menu ul ul ul ul ul ul ul ul ul ul > li > a {
padding-left: 75px;
}
.widget_nav_menu ul ul ul ul ul ul ul ul ul ul ul > li > a {
padding-left: 80px;
} .widget_pages > ul {
list-style: none;
margin-left: 0;
padding-left: 0;
color: var(--art-colors-text);
margin-top: 0;
margin-bottom: 0;
}
.art-second-color-scheme .widget_pages > ul {
color: var(--art-bg-text);
}
.widget_pages > ul li {
margin-top: 15px;
}
.widget_pages > ul > li:first-child {
margin-top: 0;
}
.widget_pages > ul a {
color: var(--art-colors-text);
}
.art-second-color-scheme .widget_pages > ul a {
color: var(--art-bg-text);
}
.widget_pages > ul a:hover {
color: var(--art-colors-link);
}
.art-second-color-scheme .widget_pages > ul a:hover {
color: var(--art-bg-link);
}
.widget_pages > ul ul {
list-style: none;
} .widget_recent_comments ul {
list-style: none;
color: var(--art-colors-second-text);
margin: 0;
}
.art-second-color-scheme .widget_recent_comments ul {
color: var(--art-bg-second-text);
}
.widget_recent_comments ul li {
margin-top: 20px;
padding-top: 20px;
position: relative;
}
.widget_recent_comments ul li:before {
content: "";
background-color: var(--art-colors-bd);
width: 100%;
height: 1px;
position: absolute;
left: 0;
top: 0;
opacity: 0.1;
}
.art-second-color-scheme .widget_recent_comments ul li:before {
background-color: var(--art-bg-bd);
}
.widget_recent_comments ul > li:first-child {
margin-top: 0;
padding-top: 0;
}
.widget_recent_comments ul > li:first-child::before {
content: none;
}
.widget_recent_comments ul a {
color: var(--art-colors-heading);
}
.art-second-color-scheme .widget_recent_comments ul a {
color: var(--art-bg-heading);
}
.widget_recent_comments ul a:hover {
color: var(--art-colors-link);
}
.art-second-color-scheme .widget_recent_comments ul a:hover {
color: var(--art-bg-link);
} .widget_recent_entries ul {
list-style: none;
color: var(--art-colors-second-text);
margin: 0;
}
.art-second-color-scheme .widget_recent_entries ul {
color: var(--art-bg-second-text);
}
.widget_recent_entries ul li {
margin-top: 20px;
padding-top: 20px;
position: relative;
}
.widget_recent_entries ul li:before {
content: "";
background-color: var(--art-colors-bd);
width: 100%;
height: 1px;
position: absolute;
left: 0;
top: 0;
opacity: 0.1;
}
.art-second-color-scheme .widget_recent_entries ul li:before {
background-color: var(--art-bg-bd);
}
.widget_recent_entries ul > li:first-child {
margin-top: 0;
padding-top: 0;
}
.widget_recent_entries ul > li:first-child::before {
content: none;
}
.widget_recent_entries ul a {
color: var(--art-colors-heading);
}
.art-second-color-scheme .widget_recent_entries ul a {
color: var(--art-bg-heading);
}
.widget_recent_entries ul a:hover {
color: var(--art-colors-link);
}
.art-second-color-scheme .widget_recent_entries ul a:hover {
color: var(--art-bg-link);
}
.widget_recent_entries .post-date {
display: block;
margin-top: 4px;
font-family: var(--art-body-four-font-family);
font-weight: var(--art-body-four-font-weight);
font-style: var(--art-body-four-font-style);
text-transform: var(--art-body-four-text-transform);
-webkit-text-decoration: var(--art-body-four-text-decoration);
text-decoration: var(--art-body-four-text-decoration);
font-size: var(--art-body-four-font-size);
line-height: var(--art-body-four-line-height);
letter-spacing: var(--art-body-four-letter-spacing);
}
@media only screen and (max-width: 767px) {
.widget_recent_entries .post-date {
font-family: var(--art-body-four-mobile-font-family);
font-weight: var(--art-body-four-mobile-font-weight);
font-style: var(--art-body-four-mobile-font-style);
text-transform: var(--art-body-four-mobile-text-transform);
-webkit-text-decoration: var(--art-body-four-mobile-text-decoration);
text-decoration: var(--art-body-four-mobile-text-decoration);
font-size: var(--art-body-four-mobile-font-size);
line-height: var(--art-body-four-mobile-line-height);
letter-spacing: var(--art-body-four-mobile-letter-spacing);
}
} .widget_rss ul {
list-style: none;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.widget_rss ul li {
margin-top: 25px;
padding-top: 20px;
position: relative;
}
.widget_rss ul li:before {
content: "";
background-color: var(--art-colors-bd);
width: 100%;
height: 1px;
position: absolute;
left: 0;
top: 0;
opacity: 0.1;
}
.art-second-color-scheme .widget_rss ul li:before {
background-color: var(--art-bg-bd);
}
.widget_rss ul > li:first-child {
margin-top: 0;
padding-top: 0;
}
.widget_rss ul > li:first-child::before {
content: none;
}
.widget_rss ul .rsswidget {
color: var(--art-colors-heading);
display: block;
}
.art-second-color-scheme .widget_rss ul .rsswidget {
color: var(--art-bg-heading);
}
.widget_rss ul .rsswidget:hover {
color: var(--art-colors-link);
}
.art-second-color-scheme .widget_rss ul .rsswidget:hover {
color: var(--art-bg-link);
}
.widget_rss ul .rss-date,
.widget_rss ul cite {
display: block;
font-family: var(--art-accent-font-family);
font-weight: var(--art-accent-font-weight);
font-style: var(--art-accent-font-style);
text-transform: var(--art-accent-text-transform);
-webkit-text-decoration: var(--art-accent-text-decoration);
text-decoration: var(--art-accent-text-decoration);
font-size: var(--art-accent-font-size);
line-height: var(--art-accent-line-height);
letter-spacing: var(--art-accent-letter-spacing);
color: var(--art-colors-second-text);
margin-top: 10px;
}
.art-second-color-scheme .widget_rss ul .rss-date,
.art-second-color-scheme .widget_rss ul cite {
color: var(--art-bg-second-text);
}
.widget_rss ul .rssSummary {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.widget_rss ul .rssSummary {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
} .widget_tag_cloud .tag-cloud-link {
font-size: 14px !important;
} .widget_text .textwidget:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
}
.widget_text .textwidget > *:first-child {
margin-top: 0;
}
.widget_text .textwidget > *:last-child {
margin-bottom: 0;
} .art-heading-wrapper {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding: 134px 0 132px 0;
}
@media only screen and (max-width: 767px) {
.art-heading-wrapper {
padding: 80px 0 78px 0;
}
}
.art-heading-wrapper .art-heading-content {
max-width: 701px;
margin-left: 10%;
}
@media only screen and (max-width: 767px) {
.art-heading-wrapper .art-heading-content {
margin: 0 15px;
}
}
.art-heading-wrapper .art-heading-content .art-heading-title {
margin-bottom: 20px;
}
@media only screen and (min-width: 1025px) {
.art-headline-simple.art-headline-search {
min-height: 500px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.art-headline-simple .art-headline__outer {
text-align: center;
padding: 40px 0;
margin: 0;
}
.art-headline-simple .art-headline__outer * {
margin: 0;
}
.art-headline-simple .art-headline__title {
font-family: var(--art-h3-font-family);
font-weight: var(--art-h3-font-weight);
font-style: var(--art-h3-font-style);
text-transform: var(--art-h3-text-transform);
-webkit-text-decoration: var(--art-h3-text-decoration);
text-decoration: var(--art-h3-text-decoration);
font-size: var(--art-h3-font-size);
line-height: var(--art-h3-line-height);
letter-spacing: var(--art-h3-letter-spacing);
margin: 0;
}
@media only screen and (max-width: 767px) {
.art-headline-simple .art-headline__title {
font-family: var(--art-h3-mobile-font-family);
font-weight: var(--art-h3-mobile-font-weight);
font-style: var(--art-h3-mobile-font-style);
text-transform: var(--art-h3-mobile-text-transform);
-webkit-text-decoration: var(--art-h3-mobile-text-decoration);
text-decoration: var(--art-h3-mobile-text-decoration);
font-size: var(--art-h3-mobile-font-size);
line-height: var(--art-h3-mobile-line-height);
letter-spacing: var(--art-h3-mobile-letter-spacing);
}
}
.art-headline-simple .art-headline__subtitle {
color: var(--art-colors-second-text);
margin: 20px 0 0;
}
.art-headline-simple .art-search-again-wrapper {
margin-top: 62px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.art-headline-big {
position: relative;
background-color: var(--art-colors-second-bg);
}
.art-second-color-scheme .art-headline-big {
background-color: var(--art-bg-second-bg);
}
@media only screen and (min-width: 768px) {
.art-headline-image-alignment-left .art-headline-big {
background-image: var(--art-headline-left-bg-image);
background-repeat: var(--art-headline-left-bg-repeat);
background-position: var(--art-headline-left-bg-position);
background-size: var(--art-headline-left-bg-size);
background-attachment: var(--art-headline-left-bg-attachment);
}
.art-headline-image-alignment-right .art-headline-big {
background-image: var(--art-headline-right-bg-image);
background-repeat: var(--art-headline-right-bg-repeat);
background-position: var(--art-headline-right-bg-position);
background-size: var(--art-headline-right-bg-size);
background-attachment: var(--art-headline-right-bg-attachment);
}
}
.art-headline-image-alignment-left .art-headline-big .art-svg-line {
left: 0;
right: auto;
}
.art-headline-image-alignment-right .art-headline-big .art-svg-line {
left: auto;
right: 0;
}
@media only screen and (max-width: 767px) {
.art-headline-big .art-svg-line {
display: none;
}
}
.art-headline-big .art-headline__outer { }
@media only screen and (min-width: 768px) {
.art-headline-big .art-headline__outer {
padding-top: 0;
padding-bottom: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
min-height: 450px;
}
}
@media only screen and (min-width: 768px) {
.art-headline-image-alignment-left .art-headline-big .art-headline__outer.art-headline-no-image {
padding-left: 38.21%;
}
.art-headline-image-alignment-right .art-headline-big .art-headline__outer.art-headline-no-image {
padding-right: 38.21%;
}
}
.art-headline-big .art-headline__outer.art-headline-no-image .art-headline__content {
width: 65%;
}
.art-headline-image-alignment-left .art-headline-big .art-headline__outer.art-headline-no-image .art-headline__content {
padding-left: 0;
}
.art-headline-image-alignment-right .art-headline-big .art-headline__outer.art-headline-no-image .art-headline__content {
padding-right: 0;
}
@media only screen and (max-width: 1199px) {
.art-headline-big .art-headline__outer.art-headline-no-image .art-headline__content {
width: 100%;
}
}
.art-headline-big .art-headline__image {
margin-bottom: 50px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 768px) {
.art-headline-big .art-headline__image {
width: 51.2%;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 0;
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.art-headline-type-first .art-headline-big .art-headline__image {
padding-top: 65px;
padding-bottom: 65px;
}
}
.art-headline-big .art-headline__image img {
width: 100%;
}
.art-headline-big .art-headline__content {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media only screen and (min-width: 768px) {
.art-headline-big .art-headline__content {
width: 48.8%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
padding-top: 65px;
padding-bottom: 65px;
}
.art-headline-image-alignment-left .art-headline-big .art-headline__content .art-headline__content-inner {
padding-left: 12%;
}
.art-headline-image-alignment-right .art-headline-big .art-headline__content .art-headline__content-inner {
padding-right: 12%;
}
}
.art-headline-big .art-headline__title {
font-family: var(--art-h2-font-family);
font-weight: var(--art-h2-font-weight);
font-style: var(--art-h2-font-style);
text-transform: var(--art-h2-text-transform);
-webkit-text-decoration: var(--art-h2-text-decoration);
text-decoration: var(--art-h2-text-decoration);
font-size: var(--art-h2-font-size);
line-height: var(--art-h2-line-height);
letter-spacing: var(--art-h2-letter-spacing);
margin: 0;
position: relative;
}
@media only screen and (max-width: 767px) {
.art-headline-big .art-headline__title {
font-family: var(--art-h2-mobile-font-family);
font-weight: var(--art-h2-mobile-font-weight);
font-style: var(--art-h2-mobile-font-style);
text-transform: var(--art-h2-mobile-text-transform);
-webkit-text-decoration: var(--art-h2-mobile-text-decoration);
text-decoration: var(--art-h2-mobile-text-decoration);
font-size: var(--art-h2-mobile-font-size);
line-height: var(--art-h2-mobile-line-height);
letter-spacing: var(--art-h2-mobile-letter-spacing);
}
}
.art-headline-big .art-headline__title-accent {
background-color: var(--art-colors-link);
display: inline-block;
width: 40px;
height: 4px;
margin-bottom: 25px;
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.art-headline-big .art-headline__description {
margin-top: 30px;
} body.art-global-top-banner-enabled .art-main-container {
padding-top: 122px;
}
body.art-global-top-banner-enabled .art-main-container.art-global-top-header-enabled {
padding-top: 162px;
}
body.art-global-top-banner-enabled .art-herder-top-banner {
margin-top: 0;
opacity: 1;
visibility: visible;
}
.art-main-container {
padding-top: 82px;
background-color: #ffffff;
-webkit-transition: padding-top 300ms;
transition: padding-top 300ms;
}
body .art-light-header-text + .art-main-container,
body .art-header-over-content + .art-main-container {
padding-top: 0 !important;
}
.art-page .art-page-content {
padding-top: 100px;
padding-bottom: 80px;
}
.art-page .art-page-content:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.art-page .art-page-content {
padding-top: 50px;
padding-bottom: 40px;
}
}
.elementor-page .art-page .art-page-content {
padding: 0;
max-width: 100%;
}
.art-page .art-page-content.art-woocommerce-page {
padding: 40px 15px 0 15px;
}
.woocommerce-checkout .art-page .art-page-content.art-woocommerce-page {
padding-bottom: 110px;
}
.art-main-container .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
padding: 15px;
} body.woocommerce-account.woocommerce-page .art-page-content form .form-row.form-row-wide {
padding: 0;
}
body.woocommerce-account.woocommerce-page .art-page-content form .form-row.form-row-wide .password-input {
width: 100%;
}
body.woocommerce-account.woocommerce-page .art-page-content form .woocommerce-form-login__rememberme {
width: 100%;
}
body.woocommerce-account.woocommerce-page .art-page-content form .woocommerce-privacy-policy-text {
font-family: var(--art-body-five-font-family);
font-weight: var(--art-body-five-font-weight);
font-style: var(--art-body-five-font-style);
text-transform: var(--art-body-five-text-transform);
-webkit-text-decoration: var(--art-body-five-text-decoration);
text-decoration: var(--art-body-five-text-decoration);
font-size: var(--art-body-five-font-size);
line-height: var(--art-body-five-line-height);
letter-spacing: var(--art-body-five-letter-spacing);
margin-bottom: 30px;
} body.elementor-editor-active header.art-header-one.art-header-show-border .art-header-one-content {
position: absolute !important;
}
body.elementor-editor-active header.art-header-one .art-header-one-content {
position: absolute !important;
}
body.elementor-editor-active .art-preloader-holder {
display: none !important;
}
body.elementor-editor-active header.art-header-two .art-header-two-content {
position: absolute !important;
}
.elementor-editor-active .art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper .art-hero-info-wrapper .art-animated-line-block {
border: 1px solid #000;
}
.art-hero-header-one .art-hero-header-row {
min-height: 768px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
.art-hero-header-one .art-hero-header-row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 991px) {
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content {
padding-top: 50px;
padding-bottom: 50px;
}
}
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper {
width: 553px;
}
@media only screen and (max-width: 767px) {
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper {
width: 100%;
}
}
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper .art-hero-info-wrapper {
position: relative;
}
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper .art-hero-info-wrapper .art-hero-info-title {
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper .art-hero-info-wrapper .art-hero-info-title {
margin-bottom: 10px;
}
}
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper .art-hero-info-wrapper .art-animated-line-block {
position: absolute;
}
@media only screen and (max-width: 767px) {
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper .art-hero-info-wrapper .art-animated-line-block {
display: none;
}
}
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper .art-hero-info-wrapper .art-hero-info-description {
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper .art-hero-info-wrapper .art-hero-info-description {
margin-bottom: 30px;
}
}
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper .art-block-form-items {
margin-bottom: 40px;
}
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper .art-block-form-items .wpcf7-response-output {
display: none;
}
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper .art-advantages-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
}
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper .art-advantages-list .art-advantage-itself {
padding: 0 15px 20px 15px;
}
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper .art-advantages-list .art-advantage-itself:last-child {
padding-bottom: 0;
}
.art-hero-header-one .art-hero-header-row .art-hero-side-info .art-block-content .art-block-content-wrapper .art-advantages-list .art-advantage-itself span {
margin-left: 8px;
}
.art-hero-header-one .art-hero-header-row .art-hero-side-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media only screen and (max-width: 991px) {
.art-hero-header-one .art-hero-header-row .art-hero-side-image {
height: 500px;
}
}
.art-hero-header-two {
padding: 122px 0 122px 0;
}
.art-partners-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.art-partners-section::-webkit-scrollbar {
width: 0;
height: 0;
background: transparent;
}
.art-partners-section::-webkit-scrollbar-thumb {
background: transparent;
}
@media only screen and (max-width: 767px) {
.art-partners-section {
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset;
}
}
.art-partners-section .art-partner-item {
width: 20%;
padding: 0 20px;
text-align: center;
}
@media only screen and (max-width: 991px) {
.art-partners-section .art-partner-item {
width: auto;
}
}
.art-partners-section .art-partner-item img {
max-width: unset;
}
.art-image-circle-block {
position: relative;
}
.art-image-circle-block .art-image-name-rotating { }
.art-image-circle-block .art-image-name-rotating img {
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: rotating 16s infinite linear;
animation: rotating 16s infinite linear;
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.art-list-item-section .art-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 26px;
}
.art-list-item-section .art-list-item:last-child {
margin-bottom: 0;
}
.art-list-item-section .art-list-item svg {
width: 20px;
min-width: 20px;
margin-right: 16px;
margin-top: 6px;
}
.art-list-two-item-section .art-list-item {
margin-bottom: 50px;
}
.art-list-two-item-section .art-list-item .art-list-item-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 16px;
}
.art-list-two-item-section .art-list-item .art-list-item-top span {
border: 2px solid;
border-color: var(--art-colors-bg);
font-family: var(--art-h6-font-family);
font-weight: var(--art-h6-font-weight);
font-style: var(--art-h6-font-style);
text-transform: var(--art-h6-text-transform);
-webkit-text-decoration: var(--art-h6-text-decoration);
text-decoration: var(--art-h6-text-decoration);
font-size: var(--art-h6-font-size);
line-height: var(--art-h6-line-height);
letter-spacing: var(--art-h6-letter-spacing);
border-radius: 100%;
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 26px;
}
.art-second-color-scheme .art-list-two-item-section .art-list-item .art-list-item-top span {
border-color: var(--art-bg-bg);
}
@media only screen and (max-width: 767px) {
.art-list-two-item-section .art-list-item .art-list-item-top span {
font-family: var(--art-h6-mobile-font-family);
font-weight: var(--art-h6-mobile-font-weight);
font-style: var(--art-h6-mobile-font-style);
text-transform: var(--art-h6-mobile-text-transform);
-webkit-text-decoration: var(--art-h6-mobile-text-decoration);
text-decoration: var(--art-h6-mobile-text-decoration);
font-size: var(--art-h6-mobile-font-size);
line-height: var(--art-h6-mobile-line-height);
letter-spacing: var(--art-h6-mobile-letter-spacing);
}
}
.art-list-two-item-section .art-list-item .art-list-item-top .art-list-title {
margin: 0;
}
.art-list-two-item-section .art-list-item .art-list-item-bottom {
padding: 0 0 0 68px;
}
.art-list-two-item-section .art-list-item:last-child {
margin-bottom: 0;
}
.art-widget-list-achievements .art-item-achievement {
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.art-widget-list-achievements .art-item-achievement {
margin-bottom: 20px;
}
}
.art-widget-list-achievements .art-item-achievement .item-achievement-title {
margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
.art-widget-list-achievements .art-item-achievement .item-achievement-title {
margin-bottom: 10px;
}
}
.art-achievements-two .art-item-achievement {
text-align: center;
margin-bottom: 40px;
}
.art-achievements-two .art-item-achievement .item-achievement-title {
margin-top: 20px;
margin-bottom: 12px;
}
.art-achievements-two .art-item-achievement .item-achievement-text {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
}
.art-achievement-three {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.art-achievement-three .art-achievement-item {
text-align: center;
margin-bottom: 40px;
}
.art-widget-info-list .art-info-item {
text-align: center;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.art-widget-info-list .art-info-item .info-item-number {
margin-bottom: 5px;
}
}
.art-widget-info-list .art-info-item .info-item-text {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
.art-widget-pricing .art-list-pricing-table {
margin-bottom: 20px;
}
.art-widget-pricing .art-list-pricing-table .art-list-price-content {
border: 2px solid #000;
background-color: #fff;
padding: 40px 30px 30px 30px;
}
.art-widget-pricing .art-list-pricing-table .art-list-price-content h5 {
text-align: center;
margin-bottom: 30px;
}
.art-widget-pricing .art-list-pricing-table .art-list-price-content .art-list-pricing-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
margin-bottom: 25px;
}
.art-widget-pricing .art-list-pricing-table .art-list-price-content .art-list-pricing-item .art-list-icon {
background-color: #F4EEE7;
width: 33px;
height: 33px;
border-radius: 100%;
margin-right: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.art-widget-pricing .art-list-pricing-table .art-list-price-content .art-list-price-item {
text-align: center;
display: block;
font-family: var(--art-h5-font-family);
font-weight: var(--art-h5-font-weight);
font-style: var(--art-h5-font-style);
text-transform: var(--art-h5-text-transform);
-webkit-text-decoration: var(--art-h5-text-decoration);
text-decoration: var(--art-h5-text-decoration);
font-size: var(--art-h5-font-size);
line-height: var(--art-h5-line-height);
letter-spacing: var(--art-h5-letter-spacing);
margin-top: 36px;
margin-bottom: 40px;
}
.art-widget-pricing .art-list-pricing-table .art-list-price-content .art-pricing-button {
width: 100%;
}
.art-widget-list-services .art-item-service {
margin-bottom: 30px;
}
.art-widget-list-services .art-item-service .item-service-title {
margin-top: 18px;
margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
.art-widget-list-services .art-item-service .item-service-title {
margin-bottom: 10px;
}
}
.art-testimonial-images-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 767px) {
.art-testimonial-images-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.art-testimonial-images-wrapper.art-do-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
.art-testimonial-images-wrapper.art-do-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.art-testimonial-images-wrapper.art-do-reverse .art-left-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.art-testimonial-images-wrapper .art-left-side {
width: 487px;
max-width: 487px;
}
@media only screen and (max-width: 991px) {
.art-testimonial-images-wrapper .art-left-side {
width: 360px;
max-width: 360px;
}
}
@media only screen and (max-width: 767px) {
.art-testimonial-images-wrapper .art-left-side {
width: 100%;
max-width: 100%;
}
}
.art-testimonial-images-wrapper .art-left-side .swiper-container-testimonial-image {
overflow: hidden;
max-width: 370px;
}
@media only screen and (max-width: 767px) {
.art-testimonial-images-wrapper .art-left-side .swiper-container-testimonial-image {
max-width: 100%;
}
}
.art-testimonial-images-wrapper .art-right-side {
width: calc(100% - 487px);
margin: 0 auto;
padding: 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.art-testimonial-images-wrapper .art-right-side {
width: 100%;
padding: 0;
margin-bottom: 30px;
}
}
.art-testimonial-images-wrapper .art-right-side .art-right-side-data {
position: relative;
padding-bottom: 71px;
max-width: 560px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.art-testimonial-images-wrapper .art-right-side .art-right-side-data {
max-width: 100%;
}
}
.art-testimonial-images-wrapper .art-right-side .art-testimonial-subtitle {
text-align: center;
margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
.art-testimonial-images-wrapper .art-right-side .art-testimonial-subtitle {
text-align: left;
}
}
.art-testimonial-images-wrapper .art-right-side .art-testimonial-title {
text-align: center;
margin-top: 0;
margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
.art-testimonial-images-wrapper .art-right-side .art-testimonial-title {
text-align: left;
}
}
.art-testimonial-images-wrapper .art-right-side .swiper-container-testimonial-text {
overflow: hidden;
}
.art-testimonial-images-wrapper .art-right-side .swiper-container-testimonial-text .testimonial-item .art-testimonial-data {
text-align: center;
}
@media only screen and (max-width: 767px) {
.art-testimonial-images-wrapper .art-right-side .swiper-container-testimonial-text .testimonial-item .art-testimonial-data {
text-align: left;
}
}
.art-testimonial-images-wrapper .art-right-side .swiper-container-testimonial-text .testimonial-item .art-testimonial-name {
margin-top: 30px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.art-testimonial-images-wrapper .art-right-side .swiper-container-testimonial-text .testimonial-item .art-testimonial-name {
text-align: left;
}
}
.art-testimonial-images-wrapper .art-right-side .swiper-container-testimonial-text .swiper-button-prev,
.art-testimonial-images-wrapper .art-right-side .swiper-container-testimonial-text .swiper-button-next {
background-image: none;
font-size: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 1em;
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.art-testimonial-images-wrapper .art-right-side .swiper-container-testimonial-text .swiper-button-prev::before,
.art-testimonial-images-wrapper .art-right-side .swiper-container-testimonial-text .swiper-button-next::before {
font-family: magnetique;
font-size: 1em;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.art-testimonial-images-wrapper .art-right-side .swiper-container-testimonial-text .swiper-button-prev::after,
.art-testimonial-images-wrapper .art-right-side .swiper-container-testimonial-text .swiper-button-next::after {
content: none;
display: none;
}
.art-testimonial-images-wrapper .art-right-side .swiper-container-testimonial-text .swiper-button-prev {
left: -55px;
}
.art-testimonial-images-wrapper .art-right-side .swiper-container-testimonial-text .swiper-button-prev::before {
content: "\e801";
}
.art-testimonial-images-wrapper .art-right-side .swiper-container-testimonial-text .swiper-button-next {
left: 55px;
}
.art-testimonial-images-wrapper .art-right-side .swiper-container-testimonial-text .swiper-button-next::before {
content: "\e802";
}
.art-widget-testimonials .art-testimonials-swiper {
overflow: hidden;
}
.art-widget-testimonials .art-testimonials-swiper .art-testimonial-itself {
background-color: var(--art-colors-bg);
text-align: center;
padding: 40px 40px 30px 40px;
}
.art-widget-testimonials .art-testimonials-swiper .art-testimonial-itself .art-testimonial-text {
margin: 28px 0;
}
.art-widget-testimonials .art-testimonials-swiper .art-testimonial-itself .art-testimonial-name {
margin-top: 10px;
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
.art-widget-testimonials .art-testimonials-swiper .art-testimonials-prev-next {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 111px;
}
.art-widget-testimonials .art-testimonials-swiper .art-testimonials-prev-next .swiper-button-prev,
.art-widget-testimonials .art-testimonials-swiper .art-testimonials-prev-next .swiper-button-next {
background-image: none;
font-size: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 1em;
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.art-widget-testimonials .art-testimonials-swiper .art-testimonials-prev-next .swiper-button-prev::before,
.art-widget-testimonials .art-testimonials-swiper .art-testimonials-prev-next .swiper-button-next::before {
font-family: magnetique;
font-size: 1em;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.art-widget-testimonials .art-testimonials-swiper .art-testimonials-prev-next .swiper-button-prev::after,
.art-widget-testimonials .art-testimonials-swiper .art-testimonials-prev-next .swiper-button-next::after {
content: none;
display: none;
}
.art-widget-testimonials .art-testimonials-swiper .art-testimonials-prev-next .swiper-button-prev {
left: -55px;
}
.art-widget-testimonials .art-testimonials-swiper .art-testimonials-prev-next .swiper-button-prev::before {
content: "\e801";
}
.art-widget-testimonials .art-testimonials-swiper .art-testimonials-prev-next .swiper-button-next {
left: 55px;
}
.art-widget-testimonials .art-testimonials-swiper .art-testimonials-prev-next .swiper-button-next::before {
content: "\e802";
}
@media only screen and (max-width: 540px) {
.art-widget-testimonials-two {
margin-bottom: 40px;
}
}
.art-widget-testimonials-two .art-testimonials-two-swiper {
overflow: hidden;
}
.art-widget-testimonials-two .art-testimonials-two-swiper .art-testimonial-itself {
background-color: #fff;
text-align: center;
padding: 40px 40px 40px 40px;
border: 2px solid #000;
}
.art-widget-testimonials-two .art-testimonials-two-swiper .art-testimonial-itself .art-testimonial-text {
margin: 28px 0 20px 0;
}
.art-widget-testimonials-two .art-testimonials-two-swiper .art-testimonial-itself .art-testimonial-name {
margin-top: 10px;
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
.art-widget-testimonials-two .art-testimonials-two-swiper .art-testimonials-prev-next {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -67px;
right: 24px;
}
@media only screen and (max-width: 540px) {
.art-widget-testimonials-two .art-testimonials-two-swiper .art-testimonials-prev-next {
top: unset;
left: 0;
right: 0;
bottom: -40px;
}
}
.art-widget-testimonials-two .art-testimonials-two-swiper .art-testimonials-prev-next .swiper-button-next {
background-image: none;
position: static;
}
.art-widget-testimonials-two .art-testimonials-two-swiper .art-testimonials-prev-next .swiper-button-next::before {
content: "\e802";
font-family: magnetique;
font-size: 48px;
position: relative;
left: 5px;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.art-widget-testimonials-two .art-testimonials-two-swiper .art-testimonials-prev-next .swiper-button-prev {
background-image: none;
position: static;
}
.art-widget-testimonials-two .art-testimonials-two-swiper .art-testimonials-prev-next .swiper-button-prev::before {
content: "\e801";
font-family: magnetique;
font-size: 48px;
position: relative;
right: 25px;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.art-heading-text {
text-align: var(--art-heading-content-alignment);
color: var(--art-heading-color-text);
width: auto;
}
.art-floating-images .art-floating-images-container {
position: relative;
}
.art-floating-images .art-floating-images-container .art-floating-image-two-wrapper {
position: absolute;
top: 50%;
left: -148px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
.art-floating-images .art-floating-images-container .art-floating-image-two-wrapper {
display: none;
}
}
.art-floating-images-two .art-floating-images-container .art-floating-images-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 65px;
padding: 0 57px 0 0;
}
.art-floating-images-two .art-floating-images-container .art-floating-images-top .floating-image-one {
width: 215px;
margin: 58px 38px 0 0;
}
.art-floating-images-two .art-floating-images-container .art-floating-images-top .floating-image-two {
width: 245px;
}
.art-floating-images-two .art-floating-images-container .art-floating-images-bottom {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.art-floating-images-two .art-floating-images-container .art-floating-images-bottom .floating-image-three {
width: 258px;
}
.art-floating-images-two .art-floating-images-container .art-floating-images-bottom .floating-image-four {
width: 385px;
position: absolute;
left: -30px;
top: -108px;
}
.art-floating-images-two .art-floating-images-container .art-floating-images-bottom .floating-image-five {
width: 290px;
position: absolute;
bottom: -53px;
right: 137px;
}
.art-label-section {
background-color: #D9D5EE;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 31px 102px;
}
@media only screen and (max-width: 767px) {
.art-label-section {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px 30px;
}
.art-label-section img {
width: 124px;
margin: 6px 0;
}
}
.art-label-section p {
margin: 0;
}
.art-label-section .art-label-left {
margin-right: 20px;
}
.art-label-section img {
margin-right: 20px;
}
.art-insta-widget-wrapper #sb_instagram #sbi_images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.art-insta-widget-wrapper #sb_instagram #sbi_images .sbi_item.sbi_type_image {
width: 20%;
padding: 12px !important;
} .art-info-block-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.art-info-block-wrapper.art-do-reverse .art-info-block-one {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.art-info-block-wrapper.art-do-reverse .art-info-block-two {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; padding: 100px 80px 100px calc(50% - 570px);
}
.art-info-block-wrapper .art-info-block-one {
width: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media only screen and (max-width: 767px) {
.art-info-block-wrapper .art-info-block-one {
width: 100%;
height: 500px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.art-info-block-wrapper .art-info-block-two {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 50%;
padding: 100px calc(50% - 570px) 100px 80px;
}
@media only screen and (max-width: 1199px) {
.art-info-block-wrapper .art-info-block-two {
padding: 100px 30px 100px 30px;
}
}
@media only screen and (max-width: 767px) {
.art-info-block-wrapper .art-info-block-two {
width: 100%;
padding: 50px 15px 50px 15px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.art-info-block-wrapper .art-info-block-two .art-widget-title {
margin-bottom: 30px;
}
.art-info-block-wrapper .art-info-block-two .art-section-data {
margin-bottom: 30px;
}
.art-info-block-wrapper .art-info-block-two .art-widget-button {
margin-top: 50px;
}
.art-info-block-wrapper .art-info-block-two .art-widget-button a {
display: inline-block;
}
.art-social .art-item-social {
text-align: center;
margin-bottom: 40px;
}
.art-social .art-item-social .item-social-title {
margin-top: 20px;
margin-bottom: 12px;
}
.art-social-two .art-item-social {
margin-bottom: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: var(--art-colors-text);
}
.art-social-two .art-item-social a {
color: inherit;
}
.art-social-two .art-item-social a .item-social-title {
margin: 0 0 0 20px;
}
.art-accordion-tabs .art-accordion-tabs-wrapper .accordion-menu-tabs-items {
width: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow: auto;
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset;
}
.art-accordion-tabs .art-accordion-tabs-wrapper .accordion-menu-tabs-items::-webkit-scrollbar {
width: 0;
height: 0;
background: transparent;
}
.art-accordion-tabs .art-accordion-tabs-wrapper .accordion-menu-tabs-items::-webkit-scrollbar-thumb {
background: transparent;
}
.art-accordion-tabs .art-accordion-tabs-wrapper .art-accordion-menu-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 870px;
margin: 0 0 40px 0;
}
.art-accordion-tabs .art-accordion-tabs-wrapper .art-accordion-menu-tabs li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
padding: 0 20px;
}
.art-accordion-tabs .art-accordion-tabs-wrapper .art-accordion-menu-tabs li span {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
padding-bottom: 5px;
}
@media only screen and (max-width: 767px) {
.art-accordion-tabs .art-accordion-tabs-wrapper .art-accordion-menu-tabs li span {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-accordion-tabs .art-accordion-tabs-wrapper .art-accordion-menu-tabs li.art-active span {
border-bottom: 2px solid;
}
.art-accordion-menu-info {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
max-width: 750px;
width: 100%;
margin: 0 auto;
}
.art-accordion-menu-info .accordion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: none;
border-top: 1px solid rgba(0, 0, 0, 0.1);
background-color: transparent;
cursor: pointer;
padding: 17px 0;
width: 100%;
outline: none;
-webkit-transition: 0.4s;
transition: 0.4s;
text-align: left;
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-accordion-menu-info .accordion {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-accordion-menu-info .accordion:active, .art-accordion-menu-info .accordion:hover {
background-color: transparent;
color: inherit;
}
.art-accordion-menu-info .accordion::after {
content: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/images/plus-bold.svg);
position: relative;
top: 3px;
}
.art-accordion-menu-info .accordion.active::after {
content: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/images/close-bold.svg);
}
.art-accordion-menu-info .panel {
padding: 0;
background-color: transparent;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.2s ease-out;
transition: max-height 0.2s ease-out;
}
.art-accordion-menu-info .panel .panel-data {
padding: 1px 0 21px 0;
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-accordion-menu-info .panel .panel-data {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-courses-grid-wrapper .learn-press-search-form-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.art-courses-grid-wrapper .learn-press-search-form-wrapper .learn-press-search-course-form {
margin-bottom: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 600px) {
.art-courses-grid-wrapper .learn-press-search-form-wrapper .learn-press-search-course-form {
width: 100%;
}
}
@media only screen and (max-width: 420px) {
.art-courses-grid-wrapper .learn-press-search-form-wrapper .learn-press-search-course-form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.art-courses-grid-wrapper .learn-press-search-form-wrapper .learn-press-search-course-form .search-course-input {
max-width: 360px;
width: 360px;
margin-right: 20px;
}
@media only screen and (max-width: 420px) {
.art-courses-grid-wrapper .learn-press-search-form-wrapper .learn-press-search-course-form .search-course-input {
margin: 0 0 20px 0;
}
}
@media only screen and (max-width: 600px) {
.art-courses-grid-wrapper .learn-press-search-form-wrapper .learn-press-search-course-form .search-course-input {
width: 100%;
max-width: 100%;
}
}
.art-courses-grid-wrapper .art-courses-list .art-course-item {
margin-bottom: 30px;
}
.art-course-item .art-card-img {
position: relative;
}
.art-course-item .art-card-img .meta-item-price {
z-index: 1;
position: absolute;
right: 16px;
top: 16px;
background-color: var(--art-colors-fourth-bg);
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
padding: 3px 16px;
}
.art-course-item .art-card-img .meta-item-price .meta-label {
display: none;
}
.course-price .meta-label {
display: none;
}
.course-price .meta-value > .origin-price {
display: none;
}
.course-price .meta-value .price .origin-price {
text-decoration: line-through;
margin-right: 8px;
}
.art-posts-grid-wrapper .learn-press-search-form-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.art-posts-grid-wrapper .learn-press-search-form-wrapper .learn-press-search-course-form {
margin-bottom: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 600px) {
.art-posts-grid-wrapper .learn-press-search-form-wrapper .learn-press-search-course-form {
width: 100%;
}
}
@media only screen and (max-width: 420px) {
.art-posts-grid-wrapper .learn-press-search-form-wrapper .learn-press-search-course-form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.art-posts-grid-wrapper .learn-press-search-form-wrapper .learn-press-search-course-form .search-course-input {
max-width: 360px;
width: 360px;
margin-right: 20px;
}
@media only screen and (max-width: 420px) {
.art-posts-grid-wrapper .learn-press-search-form-wrapper .learn-press-search-course-form .search-course-input {
margin: 0 0 20px 0;
}
}
@media only screen and (max-width: 600px) {
.art-posts-grid-wrapper .learn-press-search-form-wrapper .learn-press-search-course-form .search-course-input {
width: 100%;
max-width: 100%;
}
}
.art-posts-grid-wrapper .art-posts-list .art-post-item {
margin-bottom: 30px;
}
.art-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 50px;
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-pagination {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-pagination a,
.art-pagination span.dots {
padding: 0 8px;
}
.art-pagination .prev.page-numbers i {
position: relative;
top: 1px;
}
.art-pagination .prev.page-numbers i::before {
font-size: 23px;
}
.art-pagination .next.page-numbers i {
position: relative;
top: 2px;
}
.art-pagination .next.page-numbers i::before {
font-size: 23px;
}
.art-pagination span.current {
position: relative;
margin: 0 8px;
}
.art-pagination span.current:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background-color: var(--art-colors-text);
bottom: -8px;
}
.art-zoom-meeting-item .art-card-img {
margin-bottom: 20px;
}
.art-zoom-meeting-item .art-card-info .art-card-title {
margin-bottom: 16px;
}
.art-zoom-meeting-item .art-card-info .art-card-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.art-zoom-meeting-item .art-card-info .art-card-meta .art-card-duration {
margin-right: 24px;
}
.art-zoom-meeting-item .art-card-info .art-card-meta .art-card-duration i {
margin-right: 7px;
}
.art-zoom-meeting-item .art-card-info .art-card-meta .art-meeting-date i {
margin-right: 6px;
}
.elementor-widget-art-animated-line {
--art-animated-line-animation-speed: 4000ms;
}
.art-animated-line svg {
max-width: 100%;
fill: transparent;
stroke: var(--art-colors-link);
stroke-dasharray: 3000;
stroke-dashoffset: 3000;
}
.art-second-color-scheme .art-animated-line svg {
stroke: var(--art-second-colors-link);
}
.art-animated-line.art-animated svg {
-webkit-animation: animated_line var(--art-animated-line-animation-speed) linear forwards;
animation: animated_line var(--art-animated-line-animation-speed) linear forwards;
}
.elementor-widget-art-button {
--art-button-alignment: left;
}
.art-button-widget__wrap {
text-align: var(--art-button-alignment);
}
.art-content-slider-item__image + *,
.art-content-slider-item__image + .art-content-slider-item__title {
margin-top: 24px;
}
.art-content-slider-item__image img {
width: 100%;
}
.art-content-slider-item__icon + *,
.art-content-slider-item__icon + .art-content-slider-item__title {
margin-top: 20px;
}
.art-content-slider-item__title {
margin: 0;
}
.art-content-slider-item__title + * {
margin-top: 10px;
}
.art-content-slider-item__text {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-content-slider-item__text {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-courses-list .art-course-item {
margin-bottom: 30px;
}
.art-courses-list .art-course-item .art-card-img {
position: relative;
margin-bottom: 20px;
}
.art-courses-list .art-course-item .art-card-img .card__price {
position: absolute;
top: 15px;
right: 17px;
background-color: var(--art-colors-fourth-bg);
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
padding: 5px 15px;
}
.art-second-color-scheme .art-courses-list .art-course-item .art-card-img .card__price {
background-color: var(--art-bg-fourth-bg);
}
.art-courses-list .art-course-item .art-card-info .art-card-title {
font-family: var(--art-h6-font-family);
font-weight: var(--art-h6-font-weight);
font-style: var(--art-h6-font-style);
text-transform: var(--art-h6-text-transform);
-webkit-text-decoration: var(--art-h6-text-decoration);
text-decoration: var(--art-h6-text-decoration);
font-size: var(--art-h6-font-size);
line-height: var(--art-h6-line-height);
letter-spacing: var(--art-h6-letter-spacing);
margin-bottom: 16px;
}
.art-courses-list .art-course-item .art-card-info .art-card-meta {
font-family: var(--art-body-one-font-family);
font-weight: var(--art-body-one-font-weight);
font-style: var(--art-body-one-font-style);
text-transform: var(--art-body-one-text-transform);
-webkit-text-decoration: var(--art-body-one-text-decoration);
text-decoration: var(--art-body-one-text-decoration);
font-size: var(--art-body-one-font-size);
line-height: var(--art-body-one-line-height);
letter-spacing: var(--art-body-one-letter-spacing);
}
.art-courses-list .art-course-item .art-card-info .art-card-meta .art-card-duration {
margin-right: 11px;
}
.art-courses-list .art-course-item .art-card-info .art-card-meta .art-card-duration i {
margin-right: 10px;
}
.art-courses-list .art-course-item .art-card-info .art-card-meta .art-card-duration i::before {
margin: 0;
}
.art-courses-list .art-course-item .art-card-info .art-card-meta .art-card-level i {
margin-right: 10px;
}
.art-courses-list .art-course-item .art-card-info .art-card-meta .art-card-level i::before {
margin: 0;
} .art-events-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.art-events-list-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
.art-events-list-item:first-child {
border-top: 0;
}
.art-events-list-item:before {
content: "쀇";
font-family: "denaro-font";
font-size: 28px;
line-height: 1em;
color: var(--art-colors-bg);
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: auto;
right: 0;
top: 0;
bottom: 0;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.68, -2, 0.265, 1.55);
transition: -webkit-transform 0.5s cubic-bezier(0.68, -2, 0.265, 1.55);
transition: transform 0.5s cubic-bezier(0.68, -2, 0.265, 1.55);
transition: transform 0.5s cubic-bezier(0.68, -2, 0.265, 1.55), -webkit-transform 0.5s cubic-bezier(0.68, -2, 0.265, 1.55);
}
.art-second-color-scheme .art-events-list-item:before {
color: var(--art-bg-bg);
}
@media only screen and (max-width: 420px) {
.art-events-list-item:before {
display: none;
}
}
.art-events-list-item:hover:before {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.art-events-list-item a {
position: relative;
z-index: 2;
}
.art-events-list-item a.art-events-list-item-link {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.art-events-list-item .art-event-list-date {
margin-right: 30px;
min-width: 60px;
border: 2px solid;
border-color: var(--art-colors-bg);
color: var(--art-colors-bg);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.art-events-list-item .art-event-list-date .art-event-day-time {
font-family: var(--art-h4-font-family);
font-weight: var(--art-h4-font-weight);
font-style: var(--art-h4-font-style);
text-transform: var(--art-h4-text-transform);
-webkit-text-decoration: var(--art-h4-text-decoration);
text-decoration: var(--art-h4-text-decoration);
font-size: var(--art-h4-font-size);
line-height: var(--art-h4-line-height);
letter-spacing: var(--art-h4-letter-spacing);
line-height: 46px;
}
@media only screen and (max-width: 767px) {
.art-events-list-item .art-event-list-date .art-event-day-time {
font-family: var(--art-h4-mobile-font-family);
font-weight: var(--art-h4-mobile-font-weight);
font-style: var(--art-h4-mobile-font-style);
text-transform: var(--art-h4-mobile-text-transform);
-webkit-text-decoration: var(--art-h4-mobile-text-decoration);
text-decoration: var(--art-h4-mobile-text-decoration);
font-size: var(--art-h4-mobile-font-size);
line-height: var(--art-h4-mobile-line-height);
letter-spacing: var(--art-h4-mobile-letter-spacing);
}
}
.art-events-list-item .art-event-list-date .art-event-month-time {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
line-height: 1;
margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
.art-events-list-item .art-event-list-date .art-event-month-time {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-events-list-item .art-event-title-location {
width: 100%;
}
.art-events-list-item .art-post-title {
margin: 0;
padding-right: 20px;
} .art-events-list-default .art-event-item-default {
background-color: #EFEDF3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 40px;
}
.art-events-list-default .art-event-item-default:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 1110px) {
.art-events-list-default .art-event-item-default {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.art-events-list-default .art-event-item-default .art-event-default-left {
max-width: 340px;
min-width: 340px;
}
@media only screen and (max-width: 1110px) {
.art-events-list-default .art-event-item-default .art-event-default-left {
padding: 30px 30px 0 30px;
}
}
.art-events-list-default .art-event-item-default .art-event-default-right {
padding: 38px 60px 38px 40px;
}
@media only screen and (max-width: 1110px) {
.art-events-list-default .art-event-item-default .art-event-default-right {
padding: 30px;
}
}
.art-events-list-default .art-event-item-default .art-event-default-right .art-post-cat-date {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
.art-events-list-default .art-event-item-default .art-event-default-right .art-post-title {
margin-top: 8px;
}
.art-events-list-default .art-event-item-default .art-event-default-right .art-event-description {
margin-bottom: 40px;
}
.elementor-widget-art-featured-post {
--art-featured-post-height: 66.7%;
}
.art-featured-post {
height: 0;
padding-bottom: var(--art-featured-post-height);
overflow: hidden;
position: relative;
}
.art-featured-post .art-post-image {
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.art-featured-post .art-post-image img {
width: 100%;
}
.art-featured-post .art-placeholder {
padding-bottom: var(--art-featured-post-height);
}
.art-featured-post .art-featured-post-outer {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
height: 100%;
padding: 40px;
position: absolute;
left: 0;
overflow-x: hidden;
overflow-y: auto;
bottom: 0;
}
.art-featured-post .art-post-cat-date {
color: var(--art-colors-bg);
margin-bottom: 7px;
}
.art-featured-post .art-post-cat-date a {
color: var(--art-colors-bg);
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.art-featured-post .art-post-cat-date a:hover {
opacity: 0.9;
color: var(--art-colors-bg);
}
.art-featured-post .art-post-title {
margin: 0;
color: var(--art-colors-bg);
}
.art-featured-post .art-post-title a {
color: var(--art-colors-bg);
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.art-featured-post .art-post-title a:hover {
opacity: 0.9;
color: var(--art-colors-bg);
}
.elementor-widget-art-partners-ticker .art-swiper-wrapper {
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.art-team-member__outer {
text-align: center;
}
.art-team-member__avatar + * {
margin-top: 29px;
}
.art-team-member__name {
margin-bottom: 1px;
}
.art-team-member__name a {
color: var(--art-colors-heading);
}
.art-team-member__name a:hover {
color: var(--art-colors-link);
}
.art-team-member__role {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-team-member__role {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-team-member__icons {
margin-left: -10px;
margin-right: -10px;
font-size: 20px;
}
.art-team-member__icons > span {
margin: 10px 10px 0;
display: inline-block;
vertical-align: middle;
}
@media only screen and (min-width: 541px) {
.art-team-member-popup__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 1025px) {
.art-team-member-popup__container {
padding: 0 6%;
}
}
.art-team-member-popup__avatar img {
width: 100%;
}
@media only screen and (min-width: 541px) {
.art-team-member-popup__avatar {
width: 42.17%;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10%;
}
}
@media only screen and (max-width: 540px) {
.art-team-member-popup__avatar {
text-align: center;
margin-bottom: 45px;
}
}
.art-team-member-popup__content {
width: 100%;
}
.art-team-member-popup__name {
margin: 0;
}
* + .art-team-member-popup__role {
margin-top: 15px;
}
.art-team-member-popup__icons {
margin-top: -10px;
margin-left: -10px;
margin-right: -10px;
font-size: 20px;
}
* + .art-team-member-popup__icons {
margin-top: 3px;
}
.art-team-member-popup__icons > span {
margin: 10px 10px 0;
display: inline-block;
vertical-align: middle;
}
* + .art-team-member-popup__text {
margin-top: 30px;
}
.elementor-widget-art-testimonials-slider-boxed {
--art-testimonials-slider-boxed-content-alignment: left;
}
.art-testimonial-boxed {
text-align: var(--art-testimonials-slider-boxed-content-alignment);
background-color: var(--art-colors-second-bg);
padding: 40px;
}
.art-testimonial-boxed .art-testimonial__rating {
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
white-space: nowrap;
position: relative;
}
.art-testimonial-boxed .art-testimonial__rating span,
.art-testimonial-boxed .art-testimonial__rating svg {
display: block;
width: 1em;
height: 1em;
line-height: 1em;
}
.art-testimonial-boxed .art-testimonial__rating span + span {
margin-left: 7px;
}
.art-testimonial-boxed .art-testimonial__rating svg {
fill: var(--art-colors-bg);
stroke: var(--art-colors-link);
}
.art-testimonial-boxed .art-testimonial__text {
color: var(--art-colors-text);
}
.art-testimonial-boxed .art-testimonial__author-name {
margin-top: 20px;
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
color: var(--art-colors-heading);
}
@media only screen and (max-width: 767px) {
.art-testimonial-boxed .art-testimonial__author-name {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.elementor-widget-art-testimonials-slider-wide {
--art-testimonials-slider-wide-content-alignment: left;
}
.art-testimonial-wide {
text-align: var(--art-testimonials-slider-wide-content-alignment);
}
.art-testimonial-wide .art-testimonial__text {
font-family: var(--art-h3-font-family);
font-weight: var(--art-h3-font-weight);
font-style: var(--art-h3-font-style);
text-transform: var(--art-h3-text-transform);
-webkit-text-decoration: var(--art-h3-text-decoration);
text-decoration: var(--art-h3-text-decoration);
font-size: var(--art-h3-font-size);
line-height: var(--art-h3-line-height);
letter-spacing: var(--art-h3-letter-spacing);
color: var(--art-colors-text);
}
@media only screen and (max-width: 767px) {
.art-testimonial-wide .art-testimonial__text {
font-family: var(--art-h3-mobile-font-family);
font-weight: var(--art-h3-mobile-font-weight);
font-style: var(--art-h3-mobile-font-style);
text-transform: var(--art-h3-mobile-text-transform);
-webkit-text-decoration: var(--art-h3-mobile-text-decoration);
text-decoration: var(--art-h3-mobile-text-decoration);
font-size: var(--art-h3-mobile-font-size);
line-height: var(--art-h3-mobile-line-height);
letter-spacing: var(--art-h3-mobile-letter-spacing);
}
}
.art-testimonial-wide .art-testimonial__author-info {
margin-top: 60px;
}
.art-testimonial-wide .art-testimonial__avatar img {
width: 100px;
height: auto;
border-radius: 100px;
}
.art-testimonial-wide .art-testimonial__avatar + * {
margin-top: 26px;
}
.art-testimonial-wide .art-testimonial__author-name {
font-family: var(--art-h6-font-family);
font-weight: var(--art-h6-font-weight);
font-style: var(--art-h6-font-style);
text-transform: var(--art-h6-text-transform);
-webkit-text-decoration: var(--art-h6-text-decoration);
text-decoration: var(--art-h6-text-decoration);
font-size: var(--art-h6-font-size);
line-height: var(--art-h6-line-height);
letter-spacing: var(--art-h6-letter-spacing);
color: var(--art-colors-heading);
}
@media only screen and (max-width: 767px) {
.art-testimonial-wide .art-testimonial__author-name {
font-family: var(--art-h6-mobile-font-family);
font-weight: var(--art-h6-mobile-font-weight);
font-style: var(--art-h6-mobile-font-style);
text-transform: var(--art-h6-mobile-text-transform);
-webkit-text-decoration: var(--art-h6-mobile-text-decoration);
text-decoration: var(--art-h6-mobile-text-decoration);
font-size: var(--art-h6-mobile-font-size);
line-height: var(--art-h6-mobile-line-height);
letter-spacing: var(--art-h6-mobile-letter-spacing);
}
}
.art-testimonial-wide .art-testimonial__author-name + * {
margin-top: 8px;
}
.art-testimonial-wide .art-testimonial__author-role {
color: var(--art-colors-second-text);
}
.elementor-widget-art-typed-text {
--art-typed-text-alignment: left;
--art-typed-text-color: var(--art-colors-link);
}
.art-typed-text__wrapper {
text-align: var(--art-typed-text-alignment);
color: var(--art-typed-text-color);
}
.art-typed-text__text {
display: inline-block;
}   form.mc4wp-form.mc4wp-form-success .mc4wp-form-fields, form.mc4wp-form.mc4wp-form-error .mc4wp-form-fields {
display: none;
}
form.mc4wp-form .art-sub-inputs {
position: relative;
max-width: 420px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
form.mc4wp-form .art-sub-inputs input[type=email] {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
}
form.mc4wp-form .art-sub-inputs input[type=submit] {
margin: 0 0 0 20px;
}
form.mc4wp-form .mc4wp-response {
text-align: center;
}
.zoom-anim-dialog.art-popup-booked {
max-width: 555px;
min-height: 470px;
height: 100%;
padding: 60px 98px 30px 98px;
max-height: 760px;
overflow: auto;
}
.zoom-anim-dialog.art-popup-booked .booked-calendar-shortcode-wrap {
display: block;
width: 100%;
height: 100%;
} #sb_instagram #sbi_images {
padding: 0 !important;
}
#sb_instagram #sbi_images.art-big-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#sb_instagram #sbi_images.art-big-image .art-big-image {
width: 40%;
}
#sb_instagram #sbi_images.art-big-image .art-big-image .art-inst-item {
padding: 12px;
display: block;
}
#sb_instagram #sbi_images.art-big-image .art-other-images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 60%;
}
#sb_instagram #sbi_images.art-big-image .art-other-images .art-inst-item {
width: 33.3333333333%;
padding: 12px;
}
#sb_instagram #sbi_images .art-other-images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
#sb_instagram #sbi_images .art-other-images .art-inst-item {
width: 20%;
}
@media (max-width: 720px) {
#sb_instagram #sbi_images.art-big-image {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#sb_instagram #sbi_images.art-big-image .art-big-image {
width: 100%;
}
#sb_instagram #sbi_images.art-big-image .art-other-images {
width: 100%;
}
#sb_instagram #sbi_images.art-big-image .art-other-images .art-inst-item {
width: 50%;
}
#sb_instagram #sbi_images .art-other-images .art-inst-item {
width: 33.333333333%;
}
} .wpcf7 form.wpcf7-form span.wpcf7-not-valid-tip {
margin-top: 8px;
text-align: left;
font-size: 12px;
line-height: 17px;
color: #EA6956;
}
.wpcf7 form.wpcf7-form p {
margin-bottom: 20px;
}
.wpcf7 form.wpcf7-form p.wpcf7-form-control-wrap {
margin-bottom: 30px;
}
.wpcf7 form.wpcf7-form .two-fields-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.wpcf7 form.wpcf7-form .two-fields-row div {
padding: 0 10px;
}
.wpcf7 form.wpcf7-form .three-fields-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px 10px -10px;
}
.wpcf7 form.wpcf7-form .three-fields-row div {
padding: 0 10px;
}
.wpcf7 form.wpcf7-form .art-textarea-224 textarea {
height: 224px;
}
.wpcf7 form.wpcf7-form textarea {
width: 100%;
height: 160px;
}
.wpcf7 form.wpcf7-form .field-to-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.wpcf7 form.wpcf7-form .field-to-right .ajax-loader {
display: none;
} .art-no-other-posts {
width: 100%;
padding: 0 15px;
text-align: center;
margin-top: 50px;
}
.art-categories-dropdown {
outline: none;
border-width: 2px;
border-style: solid;
border-color: var(--art-colors-bd);
color: var(--art-colors-text);
background-color: transparent;
background-image: none;
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
width: 100%;
max-width: 100%;
height: auto;
vertical-align: middle;
text-shadow: none;
padding: 12px 15px;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
background-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/images/chevron-bottom-16.svg);
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-position: calc(100% - 12px) center;
padding-right: 30px;
list-style: none;
width: 100%;
max-width: 360px;
margin: 0;
position: relative;
cursor: pointer;
}
.art-second-color-scheme .art-categories-dropdown {
border-color: var(--art-bg-bd);
}
.art-second-color-scheme .art-categories-dropdown {
color: var(--art-bg-text);
}
@media only screen and (max-width: 767px) {
.art-categories-dropdown {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-categories-dropdown::-webkit-input-placeholder {
color: var(--art-colors-text);
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.art-second-color-scheme .art-categories-dropdown::-webkit-input-placeholder {
color: var(--art-bg-text);
}
.art-categories-dropdown::-moz-placeholder {
color: var(--art-colors-text);
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.art-second-color-scheme .art-categories-dropdown::-moz-placeholder {
color: var(--art-bg-text);
}
.art-categories-dropdown::-ms-input-placeholder {
color: var(--art-colors-text);
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.art-second-color-scheme .art-categories-dropdown::-ms-input-placeholder {
color: var(--art-bg-text);
}
.art-categories-dropdown:focus {
color: var(--art-colors-text);
border-color: var(--art-colors-link);
}
.art-second-color-scheme .art-categories-dropdown:focus {
color: var(--art-bg-text);
}
.art-second-color-scheme .art-categories-dropdown:focus {
border-color: var(--art-bg-link);
}
.art-categories-dropdown:focus::-webkit-input-placeholder {
color: transparent;
}
.art-categories-dropdown:focus::-moz-placeholder {
color: transparent;
}
.art-categories-dropdown:focus {
background-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/images/chevron-top-16.svg);
}
.art-categories-dropdown.art-cat-open {
color: var(--art-colors-text);
border-color: var(--art-colors-link);
background-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/images/chevron-top-16.svg);
}
.art-second-color-scheme .art-categories-dropdown.art-cat-open {
color: var(--art-bg-text);
}
.art-second-color-scheme .art-categories-dropdown.art-cat-open {
border-color: var(--art-bg-link);
}
.art-categories-dropdown.art-cat-open ul {
display: block;
}
.art-categories-dropdown li {
margin: 0;
}
.art-categories-dropdown ul {
list-style: none;
background-color: var(--art-colors-third-bg);
border-left-width: 2px;
border-left-style: solid;
border-right-width: 2px;
border-right-style: solid;
border-bottom-width: 2px;
border-bottom-style: solid;
border-color: var(--art-colors-link);
display: none;
width: calc(100% + 4px);
max-height: 252px;
margin-left: -2px;
padding: 10px 0;
position: absolute;
top: 100%;
left: 0;
z-index: 9;
overflow-y: auto;
overflow-x: hidden;
}
.art-second-color-scheme .art-categories-dropdown ul {
background-color: var(--art-bg-third-bg);
}
.art-second-color-scheme .art-categories-dropdown ul {
border-color: var(--art-bg-link);
}
.art-categories-dropdown ul li {
margin-top: 10px;
}
.art-categories-dropdown ul li:first-child {
margin-top: 0;
}
.art-categories-dropdown ul a {
color: var(--art-colors-text);
display: block;
width: 100%;
padding: 0 15px;
}
.art-second-color-scheme .art-categories-dropdown ul a {
color: var(--art-bg-text);
}
.art-categories-dropdown ul a:hover {
color: var(--art-colors-link);
}
.art-second-color-scheme .art-categories-dropdown ul a:hover {
color: var(--art-bg-link);
}
.art-search-blog-button i {
color: var(--art-colors-heading);
font-size: 24px;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.art-second-color-scheme .art-search-blog-button i {
color: var(--art-bg-heading);
}
.art-search-blog-button:hover i {
color: var(--art-colors-link);
}
.art-second-color-scheme .art-search-blog-button:hover i {
color: var(--art-bg-link);
} .art-blog-cats .art-categories-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
}
.art-blog-cats .art-categories-wrapper > * + * {
margin-left: 20px;
}
.art-blog-cats .art-categories-wrapper.art-categories-type-list {
margin-bottom: 50px;
}
.art-blog-cats .art-categories-wrapper .art-categories {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -20px -20px;
}
@media only screen and (max-width: 767px) {
.art-blog-cats .art-categories-wrapper .art-categories {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
@media only screen and (max-width: 767px) {
.art-blog-cats .art-categories-wrapper .art-categories {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.art-blog-cats .art-categories-wrapper .art-categories li {
margin: 0 20px 20px;
}
.art-blog-cats .art-categories-wrapper .art-categories li a {
color: var(--art-colors-text);
display: inline-block;
}
.art-second-color-scheme .art-blog-cats .art-categories-wrapper .art-categories li a {
color: var(--art-bg-text);
}
.art-blog-cats .art-categories-wrapper .art-categories li a:hover, .art-blog-cats .art-categories-wrapper .art-categories li.current_item a {
position: relative;
}
.art-blog-cats .art-categories-wrapper .art-categories li a:hover:before, .art-blog-cats .art-categories-wrapper .art-categories li.current_item a:before {
content: "";
position: absolute;
bottom: -7px;
left: 0;
height: 2px;
width: 100%;
background-color: var(--art-colors-text);
}
.art-second-color-scheme .art-blog-cats .art-categories-wrapper .art-categories li a:hover:before, .art-second-color-scheme .art-blog-cats .art-categories-wrapper .art-categories li.current_item a:before {
background-color: var(--art-bg-text);
}
.art-post-cat-date {
color: var(--art-colors-second-text);
}
.art-post-cat-date a {
color: var(--art-colors-second-text);
}
.art-post-cat-date a:hover {
color: var(--art-colors-link);
}
.art-post-cat-date > div {
display: inline;
}
.art-post-cat-date > div + div:before {
content: "\e800";
font-family: "magnetique";
padding: 0 6px;
} .art-blog-default-top {
margin-bottom: 80px;
position: relative;
}
.art-blog-default-top .art-post-cat-date {
margin-bottom: 16px;
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-blog-default-top .art-post-cat-date {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-blog-default-top .art-post-title {
margin: 0;
font-family: var(--art-h1-font-family);
font-weight: var(--art-h1-font-weight);
font-style: var(--art-h1-font-style);
text-transform: var(--art-h1-text-transform);
-webkit-text-decoration: var(--art-h1-text-decoration);
text-decoration: var(--art-h1-text-decoration);
font-size: var(--art-h1-font-size);
line-height: var(--art-h1-line-height);
letter-spacing: var(--art-h1-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-blog-default-top .art-post-title {
font-family: var(--art-h1-mobile-font-family);
font-weight: var(--art-h1-mobile-font-weight);
font-style: var(--art-h1-mobile-font-style);
text-transform: var(--art-h1-mobile-text-transform);
-webkit-text-decoration: var(--art-h1-mobile-text-decoration);
text-decoration: var(--art-h1-mobile-text-decoration);
font-size: var(--art-h1-mobile-font-size);
line-height: var(--art-h1-mobile-line-height);
letter-spacing: var(--art-h1-mobile-letter-spacing);
}
}
.art-blog-default-top .art-post-excerpt {
margin-top: 20px;
}
.art-blog-default-top .art-post-read-more {
margin-top: 40px;
}
.art-blog-posts-default {
padding-bottom: 100px;
--art-posts-columns: 4;
--art-posts-columns-gap: 30px;
--art-posts-rows-gap: 50px;
}
@media only screen and (max-width: 1024px) {
.art-blog-posts-default {
--art-posts-columns: 3;
--art-posts-rows-gap: 30px;
}
}
@media only screen and (max-width: 767px) {
.art-blog-posts-default {
--art-posts-columns: 1;
padding-bottom: 50px;
}
}
.elementor-widget-art-posts {
--art-posts-columns: 2;
--art-posts-columns-gap: 30px;
--art-posts-rows-gap: 50px;
}
@media only screen and (max-width: 1024px) {
.elementor-widget-art-posts {
--art-posts-columns: 2;
--art-posts-rows-gap: 30px;
}
}
@media only screen and (max-width: 767px) {
.elementor-widget-art-posts {
--art-posts-columns: 1;
}
}
@media only screen and (max-width: 450px) {
.art-form-line {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.art-form-line div {
margin-left: 0;
}
.art-form-line div button {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.art-form-line div {
-webkit-box-flex: unset;
-ms-flex-positive: unset;
flex-grow: unset;
}
}
.art-blog-posts-grid {
display: grid;
grid-template-columns: repeat(var(--art-posts-columns), minmax(10px, 1fr));
grid-column-gap: var(--art-posts-columns-gap);
grid-row-gap: var(--art-posts-rows-gap);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.art-blog-post .art-post-image {
margin-bottom: 22px;
}
.art-blog-post .art-post-image img {
width: 100%;
}
.art-blog-post .art-post-cat-date {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.art-blog-post .art-post-cat-date {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-blog-post .art-post-title {
margin: 0;
}
.art-blog-post-second .art-post-image img {
width: 100%;
}
.art-blog-post-second .art-blog-post-second__content {
background-color: var(--art-colors-bg);
padding: 24px;
}
.art-blog-post-second .art-post-cats {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
color: var(--art-colors-link);
margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
.art-blog-post-second .art-post-cats {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-blog-post-second .art-post-cats a {
color: var(--art-colors-link);
}
.art-blog-post-second .art-post-cats a:hover {
color: var(--art-colors-hover);
}
.art-blog-post-second .art-post-title {
margin: 0;
}
.art-blog-post-second .art-post-read-more {
margin-top: 32px;
}
.art-blog-typical {
padding-top: 80px;
padding-bottom: 90px;
}
@media only screen and (max-width: 767px) {
.art-blog-typical {
padding-bottom: 50px;
}
}
.art-headline + .art-blog-typical {
padding-top: 0;
}
.art-blog-widget-area {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 60px;
margin-top: 60px;
}
@media only screen and (min-width: 768px) {
.art-blog-widget-area {
border-top: 0;
padding-top: 0;
padding-left: 20px;
margin-top: 0;
}
}
.art-posts-typical {
margin-bottom: 40px;
}
.art-post-typical {
margin-top: 80px;
}
.art-post-typical.sticky, .art-post-typical.sticky:first-child {
padding: 40px;
background-color: var(--art-colors-second-bg);
}
.art-post-typical:first-child {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.art-post-typical .art-post-image {
margin-bottom: 30px;
}
.art-post-typical .art-post-image img {
max-width: 100%;
}
.art-post-typical .art-post-cat-date {
margin-bottom: 10px;
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
.art-post-typical .art-post-title {
margin: 0;
}
.art-post-typical .art-post-excerpt {
margin-top: 20px;
}
.art-post-typical .art-post-read-more {
margin-top: 30px;
}
.art-single-wrapper {
outline: none;
}
.art-single-top {
min-height: 665px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 991px) {
.art-single-top {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.art-single-top.art-single-post-no-image {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 991px) {
.art-single-top.art-single-post-no-image {
min-height: 480px;
}
}
.art-single-top .art-single-top__start-col {
position: relative;
width: 50%;
}
@media only screen and (max-width: 991px) {
.art-single-top .art-single-top__start-col {
width: 100%;
min-height: 500px;
}
}
.art-single-top .art-single-top__start-col .art-blog-top-image {
height: 100%;
background-size: cover;
background-position: center center;
}
.art-single-top .art-single-top__end-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50%;
background-color: var(--art-colors-second-bg);
}
.art-second-color-scheme .art-single-top .art-single-top__end-col {
background-color: var(--art-bg-second-bg);
}
@media only screen and (max-width: 991px) {
.art-single-top .art-single-top__end-col {
width: 100%;
}
}
.art-single-top .art-single-top__end-col .art-single-top__end-col-data {
padding: 30px 113px;
width: 100%;
}
@media only screen and (max-width: 1199px) {
.art-single-top .art-single-top__end-col .art-single-top__end-col-data {
padding-left: 50px;
padding-right: 50px;
}
}
.art-single-top .art-post-cat-date {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
.art-single-top .art-post-cat-date {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-single-top .art-post-title {
margin: 0;
}
.art-single-top .art-post-author {
font-family: var(--art-h6-font-family);
font-weight: var(--art-h6-font-weight);
font-style: var(--art-h6-font-style);
text-transform: var(--art-h6-text-transform);
-webkit-text-decoration: var(--art-h6-text-decoration);
text-decoration: var(--art-h6-text-decoration);
font-size: var(--art-h6-font-size);
line-height: var(--art-h6-line-height);
letter-spacing: var(--art-h6-letter-spacing);
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.art-single-top .art-post-author {
font-family: var(--art-h6-mobile-font-family);
font-weight: var(--art-h6-mobile-font-weight);
font-style: var(--art-h6-mobile-font-style);
text-transform: var(--art-h6-mobile-text-transform);
-webkit-text-decoration: var(--art-h6-mobile-text-decoration);
text-decoration: var(--art-h6-mobile-text-decoration);
font-size: var(--art-h6-mobile-font-size);
line-height: var(--art-h6-mobile-line-height);
letter-spacing: var(--art-h6-mobile-letter-spacing);
}
}
.art-single-top .art-post-author a {
color: var(--art-colors-heading);
}
.art-single-top .art-post-author a:hover {
color: var(--art-colors-link);
} .art-post-content-wrapper {
padding-top: 80px;
padding-bottom: 110px;
}
@media only screen and (max-width: 991px) {
.art-post-content-wrapper {
padding-top: 50px;
padding-bottom: 50px;
}
}
.art-post-the-content {
width: 750px;
max-width: 100%;
margin: 0 auto;
}
.art-post-the-content:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
}
.art-post-the-content + div {
margin-top: 80px;
}
@media only screen and (max-width: 767px) {
.art-post-the-content + div {
margin-top: 50px;
}
}
.art-single-post-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.art-single-post-tags-title {
margin: 0 0 30px;
}
.tagcloud,
.art-post-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -12px -7px 0;
}
.tagcloud a,
.art-post-tags a {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
color: var(--art-colors-bg);
background-color: var(--art-colors-fourth-bg);
margin: 12px 7px 0;
padding: 3px 12px;
-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
line-height: 26px !important;
}
@media only screen and (max-width: 767px) {
.tagcloud a,
.art-post-tags a {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-second-color-scheme .tagcloud a,
.art-second-color-scheme .art-post-tags a {
color: var(--art-bg-bg);
}
.art-second-color-scheme .tagcloud a,
.art-second-color-scheme .art-post-tags a {
background-color: var(--art-bg-fourth-bg);
}
.tagcloud a:hover,
.art-post-tags a:hover {
background-color: var(--art-colors-bg);
color: var(--art-colors-fourth-bg);
}
.art-second-color-scheme .tagcloud a:hover,
.art-second-color-scheme .art-post-tags a:hover {
background-color: var(--art-bg-bg);
}
.art-second-color-scheme .tagcloud a:hover,
.art-second-color-scheme .art-post-tags a:hover {
color: var(--art-bg-fourth-bg);
}
.art-single-post-share {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 80px;
}
@media only screen and (max-width: 767px) {
.art-single-post-share {
margin-top: 40px;
}
}
.art-single-post-share-title {
margin: 0 0 21px;
}
.art-single-post-share .art-social-share-buttons {
font-size: 25px;
}
.art-single-post-share .art-social-share-buttons a {
margin: 0 10px;
}
.art-single-navigation {
padding: 100px 0;
}
@media only screen and (max-width: 991px) {
.art-single-navigation {
padding-top: 30px;
padding-bottom: 30px;
}
}
.art-single-navigation .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 991px) {
.art-single-navigation .nav-links {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.art-single-navigation .nav-links > div {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50%;
position: relative;
}
@media only screen and (max-width: 991px) {
.art-single-navigation .nav-links > div {
width: 100%;
}
}
.art-single-navigation .nav-links > div + div {
padding-left: 20px;
}
@media only screen and (max-width: 991px) {
.art-single-navigation .nav-links > div + div {
margin-top: 30px;
padding-top: 30px;
padding-left: 0;
}
.art-single-navigation .nav-links > div + div:before {
content: "";
background-color: rgba(0, 0, 0, 0.1);
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
height: 1px;
position: absolute;
left: 0;
top: 0;
}
}
.art-single-navigation .nav-links .nav-next {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.art-single-navigation .nav-links .post-nav-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.art-single-navigation .nav-links .post-nav-item.post-nav-next {
text-align: end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.art-single-navigation .nav-links .post-nav-item > div + div {
margin-left: 20px;
}
.art-single-navigation .nav-links .nav-image {
width: 100px;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-item-align: start;
align-self: flex-start;
}
.art-single-navigation .nav-links .nav-image img {
width: 100%;
max-width: 100%;
height: auto;
}
.art-single-navigation .nav-links .nav-data > span {
display: block;
}
.art-single-navigation .nav-links .post-nav-item-descr {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
color: var(--art-colors-second-text);
margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
.art-single-navigation .nav-links .post-nav-item-descr {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-single-navigation .nav-links .post-nav-item-title {
font-family: var(--art-h6-font-family);
font-weight: var(--art-h6-font-weight);
font-style: var(--art-h6-font-style);
text-transform: var(--art-h6-text-transform);
-webkit-text-decoration: var(--art-h6-text-decoration);
text-decoration: var(--art-h6-text-decoration);
font-size: var(--art-h6-font-size);
line-height: var(--art-h6-line-height);
letter-spacing: var(--art-h6-letter-spacing);
color: var(--art-colors-heading);
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
@media only screen and (max-width: 767px) {
.art-single-navigation .nav-links .post-nav-item-title {
font-family: var(--art-h6-mobile-font-family);
font-weight: var(--art-h6-mobile-font-weight);
font-style: var(--art-h6-mobile-font-style);
text-transform: var(--art-h6-mobile-text-transform);
-webkit-text-decoration: var(--art-h6-mobile-text-decoration);
text-decoration: var(--art-h6-mobile-text-decoration);
font-size: var(--art-h6-mobile-font-size);
line-height: var(--art-h6-mobile-line-height);
letter-spacing: var(--art-h6-mobile-letter-spacing);
}
}
.art-single-navigation .nav-links a:hover .post-nav-item-title {
color: var(--art-colors-link);
}
.art-related-posts {
--art-posts-columns: 4;
--art-posts-columns-gap: 30px;
--art-posts-rows-gap: 50px;
}
@media only screen and (max-width: 1024px) {
.art-related-posts {
--art-posts-columns: 3;
--art-posts-rows-gap: 30px;
}
}
@media only screen and (max-width: 767px) {
.art-related-posts {
--art-posts-columns: 1;
}
}
.art-related-posts-title {
text-align: center;
margin-bottom: 50px;
}
.art-related-posts-container {
display: grid;
grid-template-columns: repeat(var(--art-posts-columns), minmax(10px, 1fr));
grid-column-gap: var(--art-posts-columns-gap);
grid-row-gap: var(--art-posts-rows-gap);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.art-related-post .art-post-image {
margin-bottom: 22px;
}
.art-related-post .art-post-cat-date {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
margin-bottom: 7px;
}
@media only screen and (max-width: 767px) {
.art-related-post .art-post-cat-date {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-related-post .art-post-title {
margin: 0;
} .art-single-post-comments {
margin-top: 110px;
}
.art-page-content + .art-single-post-comments {
margin-top: 0;
padding-bottom: 80px;
}
.art-comments-area .comments-title {
font-family: var(--art-h5-font-family);
font-weight: var(--art-h5-font-weight);
font-style: var(--art-h5-font-style);
text-transform: var(--art-h5-text-transform);
-webkit-text-decoration: var(--art-h5-text-decoration);
text-decoration: var(--art-h5-text-decoration);
font-size: var(--art-h5-font-size);
line-height: var(--art-h5-line-height);
letter-spacing: var(--art-h5-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-comments-area .comments-title {
font-family: var(--art-h5-mobile-font-family);
font-weight: var(--art-h5-mobile-font-weight);
font-style: var(--art-h5-mobile-font-style);
text-transform: var(--art-h5-mobile-text-transform);
-webkit-text-decoration: var(--art-h5-mobile-text-decoration);
text-decoration: var(--art-h5-mobile-text-decoration);
font-size: var(--art-h5-mobile-font-size);
line-height: var(--art-h5-mobile-line-height);
letter-spacing: var(--art-h5-mobile-letter-spacing);
}
}
.art-comments-area .comment-list {
list-style: none;
margin: 40px 0 0;
}
.art-comments-area .comment-list > .comment:first-child,
.art-comments-area .comment-list > .trackback:first-child,
.art-comments-area .comment-list > .pingback:first-child {
border-top: 0;
margin-top: 0;
padding-top: 0;
}
.art-comments-area .children {
list-style: none;
margin: 0;
padding-left: 84px;
}
@media only screen and (max-width: 767px) {
.art-comments-area .children {
padding-left: 20px;
}
}
.art-comments-area .comment,
.art-comments-area .trackback,
.art-comments-area .pingback {
margin: 38px 0 0;
padding: 30px 0 0;
}
.art-comments-area .comment-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.art-comments-area .comment-author {
width: 60px;
margin-right: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.art-comments-area .comment-author img {
border-radius: 100px;
}
.art-comments-area .comment-itself {
width: 100%;
}
.art-comments-area .comment-meta {
margin-bottom: 18px;
}
.art-comments-area .info-meta-top {
margin-bottom: 8px;
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-comments-area .info-meta-top {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-comments-area .info-meta-top a {
color: var(--art-colors-heading);
}
.art-comments-area .info-meta-top a:hover {
color: var(--art-colors-link);
}
.art-comments-area .comment-date {
color: var(--art-colors-text);
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-comments-area .comment-date {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-comments-area .comment-text {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
height: auto;
}
@media only screen and (max-width: 767px) {
.art-comments-area .comment-text {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-comments-area .reply {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
margin-top: 16px;
border-bottom: 2px solid;
display: inline-block;
padding-bottom: 5px;
}
@media only screen and (max-width: 767px) {
.art-comments-area .reply {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-comments-area .no-comments {
margin-top: 50px;
}
.art-comments-area .comment-navigation {
margin: 30px 0;
}
.art-comments-area .comment-navigation .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.art-comments-area .comment-navigation .nav-links > div {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.art-comments-area .comment-navigation .nav-links > div + div {
padding-left: 20px;
}
.art-comments-area .comment-navigation .nav-links > div.nav-next {
text-align: right;
}
.art-comments-area .comment-navigation .nav-links a {
color: var(--art-colors-second-text);
}
.art-comments-area .comment-navigation .nav-links a:hover {
color: var(--art-colors-link);
}
.comment-list + .comment-respond {
margin-top: 60px;
}
.comment > .comment-respond {
margin-top: 35px;
}
.comment-respond .comment-reply-title {
font-family: var(--art-h5-font-family);
font-weight: var(--art-h5-font-weight);
font-style: var(--art-h5-font-style);
text-transform: var(--art-h5-text-transform);
-webkit-text-decoration: var(--art-h5-text-decoration);
text-decoration: var(--art-h5-text-decoration);
font-size: var(--art-h5-font-size);
line-height: var(--art-h5-line-height);
letter-spacing: var(--art-h5-letter-spacing);
margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
.comment-respond .comment-reply-title {
font-family: var(--art-h5-mobile-font-family);
font-weight: var(--art-h5-mobile-font-weight);
font-style: var(--art-h5-mobile-font-style);
text-transform: var(--art-h5-mobile-text-transform);
-webkit-text-decoration: var(--art-h5-mobile-text-decoration);
text-decoration: var(--art-h5-mobile-text-decoration);
font-size: var(--art-h5-mobile-font-size);
line-height: var(--art-h5-mobile-line-height);
letter-spacing: var(--art-h5-mobile-letter-spacing);
}
}
.comment-respond .comment-reply-title small {
margin-left: 20px;
}
.comment-respond form.comment-form {
margin: 0 -15px;
}
.comment-respond form.comment-form:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
}
.comment-respond form.comment-form .art-line-fields p {
padding: 0 15px;
}
.comment-respond form.comment-form label {
margin-bottom: 9px;
}
.comment-respond form.comment-form > p {
width: 100%;
padding: 0 15px;
margin: 0 0 30px;
}
.comment-respond form.comment-form > p:last-child {
margin-bottom: 0;
}
.comment-respond form.comment-form .logged-in-as,
.comment-respond form.comment-form .comment-notes {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.comment-respond form.comment-form .logged-in-as,
.comment-respond form.comment-form .comment-notes {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.comment-respond form.comment-form .logged-in-as,
.comment-respond form.comment-form .logged-in-as a,
.comment-respond form.comment-form .comment-notes,
.comment-respond form.comment-form .comment-notes a {
color: var(--art-colors-second-text);
}
.comment-respond form.comment-form .logged-in-as a:hover,
.comment-respond form.comment-form .comment-notes a:hover {
color: var(--art-colors-link);
}
@media only screen and (min-width: 768px) {
.comment-respond form.comment-form .comment-form-author,
.comment-respond form.comment-form .comment-form-email,
.comment-respond form.comment-form .comment-form-url {
float: left;
width: 33.33%;
}
}
.comment-respond form.comment-form .comment-form-comment textarea {
height: 240px;
width: 100%;
}
.comment-respond form.comment-form .comment-form-cookies-consent {
display: none;
}
.comment-respond form.comment-form .form-submit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 0;
} .art-single-podcast-post .art-single-podcast-top {
min-height: 665px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: var(--art-colors-second-bg);
}
@media only screen and (max-width: 991px) {
.art-single-podcast-post .art-single-podcast-top {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.art-single-podcast-post .art-single-podcast-top.art-single-post-no-image {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 991px) {
.art-single-podcast-post .art-single-podcast-top.art-single-post-no-image {
min-height: 480px;
}
}
.art-single-podcast-post .art-single-podcast-top .art-single-top__start-col {
position: relative;
width: 50%;
}
@media only screen and (max-width: 991px) {
.art-single-podcast-post .art-single-podcast-top .art-single-top__start-col {
width: 100%;
min-height: 500px;
}
}
.art-single-podcast-post .art-single-podcast-top .art-single-top__start-col .art-blog-top-image {
height: 100%;
background-size: cover;
background-position: center center;
}
.art-single-podcast-post .art-single-podcast-top .art-single-top__end-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 80%;
}
@media only screen and (max-width: 991px) {
.art-single-podcast-post .art-single-podcast-top .art-single-top__end-col {
width: 100%;
}
}
.art-single-podcast-post .art-single-podcast-top .art-single-top__end-col .art-single-top__end-col-data {
padding: 30px 113px;
width: 100%;
}
@media only screen and (max-width: 1199px) {
.art-single-podcast-post .art-single-podcast-top .art-single-top__end-col .art-single-top__end-col-data {
padding-left: 50px;
padding-right: 50px;
}
}
@media only screen and (max-width: 540px) {
.art-single-podcast-post .art-single-podcast-top .art-single-top__end-col .art-single-top__end-col-data {
padding-left: 20px;
padding-right: 20px;
}
}
.art-single-podcast-post .art-single-podcast-top .art-post-cat-date {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
margin-bottom: 12px;
}
.art-single-podcast-post .art-single-podcast-top .art-post-cat-date .art-post-date svg {
position: relative;
left: -7px;
bottom: 1px;
}
.art-single-podcast-post .art-single-podcast-top .art-post-title {
margin: 0;
}
.art-single-podcast-post .art-single-podcast-top .art-post-author {
margin-top: 30px;
}
.art-single-podcast-post .art-single-podcast-top .art-post-author a {
color: var(--art-colors-heading);
}
.art-single-podcast-post .art-single-podcast-top .art-post-author a:hover {
color: var(--art-colors-link);
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper {
position: relative;
padding-top: 229px;
}
@media only screen and (max-width: 767px) {
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper {
padding-top: 130px;
}
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player {
max-width: 1140px;
width: 100%;
position: absolute;
top: -141px;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
}
@media only screen and (max-width: 991px) {
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player {
top: -96px;
}
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .subscribe-icons span,
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .share-icon span,
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player-btn__volume,
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player-btn__rwd,
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player-btn__fwd {
background-color: var(--art-colors-bg);
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player {
height: auto;
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main {
background-color: var(--art-colors-fourth-bg);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__artwork {
height: 100%;
min-width: 282px;
padding: 66px;
background-color: var(--art-colors-bg);
}
@media only screen and (max-width: 768px) {
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__artwork {
min-width: 150px;
padding: 0;
}
}
@media only screen and (max-width: 480px) {
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__artwork {
display: none;
}
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__artwork img {
height: 100%;
width: 306px;
}
@media only screen and (max-width: 768px) {
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__artwork img {
width: 100%;
margin: 0;
}
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body {
padding: 50px;
width: 100%;
}
@media only screen and (max-width: 900px) {
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body {
padding: 38px 20px 38px 20px;
}
}
@media only screen and (max-width: 768px) {
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body {
padding: 0;
}
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .currently-playing {
margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .currently-playing {
display: none;
}
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .currently-playing .show.player__podcast-title {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
color: var(--art-colors-bg);
opacity: 1;
}
@media only screen and (max-width: 767px) {
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .currently-playing .show.player__podcast-title {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-second-color-scheme .art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .currently-playing .show.player__podcast-title {
color: var(--art-bg-bg);
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .currently-playing .episode-title.player__episode-title {
font-family: var(--art-h5-font-family);
font-weight: var(--art-h5-font-weight);
font-style: var(--art-h5-font-style);
text-transform: var(--art-h5-text-transform);
-webkit-text-decoration: var(--art-h5-text-decoration);
text-decoration: var(--art-h5-text-decoration);
font-size: var(--art-h5-font-size);
line-height: var(--art-h5-line-height);
letter-spacing: var(--art-h5-letter-spacing);
color: var(--art-colors-heading);
}
@media only screen and (max-width: 767px) {
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .currently-playing .episode-title.player__episode-title {
font-family: var(--art-h5-mobile-font-family);
font-weight: var(--art-h5-mobile-font-weight);
font-style: var(--art-h5-mobile-font-style);
text-transform: var(--art-h5-mobile-text-transform);
-webkit-text-decoration: var(--art-h5-mobile-text-decoration);
text-decoration: var(--art-h5-mobile-text-decoration);
font-size: var(--art-h5-mobile-font-size);
line-height: var(--art-h5-mobile-line-height);
letter-spacing: var(--art-h5-mobile-letter-spacing);
}
}
.art-second-color-scheme .art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .currently-playing .episode-title.player__episode-title {
color: var(--art-bg-heading);
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress {
grid-template-columns: 74px 1fr;
}
@media only screen and (max-width: 768px) {
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress {
grid-template-columns: 1fr;
gap: 0 0;
margin-left: 10px;
}
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .play-pause-controls {
width: 74px;
height: 74px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--art-colors-bg);
}
@media only screen and (max-width: 768px) {
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .play-pause-controls {
margin-top: 8px;
}
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .play-pause-controls .play-btn {
background: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/images/player/play-btn.svg);
background-repeat: no-repeat;
background-position: 32px 26px;
mask-position: 29px 24px !important;
-webkit-mask-position: 29px 24px !important;
background-color: #fff;
width: 74px;
height: 74px;
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .play-pause-controls .pause-btn {
background-color: transparent;
background: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/images/player/ic-pause.svg);
background-repeat: no-repeat;
background-position: 33px 30px;
width: 74px;
height: 74px;
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .play-pause-controls .ssp-loader {
display: none;
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .ssp-progress {
height: 2px;
background-color: #fff;
margin-top: 35px;
}
@media only screen and (max-width: 768px) {
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .ssp-progress {
margin-top: 13px;
}
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .ssp-progress .progress__filled {
background-color: var(--art-colors-bg);
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .ssp-playback .playback__controls button {
opacity: 1;
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .ssp-playback .playback__controls .player-btn__volume {
-webkit-mask-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/images/player/play_on.svg);
mask-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/images/player/play_on.svg);
}
@media only screen and (max-width: 900px) {
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .ssp-playback .playback__controls .player-btn__volume {
padding: 13px 20px 13px 40px;
}
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .ssp-playback .playback__controls .player-btn__volume.off {
-webkit-mask-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/images/player/sound-off.svg);
mask-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/images/player/sound-off.svg);
background-color: var(--art-colors-bg) !important;
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .ssp-playback .playback__controls .player-btn__rwd {
-webkit-mask-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/images/player/arrow_left.svg);
mask-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/images/player/arrow_left.svg);
padding: 13px 15px;
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .ssp-playback .playback__controls .player-btn__speed {
width: auto;
margin-right: 12px;
border: 1px solid #4b4659 !important;
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .ssp-playback .playback__controls .player-btn__fwd {
-webkit-mask-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/images/player/arrow_right.svg);
mask-image: url(//smind2022.tw/wp-content/themes/magnetique/assets/css/images/player/arrow_right.svg);
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .ssp-playback .playback__timers {
opacity: 1 !important;
line-height: 26.28px;
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .ssp-playback .playback__timers time, .art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .play-progress .ssp-playback .playback__timers span {
font-family: var(--art-body-five-font-family);
font-weight: var(--art-body-five-font-weight);
font-style: var(--art-body-five-font-style);
text-transform: var(--art-body-five-text-transform);
-webkit-text-decoration: var(--art-body-five-text-decoration);
text-decoration: var(--art-body-five-text-decoration);
font-size: var(--art-body-five-font-size);
line-height: var(--art-body-five-line-height);
letter-spacing: var(--art-body-five-letter-spacing);
opacity: 1 !important;
color: #000;
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .castos-player.light-mode .player .player__main .player__body .player-panels-nav {
display: none;
}
.art-single-podcast-post .art-post-content-wrapper.art-podcast-content-wrapper .art-post-the-content .podcast_player .podcast_meta {
display: none;
}
.play-pause-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} .learn-press-breadcrumb, #learn-press-course .course-meta {
display: none;
}
.single-event-content-wrapper .course-summary-sidebar,
.lp-archive-courses .course-summary .course-summary-content .course-detail-info {
display: none !important;
}
#learn-press-course {
margin-bottom: 40px;
}
body.single-lp_course .origin-price {
text-decoration: line-through;
margin-right: 8px;
}
body.single-lp_course .course-tab-panel .lp-course-author .author-description {
color: var(--art-colors-text);
font-family: var(--art-body-font-family);
font-weight: var(--art-body-font-weight);
font-style: var(--art-body-font-style);
text-transform: var(--art-body-text-transform);
-webkit-text-decoration: var(--art-body-text-decoration);
text-decoration: var(--art-body-text-decoration);
font-size: var(--art-body-font-size);
line-height: var(--art-body-line-height);
letter-spacing: var(--art-body-letter-spacing);
}
@media only screen and (max-width: 767px) {
body.single-lp_course .course-tab-panel .lp-course-author .author-description {
font-family: var(--art-body-mobile-font-family);
font-weight: var(--art-body-mobile-font-weight);
font-style: var(--art-body-mobile-font-style);
text-transform: var(--art-body-mobile-text-transform);
-webkit-text-decoration: var(--art-body-mobile-text-decoration);
text-decoration: var(--art-body-mobile-text-decoration);
font-size: var(--art-body-mobile-font-size);
line-height: var(--art-body-mobile-line-height);
letter-spacing: var(--art-body-mobile-letter-spacing);
}
}
body.single-lp_course .lp-entry-content.lp-content-area .course-tab-panel .course-description {
color: var(--art-colors-text);
font-family: var(--art-body-font-family);
font-weight: var(--art-body-font-weight);
font-style: var(--art-body-font-style);
text-transform: var(--art-body-text-transform);
-webkit-text-decoration: var(--art-body-text-decoration);
text-decoration: var(--art-body-text-decoration);
font-size: var(--art-body-font-size);
line-height: var(--art-body-line-height);
letter-spacing: var(--art-body-letter-spacing);
}
@media only screen and (max-width: 767px) {
body.single-lp_course .lp-entry-content.lp-content-area .course-tab-panel .course-description {
font-family: var(--art-body-mobile-font-family);
font-weight: var(--art-body-mobile-font-weight);
font-style: var(--art-body-mobile-font-style);
text-transform: var(--art-body-mobile-text-transform);
-webkit-text-decoration: var(--art-body-mobile-text-decoration);
text-decoration: var(--art-body-mobile-text-decoration);
font-size: var(--art-body-mobile-font-size);
line-height: var(--art-body-mobile-line-height);
letter-spacing: var(--art-body-mobile-letter-spacing);
}
}
body.single-lp_course .comment-respond .comment-form input[type=text],
body.single-lp_course .comment-respond .comment-form input[type=email],
body.single-lp_course .comment-respond .comment-form input[type=url] {
margin-bottom: 0;
}
body.single-lp_course .comment-respond .comment-form > div.art-line-fields {
padding: 0;
margin: 0;
}
body.single-lp_course .comment-respond .comment-form > div.art-line-fields p {
margin: 0 0 1.5rem;
}
.learnpress-checkout #checkout-order .col-number {
min-width: 100px;
}
@media only screen and (max-width: 991px) {
#learn-press-course .lp-content-area {
padding-right: 0;
padding-left: 0;
}
} #art-single-course-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 81px;
}
#art-single-course-header .art-course-header-left {
width: 50%;
background-size: cover;
background-position: center center;
}
@media only screen and (max-width: 991px) {
#art-single-course-header .art-course-header-left {
width: 100%;
min-height: 500px;
}
}
#art-single-course-header .art-course-header-right {
width: 50%;
padding: 91px 0 91px 81px;
background-color: var(--art-colors-second-bg);
}
@media only screen and (max-width: 1199px) {
#art-single-course-header .art-course-header-right {
padding: 91px 15px 91px 50px;
}
}
@media only screen and (max-width: 991px) {
#art-single-course-header .art-course-header-right {
width: 100%;
padding: 30px 50px 30px 50px;
}
}
#art-single-course-header .art-course-header-right .course-header-right-content {
max-width: 600px;
}
@media only screen and (max-width: 991px) {
#art-single-course-header .art-course-header-right .course-header-right-content {
max-width: unset;
}
}
#art-single-course-header .art-course-header-right .course-header-right-content h1 {
margin-bottom: 40px;
}
#art-single-course-header .art-course-header-right .course-header-right-content .art-course-header-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px;
}
#art-single-course-header .art-course-header-right .course-header-right-content .art-course-header-meta .meta-item {
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#art-single-course-header .art-course-header-right .course-header-right-content .art-course-header-meta .meta-item i {
margin-right: 6px;
} .art-single-learn-press-instructor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
.art-single-learn-press-instructor {
padding-left: 0;
padding-right: 0;
}
}
.art-single-learn-press-instructor .meta-item-instructor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 575px) {
.art-single-learn-press-instructor .meta-item-instructor {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.art-single-learn-press-instructor .meta-item-instructor .meta-item__image {
width: 68px;
margin: 0 20px 0 0;
}
@media only screen and (max-width: 575px) {
.art-single-learn-press-instructor .meta-item-instructor .meta-item__image {
margin: 0 20px 20px 0;
}
}
.art-single-learn-press-instructor .meta-item-instructor .meta-item__image img {
border-radius: 100%;
}
.art-single-learn-press-instructor .meta-item-instructor .meta-item__value {
padding: 0 45px 0 0;
margin: 0 40px 0 0;
position: relative;
}
.art-single-learn-press-instructor .meta-item-instructor .meta-item__value:after {
content: "";
width: 2px;
height: 100%;
background-color: var(--art-colors-fourth-bg);
position: absolute;
top: 0;
right: 0;
}
.art-single-learn-press-instructor .meta-item-instructor .meta-item__value .art-meta-item {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
display: block;
margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
.art-single-learn-press-instructor .meta-item-instructor .meta-item__value .art-meta-item {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-single-learn-press-instructor .meta-item-instructor .meta-item__value .art-instructor-name {
font-family: var(--art-h6-font-family);
font-weight: var(--art-h6-font-weight);
font-style: var(--art-h6-font-style);
text-transform: var(--art-h6-text-transform);
-webkit-text-decoration: var(--art-h6-text-decoration);
text-decoration: var(--art-h6-text-decoration);
font-size: var(--art-h6-font-size);
line-height: var(--art-h6-line-height);
letter-spacing: var(--art-h6-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-single-learn-press-instructor .meta-item-instructor .meta-item__value .art-instructor-name {
font-family: var(--art-h6-mobile-font-family);
font-weight: var(--art-h6-mobile-font-weight);
font-style: var(--art-h6-mobile-font-style);
text-transform: var(--art-h6-mobile-text-transform);
-webkit-text-decoration: var(--art-h6-mobile-text-decoration);
text-decoration: var(--art-h6-mobile-text-decoration);
font-size: var(--art-h6-mobile-font-size);
line-height: var(--art-h6-mobile-line-height);
letter-spacing: var(--art-h6-mobile-letter-spacing);
}
}
.art-single-learn-press-instructor .meta-item-categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 575px) {
.art-single-learn-press-instructor .meta-item-categories {
-webkit-box-align: self-end;
-ms-flex-align: self-end;
align-items: self-end;
}
}
.art-single-learn-press-instructor .meta-item-categories .meta-item__value label {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
display: block;
margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
.art-single-learn-press-instructor .meta-item-categories .meta-item__value label {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-single-learn-press-instructor .meta-item-categories .meta-item__value .art-item-categories-themselves {
font-family: var(--art-h6-font-family);
font-weight: var(--art-h6-font-weight);
font-style: var(--art-h6-font-style);
text-transform: var(--art-h6-text-transform);
-webkit-text-decoration: var(--art-h6-text-decoration);
text-decoration: var(--art-h6-text-decoration);
font-size: var(--art-h6-font-size);
line-height: var(--art-h6-line-height);
letter-spacing: var(--art-h6-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-single-learn-press-instructor .meta-item-categories .meta-item__value .art-item-categories-themselves {
font-family: var(--art-h6-mobile-font-family);
font-weight: var(--art-h6-mobile-font-weight);
font-style: var(--art-h6-mobile-font-style);
text-transform: var(--art-h6-mobile-text-transform);
-webkit-text-decoration: var(--art-h6-mobile-text-decoration);
text-decoration: var(--art-h6-mobile-text-decoration);
font-size: var(--art-h6-mobile-font-size);
line-height: var(--art-h6-mobile-line-height);
letter-spacing: var(--art-h6-mobile-letter-spacing);
}
} article.single-event-content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;  }
article.single-event-content-wrapper .single-event-content {
width: 68.42%;
}
@media only screen and (max-width: 991px) {
article.single-event-content-wrapper .single-event-content {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
article.single-event-content-wrapper .single-event-content .single-event-content-inner #learn-press-course ul.learn-press-nav-tabs .course-nav.active:before {
background: transparent !important;
position: static;
top: unset;
left: unset;
width: unset;
height: unset;
}
article.single-event-content-wrapper .single-event-content .single-event-content-inner #learn-press-course ul.learn-press-nav-tabs .course-nav.active label {
color: #000 !important;
position: relative;
}
article.single-event-content-wrapper .single-event-content .single-event-content-inner #learn-press-course ul.learn-press-nav-tabs .course-nav.active label:after {
content: "";
height: 2px;
background-color: var(--art-colors-bg);
width: 100%;
position: absolute;
left: 0;
bottom: 0;
}
article.single-event-content-wrapper .single-event-content .single-event-content-inner #learn-press-course .lp-entry-content .entry-content-left {
width: 100%;
}
article.single-event-content-wrapper .single-event-content .single-event-content-inner #learn-press-course .lp-entry-content .entry-content-left .course-tabs {
margin-bottom: 40px;
}
article.single-event-content-wrapper .single-event-content .single-event-footer .footer-tag-title {
margin-top: 40px;
}
article.single-event-content-wrapper .single-event-content .single-event-footer .tags-wrapper {
margin-top: 30px;
}
article.single-event-content-wrapper .single-event-window-wrapper {
width: 31.57%;
}
@media only screen and (max-width: 991px) {
article.single-event-content-wrapper .single-event-window-wrapper {
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 50px;
}
}
article.single-event-content-wrapper .single-event-window-wrapper .single-event-window .window-body {
background-color: var(--art-colors-second-bg);
}
article.single-event-content-wrapper .single-event-window-wrapper .single-event-window .window-body .art-course-single-sidebar {
padding: 40px;
}
@media only screen and (max-width: 420px) {
article.single-event-content-wrapper .single-event-window-wrapper .single-event-window .window-body .art-course-single-sidebar {
padding: 20px;
}
}
article.single-event-content-wrapper .single-event-window-wrapper .single-event-window .window-body .art-course-single-sidebar .art-single-sidebar-title {
margin-bottom: 30px;
}
article.single-event-content-wrapper .single-event-window-wrapper .single-event-window .window-body .art-course-single-sidebar > .meta-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
article.single-event-content-wrapper .single-event-window-wrapper .single-event-window .window-body .art-course-single-sidebar > .meta-item:last-child {
margin-bottom: 0;
}
article.single-event-content-wrapper .single-event-window-wrapper .single-event-window .window-body .art-course-single-sidebar > .meta-item .course-price {
margin-bottom: 0;
}
article.single-event-content-wrapper .single-event-window-wrapper .single-event-window .window-body .art-course-single-sidebar > .meta-item > span i {
margin-right: 6px;
}
article.single-event-content-wrapper .single-event-window-wrapper .single-event-window .window-body .art-course-enroll-button form {
display: block;
}
article.single-event-content-wrapper .single-event-window-wrapper .single-event-window .window-body .art-course-enroll-button form button {
width: 100%;
}
#learn-press-course-tabs .learn-press-nav-tabs {
background-color: transparent;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
#learn-press-course-tabs .learn-press-nav-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
#learn-press-course-tabs .learn-press-nav-tabs .course-nav {
border: none;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin-right: 30px;
margin-bottom: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#learn-press-course-tabs .learn-press-nav-tabs .course-nav label {
padding: 6px 0;
margin: 0 10px;
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
@media only screen and (max-width: 767px) {
#learn-press-course-tabs .learn-press-nav-tabs .course-nav label {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
#learn-press-course-tabs .learn-press-nav-tabs .course-nav.course-nav-tab-overview::before {
content: "\e81e" !important;
font-family: magnetique;
}
#learn-press-course-tabs .learn-press-nav-tabs .course-nav.course-nav-tab-curriculum::before {
content: "\e81d" !important;
font-family: magnetique;
}
#learn-press-course-tabs .learn-press-nav-tabs .course-nav.course-nav-tab-instructor::before {
content: "\e80b" !important;
font-family: magnetique;
}
#learn-press-course-tabs .learn-press-nav-tabs .course-nav.course-nav-tab-faqs::before {
content: "\e81f" !important;
font-family: magnetique;
}
@media only screen and (max-width: 400px) {
#learn-press-course-tabs .learn-press-nav-tabs .course-nav {
width: 100%;
margin-right: 0;
}
}
#learn-press-course-tabs .course-tab-panels #tab-instructor .course-author .lp-course-author {
display: block;
}
#learn-press-course-tabs .course-tab-panels #tab-instructor .course-author .lp-course-author .course-author__pull-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
#learn-press-course-tabs .course-tab-panels #tab-instructor .course-author .lp-course-author .course-author__pull-left img {
margin: 0 20px 0 0;
width: 68px;
height: 68px;
}
#learn-press-course-tabs .course-tab-panels #tab-instructor .course-author .lp-course-author .course-author__pull-left .author-title {
margin: 0;
}
.art-recent-events-section {
padding: 100px 0;
}
.art-recent-events-section .related-courses-title {
text-align: center;
margin-bottom: 60px;
}
#popup-course #sidebar-toggle::before {
border: none !important;
-webkit-transform: translate(-25%, -21%) !important;
transform: translate(-25%, -21%) !important;
}
#checkout-payment .lp-payment-method .gateway-input::before {
content: none;
}
.course-tab-panels .course-tab-panel {
padding-top: 0 !important;
}
.course-tab-panels {
padding-top: 27px;
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section.closed .section-content {
overflow: inherit;
height: auto;
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .curriculum-sections {
z-index: 9;
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-header {
border-bottom: 0;
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-header .section-left .section-title {
font-family: var(--art-h4-font-family);
font-weight: var(--art-h4-font-weight);
font-style: var(--art-h4-font-style);
text-transform: var(--art-h4-text-transform);
-webkit-text-decoration: var(--art-h4-text-decoration);
text-decoration: var(--art-h4-text-decoration);
font-size: var(--art-h4-font-size);
line-height: var(--art-h4-line-height);
letter-spacing: var(--art-h4-letter-spacing);
color: #000;
}
@media only screen and (max-width: 767px) {
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-header .section-left .section-title {
font-family: var(--art-h4-mobile-font-family);
font-weight: var(--art-h4-mobile-font-weight);
font-style: var(--art-h4-mobile-font-style);
text-transform: var(--art-h4-mobile-text-transform);
-webkit-text-decoration: var(--art-h4-mobile-text-decoration);
text-decoration: var(--art-h4-mobile-text-decoration);
font-size: var(--art-h4-mobile-font-size);
line-height: var(--art-h4-mobile-line-height);
letter-spacing: var(--art-h4-mobile-letter-spacing);
}
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-header .section-left .section-toggle {
display: none;
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content {
margin-bottom: 30px;
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item {
background-color: var(--art-colors-second-bg);
margin-bottom: 10px;
padding: 0 14px;
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item:hover .section-item-link .item-name {
color: var(--art-colors-hover);
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item.course-item-lp_quiz .section-item-link:before {
content: "\e819";
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item .section-item-link {
width: 100%;
padding: 15px 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 10px;
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item .section-item-link:before {
font-family: magnetique;
content: "\e813";
color: #000;
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item .section-item-link .course-item-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
width: 100%;
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item .section-item-link .course-item-info .course-item-info-pre {
gap: 10px;
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item .section-item-link .course-item-info .item-meta {
font-family: var(--art-body-four-font-family);
font-weight: var(--art-body-four-font-weight);
font-style: var(--art-body-four-font-style);
text-transform: var(--art-body-four-text-transform);
-webkit-text-decoration: var(--art-body-four-text-decoration);
text-decoration: var(--art-body-four-text-decoration);
font-size: var(--art-body-four-font-size);
line-height: var(--art-body-four-line-height);
letter-spacing: var(--art-body-four-letter-spacing);
color: var(--art-colors-bg);
background-color: var(--art-colors-fourth-bg);
border-radius: unset;
height: unset;
padding: 3px 14px 1px 14px;
}
@media only screen and (max-width: 767px) {
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item .section-item-link .course-item-info .item-meta {
font-family: var(--art-body-four-mobile-font-family);
font-weight: var(--art-body-four-mobile-font-weight);
font-style: var(--art-body-four-mobile-font-style);
text-transform: var(--art-body-four-mobile-text-transform);
-webkit-text-decoration: var(--art-body-four-mobile-text-decoration);
text-decoration: var(--art-body-four-mobile-text-decoration);
font-size: var(--art-body-four-mobile-font-size);
line-height: var(--art-body-four-mobile-line-height);
letter-spacing: var(--art-body-four-mobile-letter-spacing);
}
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item .section-item-link .item-name {
font-family: var(--art-body-font-family);
font-weight: var(--art-body-font-weight);
font-style: var(--art-body-font-style);
text-transform: var(--art-body-text-transform);
-webkit-text-decoration: var(--art-body-text-decoration);
text-decoration: var(--art-body-text-decoration);
font-size: var(--art-body-font-size);
line-height: var(--art-body-line-height);
letter-spacing: var(--art-body-letter-spacing);
}
@media only screen and (max-width: 767px) {
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item .section-item-link .item-name {
font-family: var(--art-body-mobile-font-family);
font-weight: var(--art-body-mobile-font-weight);
font-style: var(--art-body-mobile-font-style);
text-transform: var(--art-body-mobile-text-transform);
-webkit-text-decoration: var(--art-body-mobile-text-decoration);
text-decoration: var(--art-body-mobile-text-decoration);
font-size: var(--art-body-mobile-font-size);
line-height: var(--art-body-mobile-line-height);
letter-spacing: var(--art-body-mobile-letter-spacing);
}
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item .section-item-link .course-item-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta.course-item-preview {
font-family: var(--art-body-four-font-family);
font-weight: var(--art-body-four-font-weight);
font-style: var(--art-body-four-font-style);
text-transform: var(--art-body-four-text-transform);
-webkit-text-decoration: var(--art-body-four-text-decoration);
text-decoration: var(--art-body-four-text-decoration);
font-size: var(--art-body-four-font-size);
line-height: var(--art-body-four-line-height);
letter-spacing: var(--art-body-four-letter-spacing);
color: var(--art-colors-light-text);
background-color: var(--art-colors-bg);
border-radius: unset;
height: unset;
padding: 3px 14px 1px 14px;
}
@media only screen and (max-width: 767px) {
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta.course-item-preview {
font-family: var(--art-body-four-mobile-font-family);
font-weight: var(--art-body-four-mobile-font-weight);
font-style: var(--art-body-four-mobile-font-style);
text-transform: var(--art-body-four-mobile-text-transform);
-webkit-text-decoration: var(--art-body-four-mobile-text-decoration);
text-decoration: var(--art-body-four-mobile-text-decoration);
font-size: var(--art-body-four-mobile-font-size);
line-height: var(--art-body-four-mobile-line-height);
letter-spacing: var(--art-body-four-mobile-letter-spacing);
}
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta.course-item-preview:before {
background: unset;
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta.course-item-status {
margin-left: 10px;
}
.course-tab-panels #learn-press-course-curriculum.course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta.course-item-status:before {
font-family: magnetique;
content: "\e815";
font-size: 20px;
color: #000;
}
.course-tab-panels #tab-faqs.course-tab-panel-faqs {
padding-top: 0;
}
.course-tab-panels #tab-faqs.course-tab-panel-faqs input[type=checkbox] {
display: none !important;
}
.course-tab-panels #tab-faqs.course-tab-panel-faqs .course-faqs-box {
border-radius: unset;
background-color: unset;
border: 2px solid #000;
}
.course-tab-panels #tab-faqs.course-tab-panel-faqs .course-faqs-box:hover {
background-color: unset;
}
.course-tab-panels #tab-faqs.course-tab-panel-faqs .course-faqs-box__title {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
padding: 12px 45px 12px 25px;
color: #000;
}
@media only screen and (max-width: 767px) {
.course-tab-panels #tab-faqs.course-tab-panel-faqs .course-faqs-box__title {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.course-tab-panels #tab-faqs.course-tab-panel-faqs .course-faqs-box__title:hover {
color: inherit;
}
.course-tab-panels #tab-faqs.course-tab-panel-faqs .course-faqs-box__content {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
}
@media only screen and (max-width: 767px) {
.course-tab-panels #tab-faqs.course-tab-panel-faqs .course-faqs-box__content {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.course-tab-panels #tab-faqs.course-tab-panel-faqs .course-faqs-box__content .course-faqs-box__content-inner {
padding: 4px 25px 25px 25px;
}
body.learnpress-profile.logged-in .art-learn-press-profile-headline {
background-color: var(--art-colors-second-bg);
}
.art-second-color-scheme body.learnpress-profile.logged-in .art-learn-press-profile-headline {
background-color: var(--art-bg-second-bg);
}
body.learnpress-profile.logged-in .art-learn-press-profile-headline .lp-content-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 80px 15px;
}
@media only screen and (max-width: 767px) {
body.learnpress-profile.logged-in .art-learn-press-profile-headline .lp-content-area {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
body.learnpress-profile.logged-in .art-learn-press-profile-headline .lp-content-area .lp-profile-left {
margin-right: 40px;
}
@media only screen and (max-width: 767px) {
body.learnpress-profile.logged-in .art-learn-press-profile-headline .lp-content-area .lp-profile-left {
margin-bottom: 30px;
}
}
body.learnpress-profile.logged-in .art-learn-press-profile-headline .lp-content-area .lp-profile-left img {
width: 163px;
min-width: 163px;
border-radius: 100%;
}
body.learnpress-profile.logged-in .art-learn-press-profile-headline .lp-content-area .lp-profile-right .lp-profile-username {
font-family: var(--art-h1-font-family);
font-weight: var(--art-h1-font-weight);
font-style: var(--art-h1-font-style);
text-transform: var(--art-h1-text-transform);
-webkit-text-decoration: var(--art-h1-text-decoration);
text-decoration: var(--art-h1-text-decoration);
font-size: var(--art-h1-font-size);
line-height: var(--art-h1-line-height);
letter-spacing: var(--art-h1-letter-spacing);
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
body.learnpress-profile.logged-in .art-learn-press-profile-headline .lp-content-area .lp-profile-right .lp-profile-username {
font-family: var(--art-h1-mobile-font-family);
font-weight: var(--art-h1-mobile-font-weight);
font-style: var(--art-h1-mobile-font-style);
text-transform: var(--art-h1-mobile-text-transform);
-webkit-text-decoration: var(--art-h1-mobile-text-decoration);
text-decoration: var(--art-h1-mobile-text-decoration);
font-size: var(--art-h1-mobile-font-size);
line-height: var(--art-h1-mobile-line-height);
letter-spacing: var(--art-h1-mobile-letter-spacing);
}
}
body.learnpress-profile.logged-in .art-page {
background-color: unset;
}
body.learnpress-profile .art-page {
background-color: var(--art-colors-second-bg);
}
.art-second-color-scheme body.learnpress-profile .art-page {
background-color: var(--art-bg-second-bg);
}
body.learnpress-profile .learnpress .lp-user-profile.guest {
background-color: var(--art-colors-second-bg);
}
.art-second-color-scheme body.learnpress-profile .learnpress .lp-user-profile.guest {
background-color: var(--art-bg-second-bg);
}
body.learnpress-profile .learn-press-form-login,
body.learnpress-profile .learn-press-form-register {
max-width: 490px;
padding: 0;
border: unset;
border-radius: unset;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
}
body.learnpress-profile .learn-press-form-login button[type=submit],
body.learnpress-profile .learn-press-form-register button[type=submit] {
height: unset;
}
body.learnpress-profile .learn-press-form-register {
max-width: 750px;
}
body.learnpress-profile #learn-press-profile .learn-press-form-login.learn-press-form {
text-align: center;
}
body.learnpress-profile #learn-press-profile .learn-press-form-login.learn-press-form .art-form-title {
margin-bottom: 60px;
}
body.learnpress-profile #learn-press-profile .learn-press-form-login.learn-press-form ul.form-fields li {
margin: 0 0 30px 0;
}
body.learnpress-profile #learn-press-profile .learn-press-form-login.learn-press-form .art-remember-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
body.learnpress-profile #learn-press-profile .learn-press-form-login.learn-press-form .art-remember-block {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
body.learnpress-profile #learn-press-profile .learn-press-form-login.learn-press-form .art-remember-block p {
margin: 0;
}
body.learnpress-profile #learn-press-profile .learn-press-form-login.learn-press-form .art-remember-block label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
body.learnpress-profile #learn-press-profile .learn-press-form-login.learn-press-form .art-remember-block label input[type=checkbox] {
margin-right: 10px;
}
body.learnpress-profile #learn-press-profile .learn-press-form-login.learn-press-form .learn-press-form-bottom {
margin-top: 50px;
}
body.learnpress-profile #learn-press-profile .learn-press-form-login.learn-press-form .learn-press-form-bottom p {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
body.learnpress-profile #learn-press-profile .learn-press-form-login.learn-press-form .learn-press-form-bottom p {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
body.learnpress-profile #learn-press-profile .learn-press-form-login.learn-press-form .learn-press-form-bottom a {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
position: relative;
}
@media only screen and (max-width: 767px) {
body.learnpress-profile #learn-press-profile .learn-press-form-login.learn-press-form .learn-press-form-bottom a {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
body.learnpress-profile #learn-press-profile .learn-press-form-login.learn-press-form .learn-press-form-bottom a:after {
content: "";
height: 2px;
background-color: var(--art-colors-bg);
width: 100%;
position: absolute;
left: 0;
bottom: -12px;
}
body.learnpress-profile #learn-press-profile .learn-press-form-register.learn-press-form {
display: none;
text-align: center;
}
body.learnpress-profile #learn-press-profile .learn-press-form-register.learn-press-form .art-form-title {
margin-bottom: 39px;
}
body.learnpress-profile #learn-press-profile .learn-press-form-register.learn-press-form ul.form-fields {
margin: 0 -15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
body.learnpress-profile #learn-press-profile .learn-press-form-register.learn-press-form ul.form-fields li {
width: 50%;
padding: 0 15px;
margin-bottom: 30px;
}
body.learnpress-profile #learn-press-profile .learn-press-form-register.learn-press-form .learn-press-form-bottom {
margin-top: 50px;
}
body.learnpress-profile #learn-press-profile .learn-press-form-register.learn-press-form .learn-press-form-bottom p {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
body.learnpress-profile #learn-press-profile .learn-press-form-register.learn-press-form .learn-press-form-bottom p {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
body.learnpress-profile #learn-press-profile .learn-press-form-register.learn-press-form .learn-press-form-bottom a {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
position: relative;
}
@media only screen and (max-width: 767px) {
body.learnpress-profile #learn-press-profile .learn-press-form-register.learn-press-form .learn-press-form-bottom a {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
body.learnpress-profile #learn-press-profile .learn-press-form-register.learn-press-form .learn-press-form-bottom a:after {
content: "";
height: 2px;
background-color: var(--art-colors-bg);
width: 100%;
position: absolute;
left: 0;
bottom: -12px;
}
body.learnpress-profile .lp-user-profile #profile-sidebar {
margin-top: 0;
}
body.learnpress-profile .lp-user-profile .lp-profile-content {
padding-top: 0;
}
.learn-press-comments form.comment-form {
margin: 0 -15px;
}
.learn-press-comments form.comment-form:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;
}
.learn-press-comments form.comment-form .art-line-fields {
margin: 0 -15px;
}
.learn-press-comments form.comment-form .art-line-fields p {
padding: 0 15px;
margin-bottom: 15px;
} .art-404-page {
padding-top: 223px !important;
padding-bottom: 140px;
}
@media only screen and (max-width: 1240px) {
.art-404-page {
padding-top: 133px;
padding-bottom: 50px;
}
}
.art-404-page .art-404-data {
text-align: center;
}
.art-404-page .art-404-data .art-404-title {
margin-bottom: 40px;
}  .art-event-posts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.art-single-top.art-single-event-top .art-event-date {
color: var(--art-colors-second-text);
display: block;
margin-bottom: 13px;
position: relative;
}
.art-single-top.art-single-event-top .art-event-date:before {
font-size: 24px;
line-height: 1em;
margin-right: 11px;
vertical-align: middle;
position: relative;
top: -3px;
}
.art-single-top.art-single-event-top .art-post-title + span {
margin-top: 30px;
}
.art-single-top.art-single-event-top .art-event-description,
.art-single-top.art-single-event-top .art-event-location {
display: block;
}
.art-single-top.art-single-event-top .art-single-event-top-button-wrap {
margin-top: 40px;
}
.art-event-archive {
padding-bottom: 110px;
}
.art-event-post {
background-color: var(--art-colors-second-bg);
margin-bottom: 50px;
position: relative;
}
@media only screen and (min-width: 768px) {
.art-event-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.art-event-post:first-child {
margin-bottom: 0;
}
.art-event-post .art-post-image {
max-width: 340px;
}
@media only screen and (max-width: 767px) {
.art-event-post .art-post-image {
max-width: 100%;
}
}
@media only screen and (min-width: 768px) {
.art-event-post .art-post-image {
width: 48.68%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
.art-event-post .art-post-image img {
width: 100%;
}
.art-event-post__outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 40px 40px 40px 40px;
position: relative;
}
@media only screen and (max-width: 767px) {
.art-event-post__outer {
padding: 20px 20px 20px 20px;
}
}
.art-event-post .art-post-cat-date {
margin-bottom: 8px;
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-event-post .art-post-cat-date {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-event-post .art-post-title {
margin: 0 0 16px 0;
}
.art-event-post .art-post-read-more {
margin-top: 40px;
} .art-single-top.art-single-event-top .art-single-top__end-col .art-single-top__end-col-data .art-post-title {
margin-bottom: 40px;
}
.art-single-top.art-single-event-top .art-single-top__end-col .art-single-top__end-col-data .art-post-meta .art-card-duration {
margin-right: 20px;
}
.art-single-top.art-single-event-top .art-single-top__end-col .art-single-top__end-col-data .art-post-meta .art-card-duration i {
margin-right: 7px;
}
.art-single-top.art-single-event-top .art-single-top__end-col .art-single-top__end-col-data .art-post-meta .art-meeting-date i {
margin-right: 6px;
}
.art-single-top.art-single-event-top .art-single-top__end-col .art-single-top__end-col-data .art-post-button {
margin-top: 40px;
}
.art-zoom-meetings-related-posts {
margin-top: 100px;
}
.art-zoom-meetings-related-posts .art-posts-list .art-post-item {
margin-bottom: 30px;
} .art-podcasts-posts .art-podcast-post {
margin-bottom: 30px;
}
.art-podcasts-posts .art-podcast-post .art-post-image {
margin-bottom: 20px;
}
.art-podcasts-posts .art-podcast-post__outer .art-podcast-post__inner .art-post-cat-date {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-podcasts-posts .art-podcast-post__outer .art-podcast-post__inner .art-post-cat-date {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-podcasts-posts .art-podcast-post__outer .art-podcast-post__inner .art-post-cat-date .art-post-date svg {
margin-right: 6px;
position: relative;
bottom: 2px;
}
.art-podcasts-posts .art-podcast-post__outer .art-podcast-post__inner .art-post-title {
margin-top: 10px;
margin-bottom: 0;
}    li.product:hover .art-product-image img {
-webkit-transform: scale(1.06);
transform: scale(1.06);
}
li.product:hover .woocommerce-loop-product__title {
color: var(--art-colors-bg);
}
.art-second-color-scheme li.product:hover .woocommerce-loop-product__title {
color: var(--art-bg-bg);
}
li.product .art-product-image {
overflow: hidden;
display: block;
}
li.product .art-product-image img {
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
-webkit-transform: scale(1.01);
transform: scale(1.01);
width: 100%;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}  .art-podcast-post:hover .art-post-image a img,
.art-blog-post:hover .art-post-image a img {
-webkit-transform: scale(1.06);
transform: scale(1.06);
}
.art-podcast-post:hover .art-post-title a,
.art-blog-post:hover .art-post-title a {
color: var(--art-colors-bg);
}
.art-second-color-scheme .art-podcast-post:hover .art-post-title a,
.art-second-color-scheme .art-blog-post:hover .art-post-title a {
color: var(--art-bg-bg);
}
.art-podcast-post .art-post-image,
.art-blog-post .art-post-image {
overflow: hidden;
display: block;
}
.art-podcast-post .art-post-image a,
.art-blog-post .art-post-image a {
display: block;
}
.art-podcast-post .art-post-image a img,
.art-blog-post .art-post-image a img {
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
-webkit-transform: scale(1.01);
transform: scale(1.01);
width: 100%;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}  .art-zoom-meeting-item:hover .art-card-img a img,
.art-course-item:hover .art-card-img a img {
-webkit-transform: scale(1.06);
transform: scale(1.06);
}
.art-zoom-meeting-item:hover .art-card-title a,
.art-course-item:hover .art-card-title a {
color: var(--art-colors-bg);
}
.art-second-color-scheme .art-zoom-meeting-item:hover .art-card-title a,
.art-second-color-scheme .art-course-item:hover .art-card-title a {
color: var(--art-bg-bg);
}
.art-zoom-meeting-item .art-card-img,
.art-course-item .art-card-img {
overflow: hidden;
display: block;
}
.art-zoom-meeting-item .art-card-img a,
.art-course-item .art-card-img a {
display: block;
}
.art-zoom-meeting-item .art-card-img a img,
.art-course-item .art-card-img a img {
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
-webkit-transform: scale(1.01);
transform: scale(1.01);
width: 100%;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .art-related-post:hover .art-post-image a img {
-webkit-transform: scale(1.06);
transform: scale(1.06);
}
.art-related-post:hover .art-post-title a {
color: var(--art-colors-bg);
}
.art-second-color-scheme .art-related-post:hover .art-post-title a {
color: var(--art-bg-bg);
}
.art-related-post .art-post-image {
overflow: hidden;
display: block;
}
.art-related-post .art-post-image a {
display: block;
}
.art-related-post .art-post-image a img {
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
-webkit-transform: scale(1.01);
transform: scale(1.01);
width: 100%;
display: block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .art-search-blog .art-overlay {
display: none;
height: 100%;
width: 100%;
position: fixed;
z-index: 10000;
top: 0;
left: 0;
background-color: var(--art-colors-second-bg);
}
.art-second-color-scheme .art-search-blog .art-overlay {
background-color: var(--art-bg-second-bg);
}
.art-search-blog .art-overlay .art-search-blog-logo {
position: absolute;
top: 43px;
left: 52px;
}
@media only screen and (max-width: 767px) {
.art-search-blog .art-overlay .art-search-blog-logo {
left: 10px;
}
}
.art-search-blog .art-overlay .art-overlay-close {
color: var(--art-colors-link);
font-size: 32px;
width: 1em;
height: 1em;
position: absolute;
top: 38px;
right: 50px;
cursor: pointer;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
@media only screen and (max-width: 767px) {
.art-search-blog .art-overlay .art-overlay-close {
right: 10px;
}
}
.art-search-blog .art-overlay .art-overlay-close:hover {
color: var(--art-colors-link);
}
.art-search-blog .art-overlay .art-overlay-close i::before {
font-size: 42px;
}
.art-search-blog .art-overlay .art-overlay-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.art-search-blog .art-overlay .art-overlay-wrapper form {
padding: 0 15px;
max-width: 780px;
width: 100%;
}
.art-search-blog .art-overlay .art-overlay-wrapper form .art-blog-search-input {
background-color: transparent;
font-family: var(--art-body-font-family);
font-weight: var(--art-body-font-weight);
font-style: var(--art-body-font-style);
text-transform: var(--art-body-text-transform);
-webkit-text-decoration: var(--art-body-text-decoration);
text-decoration: var(--art-body-text-decoration);
font-size: var(--art-body-font-size);
line-height: var(--art-body-line-height);
letter-spacing: var(--art-body-letter-spacing);
border: 0;
border-bottom-width: 2px;
border-bottom-style: solid;
border-color: var(--art-colors-bd);
height: 46px;
padding: 0;
}
@media only screen and (max-width: 767px) {
.art-search-blog .art-overlay .art-overlay-wrapper form .art-blog-search-input {
font-family: var(--art-body-mobile-font-family);
font-weight: var(--art-body-mobile-font-weight);
font-style: var(--art-body-mobile-font-style);
text-transform: var(--art-body-mobile-text-transform);
-webkit-text-decoration: var(--art-body-mobile-text-decoration);
text-decoration: var(--art-body-mobile-text-decoration);
font-size: var(--art-body-mobile-font-size);
line-height: var(--art-body-mobile-line-height);
letter-spacing: var(--art-body-mobile-letter-spacing);
}
}
body.search-no-results .art-blog-search-result {
padding: 267px 0;
}
body.search-results .art-blog-search-result {
padding: 51px 0 0 0;
}
body.search-no-results,
body.search-results { }
body.search-no-results .art-blog-typical .art-blog-default-top,
body.search-no-results .art-blog-default-wrapper .art-blog-default-top,
body.search-results .art-blog-typical .art-blog-default-top,
body.search-results .art-blog-default-wrapper .art-blog-default-top {
padding: 0;
text-align: center;
margin-bottom: 50px;
}
body.search-no-results .art-blog-typical .art-blog-default-top .art-search-result-title,
body.search-no-results .art-blog-default-wrapper .art-blog-default-top .art-search-result-title,
body.search-results .art-blog-typical .art-blog-default-top .art-search-result-title,
body.search-results .art-blog-default-wrapper .art-blog-default-top .art-search-result-title {
margin-bottom: 20px;
}
body.search-no-results .art-blog-typical .art-search-again-wrapper,
body.search-no-results .art-blog-default-wrapper .art-search-again-wrapper,
body.search-results .art-blog-typical .art-search-again-wrapper,
body.search-results .art-blog-default-wrapper .art-search-again-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} .woocommerce #art-main-holder #respond input#submit,
.woocommerce #art-main-holder a.button,
.woocommerce #art-main-holder button.button,
.woocommerce #art-main-holder input.button {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 40px;
border-color: var(--art-colors-bg);
background-color: var(--art-colors-bg);
color: var(--art-colors-light-text);
}
.art-second-color-scheme .woocommerce #art-main-holder #respond input#submit,
.art-second-color-scheme .woocommerce #art-main-holder a.button,
.art-second-color-scheme .woocommerce #art-main-holder button.button,
.art-second-color-scheme .woocommerce #art-main-holder input.button {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .woocommerce #art-main-holder #respond input#submit,
.art-second-color-scheme .woocommerce #art-main-holder a.button,
.art-second-color-scheme .woocommerce #art-main-holder button.button,
.art-second-color-scheme .woocommerce #art-main-holder input.button {
background-color: var(--art-bg-bg);
}
.art-second-color-scheme .woocommerce #art-main-holder #respond input#submit,
.art-second-color-scheme .woocommerce #art-main-holder a.button,
.art-second-color-scheme .woocommerce #art-main-holder button.button,
.art-second-color-scheme .woocommerce #art-main-holder input.button {
color: var(--art-bg-light-text);
}
.woocommerce #art-main-holder #respond input#submit:hover,
.woocommerce #art-main-holder a.button:hover,
.woocommerce #art-main-holder button.button:hover,
.woocommerce #art-main-holder input.button:hover {
border-color: var(--art-colors-bg-hover);
background-color: var(--art-colors-bg-hover);
color: var(--art-colors-light-text);
}
.art-second-color-scheme .woocommerce #art-main-holder #respond input#submit:hover,
.art-second-color-scheme .woocommerce #art-main-holder a.button:hover,
.art-second-color-scheme .woocommerce #art-main-holder button.button:hover,
.art-second-color-scheme .woocommerce #art-main-holder input.button:hover {
border-color: var(--art-bg-bg-hover);
}
.art-second-color-scheme .woocommerce #art-main-holder #respond input#submit:hover,
.art-second-color-scheme .woocommerce #art-main-holder a.button:hover,
.art-second-color-scheme .woocommerce #art-main-holder button.button:hover,
.art-second-color-scheme .woocommerce #art-main-holder input.button:hover {
background-color: var(--art-bg-bg-hover);
}
.art-second-color-scheme .woocommerce #art-main-holder #respond input#submit:hover,
.art-second-color-scheme .woocommerce #art-main-holder a.button:hover,
.art-second-color-scheme .woocommerce #art-main-holder button.button:hover,
.art-second-color-scheme .woocommerce #art-main-holder input.button:hover {
color: var(--art-bg-light-text);
}
.woocommerce #art-main-holder #respond input#submit.disabled, .woocommerce #art-main-holder #respond input#submit:disabled, .woocommerce #art-main-holder #respond input#submit:disabled[disabled],
.woocommerce #art-main-holder a.button.disabled,
.woocommerce #art-main-holder a.button:disabled,
.woocommerce #art-main-holder a.button:disabled[disabled],
.woocommerce #art-main-holder button.button.disabled,
.woocommerce #art-main-holder button.button:disabled,
.woocommerce #art-main-holder button.button:disabled[disabled],
.woocommerce #art-main-holder input.button.disabled,
.woocommerce #art-main-holder input.button:disabled,
.woocommerce #art-main-holder input.button:disabled[disabled] {
cursor: not-allowed;
}
.woocommerce table {
margin: 0;
}
.woocommerce .star-rating {
font-size: 16px;
width: auto;
display: inline-block;
}
.woocommerce .star-rating:before,
.woocommerce .star-rating span:before {
content: none;
}
.woocommerce .star-rating svg {
display: block;
width: 1em;
height: 1em;
}
.woocommerce .star-rating path {
stroke: var(--art-colors-heading);
}
.woocommerce .star-rating .art-star-rating-empty-icons,
.woocommerce .star-rating .art-star-rating-fill-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.woocommerce .star-rating .art-star-rating-empty-icons span,
.woocommerce .star-rating .art-star-rating-fill-icons span {
float: none;
position: static;
padding: 0;
}
.woocommerce .star-rating .art-star-rating-empty-icons span + span,
.woocommerce .star-rating .art-star-rating-fill-icons span + span {
margin-left: 4px;
}
.woocommerce .star-rating .art-star-rating-empty-icons path {
fill: var(--art-colors-bg);
}
.woocommerce .star-rating .art-star-rating-fill-icons {
position: absolute;
left: 0;
top: 0;
}
.woocommerce .star-rating .art-star-rating-fill-icons path {
fill: var(--art-colors-accent);
}
.woocommerce .quantity {
position: relative;
display: inline-block;
}
.woocommerce .quantity input::-webkit-inner-spin-button,
.woocommerce .quantity input::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.woocommerce .quantity input[type=number] {
-moz-appearance: textfield;
}
.woocommerce .quantity .input-text.qty {
text-align: center;
min-width: 100px;
padding-left: 0;
padding-right: 0;
}
.woocommerce .quantity .minus,
.woocommerce .quantity .plus {
top: 0;
font-family: "denaro-font";
font-size: 14px;
line-height: 100%;
color: var(--art-colors-heading);
width: 32px;
height: 100%;
padding: 0;
bottom: 0;
position: absolute;
cursor: pointer;
border: none;
background-color: transparent;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.woocommerce .quantity .minus:hover,
.woocommerce .quantity .plus:hover {
color: var(--art-colors-link);
}
.woocommerce .quantity .minus {
text-align: right;
left: 0;
right: auto;
}
.woocommerce .quantity .plus {
text-align: left;
left: auto;
right: 0;
}
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
border: 0;
padding: 24px 25px 22px 66px;
line-height: 21px !important;
}
.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before {
font-family: "denaro-font";
font-size: 24px;
line-height: 1em;
top: 23px;
left: 24px;
}
.woocommerce .woocommerce-error a,
.woocommerce .woocommerce-info a,
.woocommerce .woocommerce-message a {
color: var(--art-colors-heading);
}
.woocommerce .woocommerce-error a:hover,
.woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-message a:hover {
color: var(--art-colors-link);
}
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button {
margin: -18px 0 -16px;
}
.woocommerce .woocommerce-error li,
.woocommerce .woocommerce-info li,
.woocommerce .woocommerce-message li {
margin-top: 0;
}
.woocommerce .woocommerce-error {
background-color: #FFE9E0;
}
.woocommerce .woocommerce-error::before {
content: "쀁";
}
.woocommerce .woocommerce-info {
background-color: #EAF0FF;
}
.woocommerce .woocommerce-info::before {
content: "쀣";
}
.woocommerce .woocommerce-message {
background-color: #E9F8EF;
}
.woocommerce .woocommerce-message::before {
content: "쀒";
}
.woocommerce ul#shipping_method {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce ul#shipping_method li {
line-height: inherit;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.woocommerce ul#shipping_method li + li {
margin-top: 10px;
}
.woocommerce ul#shipping_method li input {
margin: 0 10px 0 0;
}
.woocommerce ul#shipping_method li label {
padding: 0;
margin: 0;
cursor: pointer;
}
.woocommerce ul#shipping_method .amount {
font-weight: inherit;
}
.s-header__basket-wr a.art-open-cart-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.s-header__basket-wr a.art-open-cart-side img {
width: 24px;
}
.s-header__basket-wr a.art-open-cart-side .art-basket-counter {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
color: var(--art-colors-bg);
margin-left: 3px;
padding: 3px 5px;
border-radius: 100px;
}
@media only screen and (max-width: 767px) {
.s-header__basket-wr a.art-open-cart-side .art-basket-counter {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border-width: 2px;
border-style: solid;
border-color: var(--art-colors-bd);
margin: 30px 0 2em;
border-radius: 0;
}
body.admin-bar .art-woo-side-cart {
padding-top: 32px;
}
.art-woo-side-cart {
display: none;
position: fixed;
z-index: 99;
right: 0;
top: 0;
padding-top: 0;
width: 375px;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-y: auto;
overflow-x: hidden;
height: 100vh;
}
.art-woo-side-cart .art-woo-side-cart-flex {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.art-woo-side-cart .art-cart-side-header {
padding: 24px 30px;
margin-bottom: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 540px) {
.art-woo-side-cart .art-cart-side-header {
padding-bottom: 50px;
}
}
.art-woo-side-cart .art-cart-side-header .art-cart-side-left span + span {
margin-left: 15px;
}
.art-woo-side-cart .art-cart-side-header i {
color: var(--art-colors-heading);
font-size: 16px;
cursor: pointer;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.art-woo-side-cart .art-cart-side-header i:hover {
color: var(--art-colors-link);
}
.art-woo-side-cart .cart_item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 30px;
position: relative;
}
.art-woo-side-cart .cart_item .product-thumbnail {
width: 92px;
margin-right: 24px;
}
.art-woo-side-cart .cart_item .product-data .product-name {
margin-bottom: 8px;
padding-right: 15px;
}
.art-woo-side-cart .cart_item .product-data .product-name a {
color: var(--art-colors-heading);
}
.art-woo-side-cart .cart_item .product-data .product-name a:hover {
color: var(--art-colors-link);
}
.art-woo-side-cart .cart_item .product-data .product-name dl {
margin: 10px 0 0;
color: var(--art-colors-second-text);
}
.art-woo-side-cart .cart_item .product-data .product-name dt {
font-family: inherit;
font-weight: inherit;
font-style: inherit;
text-transform: inherit;
text-decoration: inherit;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
display: inline-block;
margin: 0;
}
@media only screen and (max-width: 768px) {
.art-woo-side-cart .cart_item .product-data .product-name dt {
float: none;
}
}
.art-woo-side-cart .cart_item .product-data .product-name dd {
display: inline-block;
margin: 0;
}
@media only screen and (max-width: 768px) {
.art-woo-side-cart .cart_item .product-data .product-name dd {
display: inline-block;
}
}
.art-woo-side-cart .cart_item .product-data .product-price {
margin-bottom: 10px;
}
.art-woo-side-cart .cart_item .product-data .product-quantity {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.art-woo-side-cart .cart_item .product-data .product-quantity .art-quantity-title span:first-child {
margin-right: 4px;
}
.art-woo-side-cart .cart_item .product-data .product-remove {
position: absolute;
top: 15px;
right: 30px;
}
.art-woo-side-cart .cart_item .product-data .product-remove a {
font-size: 16px;
color: var(--art-colors-heading) !important;
border-radius: 0;
font-weight: normal;
}
.art-woo-side-cart .cart_item .product-data .product-remove a:hover {
background: none;
color: var(--art-colors-link) !important;
}
.art-woo-side-cart .art-cart-collaterals {
border-top: 1px solid rgba(0, 0, 0, 0.1);
width: 100%;
margin-top: 15px;
padding: 30px;
}
@media only screen and (max-width: 540px) {
.art-woo-side-cart .art-cart-collaterals {
padding-bottom: 50px;
}
}
.art-woo-side-cart .art-cart-collaterals .art-cart_totals {
width: 100%;
float: none;
}
.art-woo-side-cart .art-cart-collaterals .art-cart_totals .art-cart-totals-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.art-woo-side-cart .art-cart-collaterals .art-cart_totals .art-cart-totals-top .art-side-cart-total-price strong {
font-weight: inherit;
}
.art-woo-side-cart .art-cart-collaterals .art-cart_totals .art-cart-totals-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.art-woo-side-cart .art-cart-collaterals .art-cart_totals .art-cart-totals-bottom a {
padding: 13px 33px;
margin: 0;
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-woo-side-cart .art-cart-collaterals .art-cart_totals .art-cart-totals-bottom a {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
@media only screen and (max-width: 540px) {
.art-woo-side-cart .art-cart-collaterals .art-cart_totals .art-cart-totals-bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.art-woo-side-cart .art-cart-collaterals .art-cart_totals .art-cart-totals-bottom a:first-child {
margin-bottom: 10px;
}
}
.art-woo-side-cart .art-cart-side-empty {
height: calc(100% - 136px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.art-woo-side-cart .art-cart-side-empty .cart-side-empty-data {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.art-woo-side-cart .art-cart-side-empty .cart-side-empty-data .art-cart-side-empty-title {
margin-top: 16px;
}
.art-cart-page-wrapper {
padding-bottom: 80px;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart {
border: 0;
}
@media only screen and (max-width: 768px) {
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
padding: 0 0 25px;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart thead tr th {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-left: 0;
border-right: 0;
background-color: transparent;
padding: 14px 0;
text-align: center;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart thead tr th.product-subtotal {
text-align: right;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr:first-child td {
padding-top: 30px;
}
@media only screen and (max-width: 768px) {
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr:first-child td {
padding: 0;
}
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td {
border: 0;
background-color: transparent;
padding: 15px 0;
}
@media only screen and (max-width: 768px) {
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td {
text-align: center !important;
padding: 0;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-top: 25px;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td::before {
content: none;
}
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-thumbnail {
width: 92px;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-thumbnail a img {
width: 92px;
}
@media only screen and (max-width: 768px) {
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-thumbnail {
display: block;
}
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-name {
padding-left: 24px;
padding-right: 63px;
width: 274px;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-name a {
color: var(--art-colors-heading);
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-name a:hover {
color: var(--art-colors-link);
}
@media only screen and (max-width: 1199px) {
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-name {
padding-right: 24px;
width: 220px;
}
}
@media only screen and (max-width: 768px) {
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-name {
padding: 0;
width: 100%;
}
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-price {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
text-align: center;
}
@media only screen and (max-width: 767px) {
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-price {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-quantity {
text-align: center;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-subtotal {
text-align: right;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-remove {
text-align: right;
padding-left: 0;
padding-right: 0;
width: 60px;
}
@media only screen and (max-width: 768px) {
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-remove {
text-align: center !important;
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-remove a.remove {
font-size: 16px;
color: var(--art-colors-heading) !important;
display: inline-block;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.product-remove a.remove:hover {
color: var(--art-colors-link) !important;
background-color: unset;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.actions {
padding: 15px 0 0 0;
}
@media only screen and (max-width: 768px) {
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.actions {
border-top: none;
padding: 15px;
}
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.actions .art-woo-cart-actions {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 30px;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.actions button:disabled {
pointer-events: none;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.actions .coupon {
width: 300px;
position: relative;
}
@media only screen and (max-width: 768px) {
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.actions .coupon {
margin: 0 auto;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.actions .coupon .art-input-text-coupon {
width: 100%;
}
}
@media only screen and (max-width: 540px) {
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.actions .coupon {
width: 100% !important;
}
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.actions .coupon .art-apply-coupon {
position: absolute;
top: 0;
right: 0;
padding: 14px 25px;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.actions .art-update-cart {
padding: 11px 0 5px 0;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.actions .art-update-cart:hover {
background: unset;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart tbody tr td.actions .art-update-cart:disabled[disabled] {
opacity: 1;
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart dl {
margin: 10px 0 0;
color: var(--art-colors-second-text);
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart dt {
font-family: inherit;
font-weight: inherit;
font-style: inherit;
text-transform: inherit;
text-decoration: inherit;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
margin: 0;
}
@media only screen and (max-width: 768px) {
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart dt {
float: none;
}
}
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart dd {
margin: 0;
}
@media only screen and (max-width: 768px) {
.art-cart-page-wrapper .art-cart-page-left .woocommerce-cart-form table.shop_table.cart dd {
display: inline-block;
}
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals {
padding: 30px;
background-color: var(--art-colors-second-bg);
}
@media only screen and (max-width: 991px) {
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals {
margin-top: 50px;
}
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals {
float: none;
width: 100%;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals > h6 {
margin: 0;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .art-shipping-wrapper {
margin-top: 25px;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .art-shipping-wrapper form.woocommerce-shipping-calculator .shipping-calculator-button {
margin: 0;
cursor: pointer;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .art-shipping-wrapper form.woocommerce-shipping-calculator .shipping-calculator-button::after {
content: none;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .art-shipping-wrapper form.woocommerce-shipping-calculator section.shipping-calculator-form {
margin: 25px 0 0;
display: none;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .art-shipping-wrapper form.woocommerce-shipping-calculator section.shipping-calculator-form p.form-row {
padding: 0;
margin: 0 0 30px;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .art-shipping-wrapper form.woocommerce-shipping-calculator section.shipping-calculator-form p.art-update-shipping {
text-align: right;
margin: 0;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .art-shipping-wrapper form.woocommerce-shipping-calculator section.shipping-calculator-form input.input-text,
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .art-shipping-wrapper form.woocommerce-shipping-calculator section.shipping-calculator-form textarea,
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .art-shipping-wrapper form.woocommerce-shipping-calculator section.shipping-calculator-form .select2-container--default .select2-selection--single,
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .art-shipping-wrapper form.woocommerce-shipping-calculator section.shipping-calculator-form select {
background-color: var(--art-colors-second-bg);
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .art-shipping-wrapper .woocommerce-shipping-destination {
display: block;
padding: 0;
margin: 20px 0;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .art-shipping-wrapper ul#shipping_method {
margin-top: 20px;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .coupon {
margin-top: 30px;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .coupon .coupon-title {
margin: 0 0 9px;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .coupon .coupon-form-wrapper,
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .coupon .coupon-form-wrapper form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .coupon .art-coupon-button {
border-left: 0;
padding-left: 20px;
padding-right: 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals table.shop_table {
border: 0;
background: none;
margin: 30px 0 0;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals table.shop_table tr:first-child th,
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals table.shop_table tr:first-child td {
padding-top: 0;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals table.shop_table th,
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals table.shop_table td {
border: 0;
background: none;
padding: 14px 0 0;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals table.shop_table th {
text-align: left;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals table.shop_table td {
text-align: right;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals table.shop_table strong {
font-weight: inherit;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .wc-proceed-to-checkout {
margin: 40px 0 0;
padding: 0;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .wc-proceed-to-checkout .art-checkout {
width: 100%;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .wc-proceed-to-checkout #pwgc-redeem-gift-card-form {
width: 100%;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .wc-proceed-to-checkout #pwgc-redeem-gift-card-form #pwgc-redeem-gift-card-container {
margin-bottom: 40px;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .wc-proceed-to-checkout #pwgc-redeem-gift-card-form #pwgc-redeem-gift-card-number {
width: 100%;
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .wc-proceed-to-checkout #pwgc-redeem-gift-card-form #pwgc-redeem-button {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 40px;
border-color: var(--art-colors-bg);
background-color: transparent;
color: var(--art-colors-bg);
width: 100%;
display: block;
margin-top: 10px;
}
.art-second-color-scheme .art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .wc-proceed-to-checkout #pwgc-redeem-gift-card-form #pwgc-redeem-button {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .wc-proceed-to-checkout #pwgc-redeem-gift-card-form #pwgc-redeem-button {
background-color: transparent;
}
.art-second-color-scheme .art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .wc-proceed-to-checkout #pwgc-redeem-gift-card-form #pwgc-redeem-button {
color: var(--art-bg-bg);
}
.art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .wc-proceed-to-checkout #pwgc-redeem-gift-card-form #pwgc-redeem-button:hover { background-color: var(--art-colors-bg);
color: #fff;
}
.art-second-color-scheme .art-cart-page-wrapper .art-cart-page-right .cart-collaterals .cart_totals .wc-proceed-to-checkout #pwgc-redeem-gift-card-form #pwgc-redeem-button:hover {
background-color: var(--art-bg-bg);
}
.art-cart-page-wrapper .art-cart-page-right .return-to-shop {
text-align: center;
margin: 30px 0 0;
padding: 0;
}
.cart-is-empty-wrapper {
padding: 225px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cart-is-empty-wrapper .empty-bag-icon {
margin-bottom: 30px;
}
.cart-is-empty-wrapper .title {
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 40px;
}
.woocommerce form.checkout_coupon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.woocommerce form.checkout_coupon p {
margin: 20px 0 0;
padding: 0;
}
.woocommerce form.checkout_coupon p:first-child {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-top: 0;
}
.woocommerce form.checkout_coupon .button {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 40px;
border-color: var(--art-colors-bg);
background-color: var(--art-colors-bg);
color: var(--art-colors-light-text);
}
.art-second-color-scheme .woocommerce form.checkout_coupon .button {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .woocommerce form.checkout_coupon .button {
background-color: var(--art-bg-bg);
}
.art-second-color-scheme .woocommerce form.checkout_coupon .button {
color: var(--art-bg-light-text);
}
.woocommerce form.checkout_coupon .button:hover {
border-color: var(--art-colors-bg-hover);
background-color: var(--art-colors-bg-hover);
color: var(--art-colors-light-text);
}
.art-second-color-scheme .woocommerce form.checkout_coupon .button:hover {
border-color: var(--art-bg-bg-hover);
}
.art-second-color-scheme .woocommerce form.checkout_coupon .button:hover {
background-color: var(--art-bg-bg-hover);
}
.art-second-color-scheme .woocommerce form.checkout_coupon .button:hover {
color: var(--art-bg-light-text);
}
@media only screen and (max-width: 991px) {
.art-woo-checkout-page .art-checkout-left {
margin-bottom: 44px;
}
}
.art-woo-checkout-page .art-checkout-left h3.art-billing-details-title {
margin-bottom: 30px;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields #ship-to-different-address {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields #ship-to-different-address {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label .woocommerce-form__input + span {
padding-left: 8px;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields .shipping_address {
display: none;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields .shipping_address .art-shipping-address-title {
margin-bottom: 30px;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p.form-row {
padding: 0;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p {
width: 50%;
padding: 0;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p {
width: 100%;
}
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p > span,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p > span {
display: block;
padding: 0 15px;
width: 100%;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p.form-row-first,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p.form-row-first {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p.form-row-last,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p.form-row-last {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p.validate-email,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p.validate-email {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#shipping_company_field, .art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#billing_company_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#shipping_company_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#billing_company_field {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#shipping_address_1_field, .art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#billing_address_1_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#shipping_address_1_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#billing_address_1_field {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#shipping_address_2_field, .art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#billing_address_2_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#shipping_address_2_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#billing_address_2_field {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#shipping_country_field, .art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#billing_country_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#shipping_country_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#billing_country_field {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#shipping_city_field, .art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#billing_city_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#shipping_city_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#billing_city_field {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#shipping_state_field, .art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#billing_state_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#shipping_state_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#billing_state_field {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
width: 25%;
}
@media only screen and (max-width: 767px) {
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#shipping_state_field, .art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#billing_state_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#shipping_state_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#billing_state_field {
width: 100%;
}
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#shipping_postcode_field, .art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#billing_postcode_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#shipping_postcode_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#billing_postcode_field {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
width: 25%;
}
@media only screen and (max-width: 767px) {
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#shipping_postcode_field, .art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#billing_postcode_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#shipping_postcode_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#billing_postcode_field {
width: 100%;
}
}
.art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#shipping_phone_field, .art-woo-checkout-page .art-checkout-left .woocommerce-shipping-fields__field-wrapper > p#billing_phone_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#shipping_phone_field,
.art-woo-checkout-page .art-checkout-left .woocommerce-billing-fields__field-wrapper > p#billing_phone_field {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-additional-fields span.woocommerce-input-wrapper {
width: 100%;
}
.art-woo-checkout-page .art-checkout-left .woocommerce-additional-fields span.woocommerce-input-wrapper textarea {
min-height: 100px;
}
.art-woo-checkout-page .art-checkout-left .art-shipping-checkout-wrapper {
margin-top: 10px;
}
.art-woo-checkout-page .art-checkout-left .art-shipping-checkout-wrapper .woocommerce-additional-fields h3 {
margin-bottom: 30px;
font-weight: 500;
font-size: 20px;
line-height: 29px;
color: var(--art-colors-heading);
letter-spacing: 0.02em;
}
.art-woo-checkout-page .art-checkout-right .art-checkout-right-wrapper {
padding: 30px;
background-color: var(--art-colors-second-bg);
}
.art-woo-checkout-page .art-checkout-right h3.art-order-summary-title {
margin-bottom: 28px;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table {
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 0 30px;
margin: 0 0 30px;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table th,
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table td {
border: 0;
background: none;
line-height: inherit;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .cart_item td {
padding: 30px 0 0;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .cart_item:first-child td {
padding-top: 0;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .cart_item .product-image {
border-top: none;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .cart_item .product-image img {
width: 92px;
min-width: 92px;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .cart_item .product-name {
border-top: none;
width: 100%;
padding-left: 24px;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .cart_item .product-name .product-name-data > span {
display: block;
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .cart_item .product-name .product-name-data > span {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .cart_item .product-name .product-name-data .product-item-title {
margin-bottom: 6px;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .cart_item .product-name .product-name-data .product-item-price {
margin-bottom: 6px;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot th,
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot td {
padding: 15px 0 0;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot th {
text-align: left;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot td {
text-align: right;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot td.art-shipping-methods-row {
text-align: left;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot strong {
font-weight: inherit;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot tr:first-child th,
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot tr:first-child td {
padding-top: 40px;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment {
background: transparent;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment > h6 {
margin: 0;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .art-payment-method-title {
font-family: var(--art-body-one-font-family);
font-weight: var(--art-body-one-font-weight);
font-style: var(--art-body-one-font-style);
text-transform: var(--art-body-one-text-transform);
-webkit-text-decoration: var(--art-body-one-text-decoration);
text-decoration: var(--art-body-one-text-decoration);
font-size: var(--art-body-one-font-size);
line-height: var(--art-body-one-line-height);
letter-spacing: var(--art-body-one-letter-spacing);
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .art-payment-method-title {
font-family: var(--art-body-one-mobile-font-family);
font-weight: var(--art-body-one-mobile-font-weight);
font-style: var(--art-body-one-mobile-font-style);
text-transform: var(--art-body-one-mobile-text-transform);
-webkit-text-decoration: var(--art-body-one-mobile-text-decoration);
text-decoration: var(--art-body-one-mobile-text-decoration);
font-size: var(--art-body-one-mobile-font-size);
line-height: var(--art-body-one-mobile-line-height);
letter-spacing: var(--art-body-one-mobile-letter-spacing);
}
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .wc_payment_methods {
list-style: none;
margin: 18px 0 0;
padding: 0;
border-bottom: none;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .wc_payment_methods .wc_payment_method {
position: relative;
line-height: inherit;
margin-bottom: 7px;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .wc_payment_methods .wc_payment_method input {
margin: 0;
top: 4px;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .wc_payment_methods .wc_payment_method label {
display: inline;
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
position: relative;
top: 1px;
}
@media only screen and (max-width: 767px) {
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .wc_payment_methods .wc_payment_method label {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .wc_payment_methods .wc_payment_method .payment_box {
color: var(--art-colors-heading);
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
margin: 1em 0 0 0;
background-color: unset;
padding: 0;
}
@media only screen and (max-width: 767px) {
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .wc_payment_methods .wc_payment_method .payment_box {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .wc_payment_methods .wc_payment_method .payment_box::before {
display: none;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .wc_payment_methods .wc_payment_method.payment_method_paypal label a.about_paypal,
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .wc_payment_methods .wc_payment_method.payment_method_paypal label img {
display: none;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .wc_payment_methods .wc_payment_method .form-row {
margin: 0 0 10px 0;
padding: 0;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .wc_payment_methods .wc_payment_method .form-row .wc-stripe-elements-field,
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .wc_payment_methods .wc_payment_method .form-row .stripe-card-group {
width: 100%;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .wc_payment_methods .wc_payment_method .form-row.woocommerce-SavedPaymentMethods-saveNew {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .wc_payment_methods .wc_payment_method .form-row.woocommerce-SavedPaymentMethods-saveNew #wc-stripe-new-payment-method {
margin-right: 8px;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order {
margin: 30px 0 0;
padding: 0;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text {
font-family: var(--art-body-five-font-family);
font-weight: var(--art-body-five-font-weight);
font-style: var(--art-body-five-font-style);
text-transform: var(--art-body-five-text-transform);
-webkit-text-decoration: var(--art-body-five-text-decoration);
text-decoration: var(--art-body-five-text-decoration);
font-size: var(--art-body-five-font-size);
line-height: var(--art-body-five-line-height);
letter-spacing: var(--art-body-five-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text {
font-family: var(--art-body-five-mobile-font-family);
font-weight: var(--art-body-five-mobile-font-weight);
font-style: var(--art-body-five-mobile-font-style);
text-transform: var(--art-body-five-mobile-text-transform);
-webkit-text-decoration: var(--art-body-five-mobile-text-decoration);
text-decoration: var(--art-body-five-mobile-text-decoration);
font-size: var(--art-body-five-mobile-font-size);
line-height: var(--art-body-five-mobile-line-height);
letter-spacing: var(--art-body-five-mobile-letter-spacing);
}
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-link {
color: var(--art-colors-text);
text-decoration: underline;
text-underline-position: under;
-webkit-transition: -webkit-text-decoration-color 0.2s ease-in-out;
transition: -webkit-text-decoration-color 0.2s ease-in-out;
transition: text-decoration-color 0.2s ease-in-out;
transition: text-decoration-color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-link:hover {
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required {
margin: 30px 0 0;
padding: 0;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required .woocommerce-form__label {
line-height: var(--art-h8-line-height);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required .woocommerce-form__label input.input-checkbox {
margin: 2px 8px 0 0;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required .woocommerce-form__label .woocommerce-terms-and-conditions-checkbox-text {
color: var(--art-colors-heading);
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required .woocommerce-form__label .woocommerce-terms-and-conditions-checkbox-text a {
color: var(--art-colors-heading);
text-decoration: underline;
text-underline-position: under;
-webkit-transition: -webkit-text-decoration-color 0.2s ease-in-out;
transition: -webkit-text-decoration-color 0.2s ease-in-out;
transition: text-decoration-color 0.2s ease-in-out;
transition: text-decoration-color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper .form-row.validate-required .woocommerce-form__label .woocommerce-terms-and-conditions-checkbox-text a:hover {
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order #pwgc-redeem-gift-card-form {
width: 100%;
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order #pwgc-redeem-gift-card-form #pwgc-redeem-form #pwgc-redeem-button {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 40px;
border-color: var(--art-colors-bg);
background-color: transparent;
color: var(--art-colors-bg);
margin-top: 10px !important;
margin-bottom: 0 !important;
width: 100%;
}
.art-second-color-scheme .art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order #pwgc-redeem-gift-card-form #pwgc-redeem-form #pwgc-redeem-button {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order #pwgc-redeem-gift-card-form #pwgc-redeem-form #pwgc-redeem-button {
background-color: transparent;
}
.art-second-color-scheme .art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order #pwgc-redeem-gift-card-form #pwgc-redeem-form #pwgc-redeem-button {
color: var(--art-bg-bg);
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order #pwgc-redeem-gift-card-form #pwgc-redeem-form #pwgc-redeem-button:hover { background-color: var(--art-colors-bg);
color: #fff;
}
.art-second-color-scheme .art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment .form-row.place-order #pwgc-redeem-gift-card-form #pwgc-redeem-form #pwgc-redeem-button:hover {
background-color: var(--art-bg-bg);
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment #place_order {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 40px;
border-color: var(--art-colors-bg);
background-color: var(--art-colors-bg);
color: var(--art-colors-light-text);
width: 100%;
margin-top: 40px;
}
.art-second-color-scheme .art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment #place_order {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment #place_order {
background-color: var(--art-bg-bg);
}
.art-second-color-scheme .art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment #place_order {
color: var(--art-bg-light-text);
}
.art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment #place_order:hover {
border-color: var(--art-colors-bg-hover);
background-color: var(--art-colors-bg-hover);
color: var(--art-colors-light-text);
}
.art-second-color-scheme .art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment #place_order:hover {
border-color: var(--art-bg-bg-hover);
}
.art-second-color-scheme .art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment #place_order:hover {
background-color: var(--art-bg-bg-hover);
}
.art-second-color-scheme .art-woo-checkout-page .art-checkout-right .woocommerce-checkout-review-order #payment #place_order:hover {
color: var(--art-bg-light-text);
}
.woocommerce-invalid #terms {
outline: none;
}
body.woocommerce-order-received .art-headline {
display: none;
}
.art-thank-you-page {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
padding: 164px 0 96px 0;
}
@media only screen and (max-width: 767px) {
.art-thank-you-page {
padding: 10px 0 5px 0;
}
}
.art-thank-you-page .art-thank-you-page-title {
margin: 30px 0 16px;
}
@media only screen and (max-width: 767px) {
.art-thank-you-page .art-thank-you-page-title {
margin: 20px 0 10px 0;
}
}
.art-thank-you-page .art-thank-you-page-description {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
.art-thank-you-page .art-thank-you-page-description {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
@media only screen and (max-width: 767px) {
.art-thank-you-page .art-thank-you-page-description {
margin-bottom: 20px;
}
}
.woocommerce-page .art-woo-main-archive-wrapper,
.woocommerce .art-woo-main-archive-wrapper {
width: 100%;
}
.woocommerce-page .art-woo-main-archive-wrapper.sidebar-enabled,
.woocommerce .art-woo-main-archive-wrapper.sidebar-enabled {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.woocommerce-page .art-woo-main-archive-wrapper.sidebar-enabled .shop-sidebar,
.woocommerce .art-woo-main-archive-wrapper.sidebar-enabled .shop-sidebar {
width: 25%;
min-width: 25%;
max-width: 25%;
padding-right: 15px;
}
@media (max-width: 768px) {
.woocommerce-page .art-woo-main-archive-wrapper.sidebar-enabled .shop-sidebar,
.woocommerce .art-woo-main-archive-wrapper.sidebar-enabled .shop-sidebar {
display: none;
}
}
.woocommerce-page .art-woo-main-archive-wrapper.sidebar-enabled .shop-archive-wrapper,
.woocommerce .art-woo-main-archive-wrapper.sidebar-enabled .shop-archive-wrapper {
width: calc(75% + 30px);
min-width: calc(75% + 30px);
max-width: calc(75% + 30px);
padding-left: 15px;
}
@media (max-width: 768px) {
.woocommerce-page .art-woo-main-archive-wrapper.sidebar-enabled .shop-archive-wrapper,
.woocommerce .art-woo-main-archive-wrapper.sidebar-enabled .shop-archive-wrapper {
width: calc(100% + 30px);
min-width: calc(100% + 30px);
max-width: calc(100% + 30px);
padding-left: 0;
}
}
.woocommerce-page .art-woo-main-archive-wrapper .shop-archive-wrapper,
.woocommerce .art-woo-main-archive-wrapper .shop-archive-wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.woocommerce-page .art-woo-main-archive-wrapper .shop-archive-wrapper br,
.woocommerce .art-woo-main-archive-wrapper .shop-archive-wrapper br {
display: none !important;
}
.woocommerce-page .art-woo-archive-container,
.woocommerce .art-woo-archive-container {
padding-top: 60px;
padding-bottom: 110px;
}
@media only screen and (max-width: 767px) {
.woocommerce-page .art-woo-archive-container,
.woocommerce .art-woo-archive-container {
padding-bottom: 60px;
}
}
.woocommerce-page .art-woo-archive-container .woocommerce-notices-wrapper,
.woocommerce .art-woo-archive-container .woocommerce-notices-wrapper {
margin-bottom: 40px;
}
.woocommerce-page .art-woo-archive-container .woocommerce-notices-wrapper:empty,
.woocommerce .art-woo-archive-container .woocommerce-notices-wrapper:empty {
display: none;
}
.woocommerce-page .art-before-shop-loop,
.woocommerce .art-before-shop-loop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
.woocommerce-page .art-before-shop-loop,
.woocommerce .art-before-shop-loop {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 991px) {
.woocommerce-page .art-before-shop-loop .art-shop-cats,
.woocommerce .art-before-shop-loop .art-shop-cats {
width: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow: auto;
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset;
margin-bottom: 25px;
padding-bottom: 15px;
}
.woocommerce-page .art-before-shop-loop .art-shop-cats::-webkit-scrollbar,
.woocommerce .art-before-shop-loop .art-shop-cats::-webkit-scrollbar {
width: 0;
height: 0;
background: transparent;
}
.woocommerce-page .art-before-shop-loop .art-shop-cats::-webkit-scrollbar-thumb,
.woocommerce .art-before-shop-loop .art-shop-cats::-webkit-scrollbar-thumb {
background: transparent;
}
.woocommerce-page .art-before-shop-loop .art-shop-cats .categories,
.woocommerce .art-before-shop-loop .art-shop-cats .categories {
min-width: 870px;
}
}
.woocommerce-page .art-before-shop-loop .art-shop-cats .art-categories-dropdown,
.woocommerce .art-before-shop-loop .art-shop-cats .art-categories-dropdown {
width: 360px;
}
.woocommerce-page .art-before-shop-loop .art-shop-cats > ul,
.woocommerce .art-before-shop-loop .art-shop-cats > ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
}
.woocommerce-page .art-before-shop-loop .art-shop-cats > ul > li,
.woocommerce .art-before-shop-loop .art-shop-cats > ul > li {
margin-top: 0;
margin-right: 40px;
}
.woocommerce-page .art-before-shop-loop .art-shop-cats > ul > li > a,
.woocommerce .art-before-shop-loop .art-shop-cats > ul > li > a {
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
color: var(--art-colors-heading);
}
@media only screen and (max-width: 767px) {
.woocommerce-page .art-before-shop-loop .art-shop-cats > ul > li > a,
.woocommerce .art-before-shop-loop .art-shop-cats > ul > li > a {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.woocommerce-page .art-before-shop-loop .art-shop-cats > ul > li > a:hover, .woocommerce-page .art-before-shop-loop .art-shop-cats > ul > li.current_item > a,
.woocommerce .art-before-shop-loop .art-shop-cats > ul > li > a:hover,
.woocommerce .art-before-shop-loop .art-shop-cats > ul > li.current_item > a {
display: inline-block;
position: relative;
}
.woocommerce-page .art-before-shop-loop .art-shop-cats > ul > li > a:hover:before, .woocommerce-page .art-before-shop-loop .art-shop-cats > ul > li.current_item > a:before,
.woocommerce .art-before-shop-loop .art-shop-cats > ul > li > a:hover:before,
.woocommerce .art-before-shop-loop .art-shop-cats > ul > li.current_item > a:before {
content: "";
position: absolute;
bottom: -7px;
left: 0;
height: 2px;
width: 100%;
background-color: var(--art-colors-text);
}
.art-second-color-scheme .woocommerce-page .art-before-shop-loop .art-shop-cats > ul > li > a:hover:before, .art-second-color-scheme .woocommerce-page .art-before-shop-loop .art-shop-cats > ul > li.current_item > a:before,
.art-second-color-scheme .woocommerce .art-before-shop-loop .art-shop-cats > ul > li > a:hover:before,
.art-second-color-scheme .woocommerce .art-before-shop-loop .art-shop-cats > ul > li.current_item > a:before {
background-color: var(--art-bg-text);
}
.woocommerce-page .art-before-shop-loop .art-ordering-cart,
.woocommerce .art-before-shop-loop .art-ordering-cart {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 991px) {
.woocommerce-page .art-before-shop-loop .art-ordering-cart,
.woocommerce .art-before-shop-loop .art-ordering-cart {
width: 100%;
}
}
.woocommerce-page .art-before-shop-loop .art-ordering-cart .woocommerce-ordering,
.woocommerce .art-before-shop-loop .art-ordering-cart .woocommerce-ordering {
margin-bottom: 0;
}
.woocommerce-page .art-before-shop-loop .art-ordering-cart .s-header__basket-wr,
.woocommerce .art-before-shop-loop .art-ordering-cart .s-header__basket-wr {
margin-left: 40px;
}
.woocommerce-page ul.products,
.woocommerce ul.products {
margin-bottom: 0;
margin-left: -15px;
margin-right: -15px;
}
.woocommerce-page ul.products.columns-1 .product,
.woocommerce ul.products.columns-1 .product {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
.woocommerce-page ul.products.columns-2 .product,
.woocommerce ul.products.columns-2 .product {
width: 50% !important;
min-width: 50% !important;
max-width: 50% !important;
}
@media (max-width: 576px) {
.woocommerce-page ul.products.columns-2 .product,
.woocommerce ul.products.columns-2 .product {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
}
.woocommerce-page ul.products.columns-3 .product,
.woocommerce ul.products.columns-3 .product {
width: 33.3333% !important;
min-width: 33.3333% !important;
max-width: 33.3333% !important;
}
@media (max-width: 768px) {
.woocommerce-page ul.products.columns-3 .product,
.woocommerce ul.products.columns-3 .product {
width: 50% !important;
min-width: 50% !important;
max-width: 50% !important;
}
}
@media (max-width: 576px) {
.woocommerce-page ul.products.columns-3 .product,
.woocommerce ul.products.columns-3 .product {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
}
.woocommerce-page ul.products.columns-5 .product,
.woocommerce ul.products.columns-5 .product {
width: 20% !important;
min-width: 20% !important;
max-width: 20% !important;
}
@media (max-width: 768px) {
.woocommerce-page ul.products.columns-5 .product,
.woocommerce ul.products.columns-5 .product {
width: 50% !important;
min-width: 50% !important;
max-width: 50% !important;
}
}
@media (max-width: 576px) {
.woocommerce-page ul.products.columns-5 .product,
.woocommerce ul.products.columns-5 .product {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
}
.woocommerce-page ul.products:not(.art-products-widget-slider),
.woocommerce ul.products:not(.art-products-widget-slider) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce-page ul.products li.product,
.woocommerce ul.products li.product {
float: none;
margin-left: unset;
margin-right: unset;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 30px !important;
}
.woocommerce-page ul.products li.product a,
.woocommerce ul.products li.product a {
position: relative;
display: block;
}
.woocommerce-page ul.products li.product .art-product-image,
.woocommerce ul.products li.product .art-product-image {
margin-bottom: 24px;
}
.woocommerce-page ul.products li.product .art-product-image img,
.woocommerce ul.products li.product .art-product-image img {
margin-bottom: 0;
width: 100%;
max-width: 100%;
}
.woocommerce-page ul.products li.product .star-rating,
.woocommerce ul.products li.product .star-rating {
font-size: 16px;
position: absolute;
top: 21px;
left: 17px;
}
.woocommerce-page ul.products li.product .onsale,
.woocommerce ul.products li.product .onsale {
left: auto;
right: 16px;
min-width: 1px;
min-height: 1px;
z-index: 1;
position: absolute;
right: 16px;
top: 16px;
background-color: var(--art-colors-fourth-bg);
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
padding: 3px 16px;
border-radius: 0;
margin: 0;
color: var(--art-colors-link);
}
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
text-align: center;
margin: 0;
padding: 0;
}
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .price {
color: var(--art-colors-heading);
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
text-align: center;
display: block;
margin-top: 4px;
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .price {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.woocommerce-page ul.products li.product .price del,
.woocommerce ul.products li.product .price del {
opacity: 1;
}
.woocommerce-page ul.products li.product .price del + ins,
.woocommerce ul.products li.product .price del + ins {
margin-left: 5px;
}
.woocommerce-page ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins {
text-decoration: none;
font-weight: 400;
}
.woocommerce-page .art-shop-pagination-wrapper,
.woocommerce .art-shop-pagination-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.woocommerce-page .art-shop-pagination-wrapper .art-load-more-wrapper,
.woocommerce .art-shop-pagination-wrapper .art-load-more-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.woocommerce-page .art-shop-pagination-wrapper ~ .woocommerce-pagination,
.woocommerce .art-shop-pagination-wrapper ~ .woocommerce-pagination {
display: none;
}
.woocommerce-page nav.woocommerce-pagination,
.woocommerce nav.woocommerce-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 50px;
}
.woocommerce-page nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 0;
margin: 0;
padding: 0;
}
.woocommerce-page nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul li {
border: 0;
margin: 0;
padding: 0;
overflow: visible;
}
.woocommerce-page nav.woocommerce-pagination ul li .page-numbers,
.woocommerce nav.woocommerce-pagination ul li .page-numbers {
color: var(--art-colors-link);
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
background-color: transparent;
position: relative;
margin: 0;
padding: 0 8px;
min-width: 1px;
}
@media only screen and (max-width: 767px) {
.woocommerce-page nav.woocommerce-pagination ul li .page-numbers,
.woocommerce nav.woocommerce-pagination ul li .page-numbers {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.woocommerce-page nav.woocommerce-pagination ul li .page-numbers:hover, .woocommerce-page nav.woocommerce-pagination ul li .page-numbers:focus, .woocommerce-page nav.woocommerce-pagination ul li .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li .page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li .page-numbers:focus,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.current {
color: var(--art-colors-link);
background-color: transparent;
}
.woocommerce-page nav.woocommerce-pagination ul li .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.current {
margin: 0 8px;
padding: 0;
}
.woocommerce-page nav.woocommerce-pagination ul li .page-numbers.current:before,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.current:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background-color: var(--art-colors-text);
bottom: -8px;
}
.woocommerce-page nav.woocommerce-pagination ul li .page-numbers.prev, .woocommerce-page nav.woocommerce-pagination ul li .page-numbers.next,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.next {
font-size: 23px;
width: 40px;
text-indent: -99999px;
}
.woocommerce-page nav.woocommerce-pagination ul li .page-numbers.prev::before, .woocommerce-page nav.woocommerce-pagination ul li .page-numbers.next::before,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev::before,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.next::before {
font-size: inherit;
font-family: "magnetique";
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
position: absolute;
top: 2px;
right: 0;
bottom: 0;
left: 0;
margin: auto;
text-indent: 0px;
}
.woocommerce-page nav.woocommerce-pagination ul li .page-numbers.prev:before,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev:before {
content: "\e807";
}
.woocommerce-page nav.woocommerce-pagination ul li .page-numbers.next:before,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.next:before {
content: "\e808";
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.woocommerce-page ul.products::before, .woocommerce-page ul.products::after,
ul.products.art-products-widget-slider::before,
ul.products.art-products-widget-slider::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after {
display: none;
}
input {
-webkit-box-shadow: none;
box-shadow: none;
}
input {
border-radius: 0;
border: 0;
} input[type=radio] {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
position: relative;
width: 18px;
height: 18px;
display: inline-block;
}
input[type=radio]::before {
content: "";
width: 18px;
height: 18px;
display: block;
border-width: 1px;
border-style: solid;
border-color: var(--art-colors-heading);
border-radius: 100%;
cursor: pointer;
}
input[type=radio]:checked::before {
content: "";
width: 18px;
height: 18px;
border-width: 1px;
border-style: solid;
border-color: var(--art-colors-heading);
border-radius: 100%;
background-color: var(--art-colors-heading);
}
input[type=radio]:checked::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
border-radius: 100%;
-webkit-transform: scale(0.35);
transform: scale(0.35);
}
}
}
.art-woo-container-single-product {
padding-top: 40px;
padding-bottom: 100px;
}
.art-single-product-before-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 46px;
}
.art-single-product-before-top .woocommerce-notices-wrapper {
width: 100%;
}
.art-single-product-before-top .woocommerce-breadcrumb {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.art-single-product-before-top .woocommerce-breadcrumb {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-single-product-before-top .woocommerce-breadcrumb,
.art-single-product-before-top .woocommerce-breadcrumb a {
color: var(--art-colors-heading);
}
.art-single-product-before-top .woocommerce-breadcrumb a:hover {
color: var(--art-colors-link);
}
.art-product-layout-classic .art-single-product-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
}
.art-product-layout-classic .art-single-product-top .art-product-gallery {
position: relative;
}
.art-product-layout-classic .art-single-product-top .art-product-gallery span.onsale {
font-family: var(--art-body-five-font-family);
font-weight: var(--art-body-five-font-weight);
font-style: var(--art-body-five-font-style);
text-transform: var(--art-body-five-text-transform);
-webkit-text-decoration: var(--art-body-five-text-decoration);
text-decoration: var(--art-body-five-text-decoration);
font-size: var(--art-body-five-font-size);
line-height: var(--art-body-five-line-height);
letter-spacing: var(--art-body-five-letter-spacing);
color: var(--art-colors-heading);
background-color: var(--art-colors-accent);
border-width: 2px;
border-style: solid;
border-color: var(--art-colors-heading);
position: absolute;
top: 16px;
left: auto;
right: 31px;
margin: 0;
min-width: 1px;
min-height: 1px;
padding: 6px 12px;
border-radius: 0;
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .art-product-no-sliders a img {
width: 100%;
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .woocommerce-product-gallery__trigger {
display: none;
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .images {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
.art-product-layout-classic .art-single-product-top .art-product-gallery .images {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .images .art-product-sliders-nav {
width: 120px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-right: 30px;
position: relative;
z-index: 20;
margin-top: -15px;
}
@media only screen and (max-width: 1199px) {
.art-product-layout-classic .art-single-product-top .art-product-gallery .images .art-product-sliders-nav {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
display: none;
}
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .images .art-product-sliders-nav .art-slick-slide {
cursor: pointer;
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .images .art-product-sliders-nav .slick-list {
overflow: hidden;
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .images .art-product-sliders-nav .slick-slide {
margin: 15px 0;
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .images .art-product-sliders-nav .slick-slide img {
width: 120px !important;
opacity: 1;
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .images .art-product-sliders-for {
width: calc(100% - 150px);
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media only screen and (max-width: 1199px) {
.art-product-layout-classic .art-single-product-top .art-product-gallery .images .art-product-sliders-for {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
max-width: unset;
overflow: hidden;
position: relative;
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .images .art-product-sliders-for .slick-dots {
bottom: 11px;
}
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .slider_arrows {
position: absolute;
width: 120px;
height: 100%;
}
@media only screen and (max-width: 1199px) {
.art-product-layout-classic .art-single-product-top .art-product-gallery .slider_arrows {
display: none;
}
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .slider_arrows .previous_image,
.art-product-layout-classic .art-single-product-top .art-product-gallery .slider_arrows .next_image {
font-size: 20px;
display: none;
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 21;
cursor: pointer;
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .slider_arrows .previous_image.slick-arrow,
.art-product-layout-classic .art-single-product-top .art-product-gallery .slider_arrows .next_image.slick-arrow {
display: block;
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .slider_arrows .previous_image.slick-hidden i, .art-product-layout-classic .art-single-product-top .art-product-gallery .slider_arrows .previous_image.slick-disabled i,
.art-product-layout-classic .art-single-product-top .art-product-gallery .slider_arrows .next_image.slick-hidden i,
.art-product-layout-classic .art-single-product-top .art-product-gallery .slider_arrows .next_image.slick-disabled i {
display: none;
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .slider_arrows .previous_image {
top: -40px;
bottom: auto;
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .slider_arrows .next_image {
top: auto;
bottom: -40px;
}
@media only screen and (max-width: 991px) {
.art-product-layout-classic .art-single-product-top .entry-summary.summary {
margin-top: 40px;
}
}
.art-product-layout-classic .art-single-product-top .entry-summary .product_title {
margin-bottom: 20px;
}
.art-product-layout-classic .art-single-product-top .entry-summary .woocommerce-product-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 20px;
}
.art-product-layout-classic .art-single-product-top .entry-summary .woocommerce-product-rating .star-rating {
margin: 0 10px 0 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary .price {
font-family: var(--art-body-font-family);
font-weight: var(--art-body-font-weight);
font-style: var(--art-body-font-style);
text-transform: var(--art-body-text-transform);
-webkit-text-decoration: var(--art-body-text-decoration);
text-decoration: var(--art-body-text-decoration);
font-size: var(--art-body-font-size);
line-height: var(--art-body-line-height);
letter-spacing: var(--art-body-letter-spacing);
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.art-product-layout-classic .art-single-product-top .entry-summary .price {
font-family: var(--art-body-mobile-font-family);
font-weight: var(--art-body-mobile-font-weight);
font-style: var(--art-body-mobile-font-style);
text-transform: var(--art-body-mobile-text-transform);
-webkit-text-decoration: var(--art-body-mobile-text-decoration);
text-decoration: var(--art-body-mobile-text-decoration);
font-size: var(--art-body-mobile-font-size);
line-height: var(--art-body-mobile-line-height);
letter-spacing: var(--art-body-mobile-letter-spacing);
}
}
.art-product-layout-classic .art-single-product-top .entry-summary .price ins {
font-weight: inherit;
text-decoration: none;
}
.art-product-layout-classic .art-single-product-top .entry-summary .woocommerce-product-details__short-description {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.art-product-layout-classic .art-single-product-top .entry-summary .woocommerce-product-details__short-description {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-product-layout-classic .art-single-product-top .entry-summary form.cart {
margin-bottom: 40px;
}
.art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations {
margin-bottom: 30px;
}
.art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations th,
.art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations td {
border: 0;
padding: 10px 0 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations tr:first-child th,
.art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations tr:first-child td {
padding-top: 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations label {
margin: 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations td.label label {
padding: 15px 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations .reset_variations {
font-family: var(--art-body-five-font-family);
font-weight: var(--art-body-five-font-weight);
font-style: var(--art-body-five-font-style);
text-transform: var(--art-body-five-text-transform);
-webkit-text-decoration: var(--art-body-five-text-decoration);
text-decoration: var(--art-body-five-text-decoration);
font-size: var(--art-body-five-font-size);
line-height: var(--art-body-five-line-height);
letter-spacing: var(--art-body-five-letter-spacing);
color: var(--art-colors-second-text);
visibility: visible !important;
}
.art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations .reset_variations:hover {
color: var(--art-colors-link);
}
.woo-variation-swatches .art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations tr {
display: block;
margin-top: 10px;
}
.woo-variation-swatches .art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations tr:first-child {
margin-top: 0;
}
.woo-variation-swatches .art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations th,
.woo-variation-swatches .art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations td {
display: block;
padding: 0;
}
.woo-variation-swatches .art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations td.label {
padding: 0;
margin-bottom: 2px;
}
.woo-variation-swatches .art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations td.label label {
padding: 0;
}
.woo-variation-swatches .art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations .woo-selected-variation-item-name {
display: none !important;
}
.woo-variation-swatches .art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations .variable-items-wrapper .variable-item:not(.radio-variable-item) {
color: var(--art-colors-heading);
background-color: var(--art-colors-bg);
border-width: 2px;
border-style: solid;
border-color: var(--art-colors-heading);
margin-right: 14px;
padding: 4px 10px;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.woo-variation-swatches .art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations .variable-items-wrapper .variable-item:not(.radio-variable-item):last-of-type {
margin-right: 0;
}
.woo-variation-swatches .art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations .variable-items-wrapper .variable-item:not(.radio-variable-item):hover {
opacity: 0.8;
}
.woo-variation-swatches .art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations .variable-items-wrapper .variable-item:not(.radio-variable-item).selected {
color: var(--art-colors-bg);
background-color: var(--art-colors-heading);
opacity: 1;
}
.woo-variation-swatches .art-product-layout-classic .art-single-product-top .entry-summary form.cart .variations .variable-items-wrapper .variable-item:not(.radio-variable-item) .variable-item-span {
padding: 0;
font-size: inherit;
}
.art-product-layout-classic .art-single-product-top .entry-summary form.cart .single_variation {
margin-bottom: 20px;
}
.art-product-layout-classic .art-single-product-top .entry-summary form.cart .quantity {
margin-right: 24px;
}
.art-product-layout-classic .art-single-product-top .entry-summary .art-accordion__item-title {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-product-layout-classic .art-single-product-top .entry-summary .art-accordion__item-title {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-product-layout-classic .art-single-product-top .entry-summary .art-accordion__item-content {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-product-layout-classic .art-single-product-top .entry-summary .art-accordion__item-content {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-product-layout-classic .art-single-product-top .entry-summary .art-accordion__item-content > h2 {
display: none;
}
.art-product-layout-classic .art-single-product-top .entry-summary table.shop_attributes {
border: 0;
margin: 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary table.shop_attributes th,
.art-product-layout-classic .art-single-product-top .entry-summary table.shop_attributes td {
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
text-transform: inherit;
border: 0;
background-color: transparent;
padding: 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary table.shop_attributes th {
padding-right: 10px;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews #comments .woocommerce-Reviews-title {
margin-bottom: 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews #comments .woocommerce-noreviews {
font-family: var(--art-body-two-font-family);
font-weight: var(--art-body-two-font-weight);
font-style: var(--art-body-two-font-style);
text-transform: var(--art-body-two-text-transform);
-webkit-text-decoration: var(--art-body-two-text-decoration);
text-decoration: var(--art-body-two-text-decoration);
font-size: var(--art-body-two-font-size);
line-height: var(--art-body-two-line-height);
letter-spacing: var(--art-body-two-letter-spacing);
color: var(--art-colors-heading);
display: block;
margin-top: 10px;
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.art-product-layout-classic .art-single-product-top .entry-summary #reviews #comments .woocommerce-noreviews {
font-family: var(--art-body-two-mobile-font-family);
font-weight: var(--art-body-two-mobile-font-weight);
font-style: var(--art-body-two-mobile-font-style);
text-transform: var(--art-body-two-mobile-text-transform);
-webkit-text-decoration: var(--art-body-two-mobile-text-decoration);
text-decoration: var(--art-body-two-mobile-text-decoration);
font-size: var(--art-body-two-mobile-font-size);
line-height: var(--art-body-two-mobile-line-height);
letter-spacing: var(--art-body-two-mobile-letter-spacing);
}
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews #comments .commentlist {
margin-top: 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews #comments .commentlist .review {
margin-top: 30px;
margin-bottom: 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews #comments .commentlist .review .comment_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews #comments .commentlist .review .comment_container img.avatar {
border: none;
background: unset;
padding: 0;
width: 60px;
position: static;
float: none;
border-radius: 50%;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews #comments .commentlist .review .comment_container .comment-text {
margin-left: 24px;
padding: 0;
border: none;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews #comments .commentlist .review .comment_container .comment-text .star-rating {
float: none;
position: absolute;
right: 0;
top: 5px;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews #comments .commentlist .review .comment_container .comment-text .meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 18px;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews #comments .commentlist .review .comment_container .comment-text .meta .woocommerce-review__author {
color: var(--art-colors-heading);
margin-bottom: 8px;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews #comments .commentlist .review .comment_container .comment-text p:last-child {
margin-bottom: 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews #respond {
margin-top: 20px;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond {
margin-top: 30px;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond .woo-respondcomment-reply-title {
display: block;
margin-bottom: 10px;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond .woo-comment-reply-title {
margin-bottom: 10px;
display: block;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form > p {
padding: 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .comment-notes {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 30px !important;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .comment-form-author {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: calc(50% - 15px);
margin-right: 30px !important;
margin-bottom: 30px !important;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .comment-form-email {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
width: calc(50% - 15px);
margin-bottom: 30px !important;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .comment-form-rating {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
margin-bottom: 10px;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .comment-form-rating label {
margin-bottom: 10px;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .comment-form-rating .stars {
font-size: 16px;
font-weight: 700;
display: inline-block;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .comment-form-rating .stars a {
color: var(--art-colors-heading);
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .comment-form-rating .stars a:hover ~ a {
color: var(--art-colors-heading);
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .comment-form-rating .stars:hover a {
color: var(--art-colors-link);
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .comment-form-rating .stars.selected a.active {
color: var(--art-colors-link);
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .comment-form-rating .stars.selected a.active ~ a {
color: var(--art-colors-heading);
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .comment-form-rating .stars.selected a:not(.active) {
color: var(--art-colors-link);
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .comment-form-comment {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
width: 100%;
padding: 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .comment-form-comment textarea {
margin-top: 0;
margin-bottom: 20px;
height: 130px !important;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .form-submit {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.art-product-layout-classic .art-single-product-top .entry-summary #reviews .comment-respond form.comment-form .form-submit input.submit {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.art-product-layout-classic .art-single-product-top .entry-summary .product_meta {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.art-product-layout-classic .art-single-product-top .entry-summary .product_meta > span + span {
margin-top: 8px;
}
.art-product-layout-classic .art-single-product-top .entry-summary .product_meta a {
color: var(--art-colors-text);
}
.art-product-layout-classic .art-single-product-top .entry-summary .product_meta a:hover {
color: var(--art-colors-link);
}
.art-product-layout-classic .art-single-product-top .entry-summary form.grouped_form table.group_table tr td {
padding-bottom: 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary form.grouped_form table.group_table tr td .quantity {
margin-right: 0;
}
.art-product-layout-classic .art-single-product-top .entry-summary form.grouped_form table.group_table tr td span,
.art-product-layout-classic .art-single-product-top .entry-summary form.grouped_form table.group_table tr td label {
line-height: 49px;
}
.art-product-layout-classic .art-single-product-top .entry-summary form.grouped_form .single_add_to_cart_button {
margin-top: 17px;
}
.art-product-layout-classic .related.products {
margin-top: 70px; }
@media only screen and (max-width: 767px) {
.art-product-layout-classic .related.products {
margin-top: 30px;
margin-bottom: 40px;
}
}
.art-product-layout-classic .related.products h2 {
display: block;
text-align: center;
margin-top: 0;
margin-bottom: 50px;
font-family: var(--art-h4-font-family);
font-weight: var(--art-h4-font-weight);
font-style: var(--art-h4-font-style);
text-transform: var(--art-h4-text-transform);
-webkit-text-decoration: var(--art-h4-text-decoration);
text-decoration: var(--art-h4-text-decoration);
font-size: var(--art-h4-font-size);
line-height: var(--art-h4-line-height);
letter-spacing: var(--art-h4-letter-spacing);
}
@media only screen and (max-width: 767px) {
.art-product-layout-classic .related.products h2 {
font-family: var(--art-h4-mobile-font-family);
font-weight: var(--art-h4-mobile-font-weight);
font-style: var(--art-h4-mobile-font-style);
text-transform: var(--art-h4-mobile-text-transform);
-webkit-text-decoration: var(--art-h4-mobile-text-decoration);
text-decoration: var(--art-h4-mobile-text-decoration);
font-size: var(--art-h4-mobile-font-size);
line-height: var(--art-h4-mobile-line-height);
letter-spacing: var(--art-h4-mobile-letter-spacing);
}
}
.fr-thumbnail-frame .fr-thumbnail .fr-thumbnail-wrapper {
-webkit-box-shadow: none;
box-shadow: none;
}
.fr-thumbnail-frame .fr-thumbnail .fr-thumbnail-wrapper .fr-thumbnail-image {
opacity: 1 !important;
}
.fr-thumbnail-frame .fr-thumbnail .fr-thumbnail-overlay .fr-thumbnail-loading {
opacity: 0 !important;
}
.fr-overlay .fr-overlay-background {
background: #fff;
opacity: 1;
}
.fr-window-skin-fresco .fr-content-background {
-webkit-box-shadow: none;
box-shadow: none;
}
.fr-thumbnails-vertical .fr-thumbnails {
width: 40%;
}
.nojq {
z-index: 100000000000000000000000;
}
.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon {
font-size: 70px;
line-height: 1em;
color: var(--art-colors-heading);
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon:hover,
.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon:hover {
color: var(--art-colors-link);
}
.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon::before,
.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon::before {
font-family: "denaro-font";
font-size: inherit;
line-height: inherit;
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon {
background: none;
opacity: 1;
}
.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon::before {
content: "쀖";
}
.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon {
background: none;
opacity: 1;
}
.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon::before {
content: "쀘";
}
.fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon:hover,
.fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon {
opacity: 0.5;
}
.fr-close {
top: 30px;
right: 30px;
}
.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon {
font-size: 22px;
background: none;
background-color: #fff;
opacity: 1;
}
.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon:before {
font-family: "denaro-font";
content: "쀢";
width: 1em;
height: 1em;
margin: auto !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background,
.fr-thumbnails-side-button:hover,
.fr-thumbnails-side-button-background:hover,
.fr-thumbnails-side-button-background {
background: transparent;
}
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side.fr-thumbnails-side-next .fr-thumbnails-side-button-icon {
background-image: unset;
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side.fr-thumbnails-side-next .fr-thumbnails-side-button-icon::before {
content: "쀓";
font-size: 18px;
font-family: "denaro-font";
}
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side.fr-thumbnails-side-previous .fr-thumbnails-side-button-icon {
background-image: unset;
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side.fr-thumbnails-side-previous .fr-thumbnails-side-button-icon::before {
content: "쀙";
font-size: 18px;
font-family: "denaro-font";
}
.art-product-layout-classic .art-single-product-top .art-product-gallery .images {
position: relative;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--art-colors-heading);
}
.woocommerce div.product div.images img {
width: auto !important;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.woocommerce-account code,
.woocommerce-account strong {
font-family: inherit;
font-weight: inherit;
font-size: inherit;
}
.woocommerce .woocommerce-MyAccount-navigation ul {
border-right-width: 1px;
border-right-style: solid;
border-color: rgba(0, 0, 0, 0.1);
list-style: none;
margin: 0;
padding: 10px 0;
}
.woocommerce .woocommerce-MyAccount-navigation li {
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: rgba(0, 0, 0, 0.1);
margin: 0;
padding: 0;
color: var(--art-colors-text);
}
.woocommerce .woocommerce-MyAccount-navigation li:last-child {
border-bottom: 0;
}
.woocommerce .woocommerce-MyAccount-navigation li a {
display: block;
padding: 15px 3px;
color: var(--art-colors-text);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-navigation li a {
color: var(--art-bg-text);
}
.woocommerce .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce .woocommerce-MyAccount-navigation li a:hover {
color: var(--art-colors-link);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-navigation li.is-active a,
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-navigation li a:hover {
color: var(--art-bg-link);
}
.woocommerce .woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce .woocommerce-MyAccount-content .col2-set .col-2 {
max-width: 100%;
padding: 0;
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title::before, .woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title::after {
content: none !important;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Address .woocommerce-Address-title h3 {
margin: 0;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-Address address {
margin: 20px 0 0;
}
.woocommerce .woocommerce-MyAccount-content .form-row {
display: block;
margin-bottom: 20px;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields > p {
margin-top: 30px;
}
.woocommerce .woocommerce-MyAccount-content .button {
font-family: var(--art-button-font-family);
font-weight: var(--art-button-font-weight);
font-style: var(--art-button-font-style);
text-transform: var(--art-button-text-transform);
-webkit-text-decoration: var(--art-button-text-decoration);
text-decoration: var(--art-button-text-decoration);
font-size: var(--art-button-font-size);
line-height: var(--art-button-line-height);
letter-spacing: var(--art-button-letter-spacing);
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
border-radius: 0;
overflow: visible;
word-break: normal;
position: relative;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-width: 2px;
border-style: solid;
padding: 13px 40px;
border-color: var(--art-colors-bg);
background-color: var(--art-colors-bg);
color: var(--art-colors-light-text);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content .button {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content .button {
background-color: var(--art-bg-bg);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content .button {
color: var(--art-bg-light-text);
}
.woocommerce .woocommerce-MyAccount-content .button:hover {
border-color: var(--art-colors-bg-hover);
background-color: var(--art-colors-bg-hover);
color: var(--art-colors-light-text);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content .button:hover {
border-color: var(--art-bg-bg-hover);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content .button:hover {
background-color: var(--art-bg-bg-hover);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content .button:hover {
color: var(--art-bg-light-text);
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders {
text-align: inherit;
border-spacing: 0;
border-collapse: separate;
border: 0;
background-color: transparent;
width: 100%;
margin-top: 3rem;
margin-bottom: 3rem;  margin: 0;
border-radius: 0;
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders th {
text-align: inherit;
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders tbody {
border-width: 0;
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders th,
.woocommerce .woocommerce-MyAccount-content table.my_account_orders td {
padding: 4px 8px;
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders tbody th,
.woocommerce .woocommerce-MyAccount-content table.my_account_orders tbody td,
.woocommerce .woocommerce-MyAccount-content table.my_account_orders > th,
.woocommerce .woocommerce-MyAccount-content table.my_account_orders > td {
border-width: 0; border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-left-style: solid;
color: var(--art-colors-text);
border-color: var(--art-colors-bd);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders tbody th,
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders tbody td,
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders > th,
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders > td {
color: var(--art-bg-text);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders tbody th,
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders tbody td,
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders > th,
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders > td {
border-color: var(--art-bg-bd);
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders tbody th:last-child,
.woocommerce .woocommerce-MyAccount-content table.my_account_orders tbody td:last-child,
.woocommerce .woocommerce-MyAccount-content table.my_account_orders > th:last-child,
.woocommerce .woocommerce-MyAccount-content table.my_account_orders > td:last-child {
border-right-width: 1px;
border-right-style: solid;
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders tbody tr:last-child th,
.woocommerce .woocommerce-MyAccount-content table.my_account_orders tbody tr:last-child td,
.woocommerce .woocommerce-MyAccount-content table.my_account_orders > tr:last-child th,
.woocommerce .woocommerce-MyAccount-content table.my_account_orders > tr:last-child td {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders thead {
border-width: 0;
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders thead th,
.woocommerce .woocommerce-MyAccount-content table.my_account_orders thead td {
border-width: 0; border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-left-style: solid;
color: var(--art-colors-text);
border-color: var(--art-colors-bd);
background-color: var(--art-colors-bg);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders thead th,
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders thead td {
color: var(--art-bg-text);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders thead th,
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders thead td {
border-color: var(--art-bg-bd);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders thead th,
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders thead td {
background-color: var(--art-bg-bg);
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders thead th:last-child,
.woocommerce .woocommerce-MyAccount-content table.my_account_orders thead td:last-child {
border-right-width: 1px;
border-right-style: solid;
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders tfoot {
border-width: 0;
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders tfoot th,
.woocommerce .woocommerce-MyAccount-content table.my_account_orders tfoot td {
border-width: 0; border-style: solid;
border-bottom-width: 1px;
border-left-width: 1px;
border-left-style: solid;
color: var(--art-colors-text);
border-color: var(--art-colors-bd);
background-color: var(--art-colors-bg);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders tfoot th,
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders tfoot td {
color: var(--art-bg-text);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders tfoot th,
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders tfoot td {
border-color: var(--art-bg-bd);
}
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders tfoot th,
.art-second-color-scheme .woocommerce .woocommerce-MyAccount-content table.my_account_orders tfoot td {
background-color: var(--art-bg-bg);
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders tfoot th:last-child,
.woocommerce .woocommerce-MyAccount-content table.my_account_orders tfoot td:last-child {
border-right-width: 1px;
border-right-style: solid;
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders.is-style-stripes {
border-width: 0;
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders.is-style-stripes tr:nth-child(odd) {
background-color: transparent !important;
}
.woocommerce .woocommerce-MyAccount-content table.my_account_orders .button {
display: block;
}
.woof_show_auto_form {
display: none !important;
}
.woof_remove_ppi {
background: none !important;
}
.woof_info_popup {
display: none !important;
}
.woof_products_top_panel {
display: none !important;
}
.woof_shortcode_output .art-button-container {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.art-before-shop-loop {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.art-before-shop-loop .woocommerce-breadcrumb {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
line-height: 1 !important;
}
.woof_reset_search_form {
border-width: 2px;
border-style: solid;
padding: 13px 40px;
border-color: var(--art-colors-bg);
background-color: transparent;
color: var(--art-colors-bg);
}
.art-second-color-scheme .woof_reset_search_form {
border-color: var(--art-bg-bg);
}
.art-second-color-scheme .woof_reset_search_form {
background-color: transparent;
}
.art-second-color-scheme .woof_reset_search_form {
color: var(--art-bg-bg);
}
.woof_reset_search_form:hover {
background-color: var(--art-colors-bg);
color: #fff;
}
.art-second-color-scheme .woof_reset_search_form:hover {
background-color: var(--art-bg-bg);
}
.WOOF_Widget .widget-title {
display: none !important;
}
.WOOF_Widget .woof_container h4 {
margin-bottom: 20px !important;
font-family: var(--art-body-three-font-family);
font-weight: var(--art-body-three-font-weight);
font-style: var(--art-body-three-font-style);
text-transform: var(--art-body-three-text-transform);
-webkit-text-decoration: var(--art-body-three-text-decoration);
text-decoration: var(--art-body-three-text-decoration);
font-size: var(--art-body-three-font-size);
line-height: var(--art-body-three-line-height);
letter-spacing: var(--art-body-three-letter-spacing);
}
@media only screen and (max-width: 767px) {
.WOOF_Widget .woof_container h4 {
font-family: var(--art-body-three-mobile-font-family);
font-weight: var(--art-body-three-mobile-font-weight);
font-style: var(--art-body-three-mobile-font-style);
text-transform: var(--art-body-three-mobile-text-transform);
-webkit-text-decoration: var(--art-body-three-mobile-text-decoration);
text-decoration: var(--art-body-three-mobile-text-decoration);
font-size: var(--art-body-three-mobile-font-size);
line-height: var(--art-body-three-mobile-line-height);
letter-spacing: var(--art-body-three-mobile-letter-spacing);
}
}
.WOOF_Widget .woof_container:not(:last-child) {
margin-bottom: 30px !important;
padding-bottom: 30px !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.WOOF_Widget .woof_container .price_slider_wrapper {
padding-top: 10px;
}
.WOOF_Widget .woof_container .price_slider_wrapper .price_slider {
margin: 0 !important;
height: 2px !important;
border-radius: 0 !important;
background-color: rgba(0, 0, 0, 0.1) !important;
margin-bottom: 20px !important;
}
.WOOF_Widget .woof_container .price_slider_wrapper .price_slider .ui-slider-range {
background-color: #000 !important;
}
.WOOF_Widget .woof_container .price_slider_wrapper .price_slider .ui-slider-handle {
width: 18px !important;
height: 18px !important;
background-color: #fff !important;
border: 2px solid #000 !important;
border-radius: 100% !important;
top: -8px !important;
}
.WOOF_Widget .woof_container .price_slider_wrapper .price_slider_amount {
font-family: var(--art-body-one-font-family);
font-weight: var(--art-body-one-font-weight);
font-style: var(--art-body-one-font-style);
text-transform: var(--art-body-one-text-transform);
-webkit-text-decoration: var(--art-body-one-text-decoration);
text-decoration: var(--art-body-one-text-decoration);
font-size: var(--art-body-one-font-size);
line-height: var(--art-body-one-line-height);
letter-spacing: var(--art-body-one-letter-spacing);
font-size: 16px !important;
}
@media only screen and (max-width: 767px) {
.WOOF_Widget .woof_container .price_slider_wrapper .price_slider_amount {
font-family: var(--art-body-one-mobile-font-family);
font-weight: var(--art-body-one-mobile-font-weight);
font-style: var(--art-body-one-mobile-font-style);
text-transform: var(--art-body-one-mobile-text-transform);
-webkit-text-decoration: var(--art-body-one-mobile-text-decoration);
text-decoration: var(--art-body-one-mobile-text-decoration);
font-size: var(--art-body-one-mobile-font-size);
line-height: var(--art-body-one-mobile-line-height);
letter-spacing: var(--art-body-one-mobile-letter-spacing);
}
}
.WOOF_Widget .woof_container .price_slider_wrapper .price_slider_amount .button {
display: none !important;
}
.WOOF_Widget .woof_container .woof_list_checkbox li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.WOOF_Widget .woof_container .woof_list_checkbox li .iCheck-helper {
display: none !important;
}
.WOOF_Widget .woof_container .woof_list_checkbox li label {
font-family: var(--art-body-one-font-family);
font-weight: var(--art-body-one-font-weight);
font-style: var(--art-body-one-font-style);
text-transform: var(--art-body-one-text-transform);
-webkit-text-decoration: var(--art-body-one-text-decoration);
text-decoration: var(--art-body-one-text-decoration);
font-size: var(--art-body-one-font-size);
line-height: var(--art-body-one-line-height);
letter-spacing: var(--art-body-one-letter-spacing);
font-size: 16px !important;
padding: 0 !important;
}
@media only screen and (max-width: 767px) {
.WOOF_Widget .woof_container .woof_list_checkbox li label {
font-family: var(--art-body-one-mobile-font-family);
font-weight: var(--art-body-one-mobile-font-weight);
font-style: var(--art-body-one-mobile-font-style);
text-transform: var(--art-body-one-mobile-text-transform);
-webkit-text-decoration: var(--art-body-one-mobile-text-decoration);
text-decoration: var(--art-body-one-mobile-text-decoration);
font-size: var(--art-body-one-mobile-font-size);
line-height: var(--art-body-one-mobile-line-height);
letter-spacing: var(--art-body-one-mobile-letter-spacing);
}
}
.WOOF_Widget .woof_container .woof_list_checkbox li div, .WOOF_Widget .woof_container .woof_list_checkbox li label, .WOOF_Widget .woof_container .woof_list_checkbox li input {
margin: 0;
}
.WOOF_Widget .woof_container .woof_list_checkbox li input {
margin-right: 0 !important;
}
.WOOF_Widget .woof_container .woof_list_checkbox li label {
margin-left: 8px;
}
.WOOF_Widget .woof_container .woof_list_checkbox li:not(:last-child) {
margin-bottom: 14px !important;
}
.WOOF_Widget .woof_submit_search_form_container {
margin: 0 !important;
}
.woof_products_top_panel {
z-index: 1 !important;
}
.WOOF_Widget input[type=checkbox] {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
margin: 0 !important;
width: 20px;
height: 20px;
margin-right: 12px !important;
border-radius: 0 !important;
}
.WOOF_Widget input[type=checkbox]:after {
width: 20px;
height: 20px;
position: relative;
content: "";
display: inline-block;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
cursor: pointer;
padding-top: 1px;
padding-left: 1px;
}
.WOOF_Widget input[type=checkbox]:checked {
background-color: #E9DAD2 !important;
}
.WOOF_Widget input[type=checkbox]:checked {
opacity: 1 !important;
}
.WOOF_Widget input[type=checkbox]:hover {
opacity: 0.8;
}