.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face{font-family:IcoFont;font-weight:400;font-style:Regular;src:url(//dhinc.com.mx/wp-content/themes/alioth/css/fonts/icofont.woff2) format("woff2"),url(//dhinc.com.mx/wp-content/themes/alioth/css/fonts/icofont.woff) format("woff")}[class*=" icofont-"],[class^=icofont-]{font-family:IcoFont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;line-height:1;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icofont-angry-monster:before{content:"\e800"}.icofont-bathtub:before{content:"\e801"}.icofont-bird-wings:before{content:"\e802"}.icofont-bow:before{content:"\e803"}.icofont-castle:before{content:"\e804"}.icofont-circuit:before{content:"\e805"}.icofont-crown-king:before{content:"\e806"}.icofont-crown-queen:before{content:"\e807"}.icofont-dart:before{content:"\e808"}.icofont-disability-race:before{content:"\e809"}.icofont-diving-goggle:before{content:"\e80a"}.icofont-eye-open:before{content:"\e80b"}.icofont-flora-flower:before{content:"\e80c"}.icofont-flora:before{content:"\e80d"}.icofont-gift-box:before{content:"\e80e"}.icofont-halloween-pumpkin:before{content:"\e80f"}.icofont-hand-power:before{content:"\e810"}.icofont-hand-thunder:before{content:"\e811"}.icofont-king-monster:before{content:"\e812"}.icofont-love:before{content:"\e813"}.icofont-magician-hat:before{content:"\e814"}.icofont-native-american:before{content:"\e815"}.icofont-owl-look:before{content:"\e816"}.icofont-phoenix:before{content:"\e817"}.icofont-robot-face:before{content:"\e818"}.icofont-sand-clock:before{content:"\e819"}.icofont-shield-alt:before{content:"\e81a"}.icofont-ship-wheel:before{content:"\e81b"}.icofont-skull-danger:before{content:"\e81c"}.icofont-skull-face:before{content:"\e81d"}.icofont-snowmobile:before{content:"\e81e"}.icofont-space-shuttle:before{content:"\e81f"}.icofont-star-shape:before{content:"\e820"}.icofont-swirl:before{content:"\e821"}.icofont-tattoo-wing:before{content:"\e822"}.icofont-throne:before{content:"\e823"}.icofont-tree-alt:before{content:"\e824"}.icofont-triangle:before{content:"\e825"}.icofont-unity-hand:before{content:"\e826"}.icofont-weed:before{content:"\e827"}.icofont-woman-bird:before{content:"\e828"}.icofont-bat:before{content:"\e829"}.icofont-bear-face:before{content:"\e82a"}.icofont-bear-tracks:before{content:"\e82b"}.icofont-bear:before{content:"\e82c"}.icofont-bird-alt:before{content:"\e82d"}.icofont-bird-flying:before{content:"\e82e"}.icofont-bird:before{content:"\e82f"}.icofont-birds:before{content:"\e830"}.icofont-bone:before{content:"\e831"}.icofont-bull:before{content:"\e832"}.icofont-butterfly-alt:before{content:"\e833"}.icofont-butterfly:before{content:"\e834"}.icofont-camel-alt:before{content:"\e835"}.icofont-camel-head:before{content:"\e836"}.icofont-camel:before{content:"\e837"}.icofont-cat-alt-1:before{content:"\e838"}.icofont-cat-alt-2:before{content:"\e839"}.icofont-cat-alt-3:before{content:"\e83a"}.icofont-cat-dog:before{content:"\e83b"}.icofont-cat-face:before{content:"\e83c"}.icofont-cat:before{content:"\e83d"}.icofont-cow-head:before{content:"\e83e"}.icofont-cow:before{content:"\e83f"}.icofont-crab:before{content:"\e840"}.icofont-crocodile:before{content:"\e841"}.icofont-deer-head:before{content:"\e842"}.icofont-dog-alt:before{content:"\e843"}.icofont-dog-barking:before{content:"\e844"}.icofont-dog:before{content:"\e845"}.icofont-dolphin:before{content:"\e846"}.icofont-duck-tracks:before{content:"\e847"}.icofont-eagle-head:before{content:"\e848"}.icofont-eaten-fish:before{content:"\e849"}.icofont-elephant-alt:before{content:"\e84a"}.icofont-elephant-head-alt:before{content:"\e84b"}.icofont-elephant-head:before{content:"\e84c"}.icofont-elephant:before{content:"\e84d"}.icofont-elk:before{content:"\e84e"}.icofont-fish-1:before{content:"\e84f"}.icofont-fish-2:before{content:"\e850"}.icofont-fish-3:before{content:"\e851"}.icofont-fish-4:before{content:"\e852"}.icofont-fish-5:before{content:"\e853"}.icofont-fish:before{content:"\e854"}.icofont-fox-alt:before{content:"\e855"}.icofont-fox:before{content:"\e856"}.icofont-frog-tracks:before{content:"\e857"}.icofont-frog:before{content:"\e858"}.icofont-froggy:before{content:"\e859"}.icofont-giraffe-head-1:before{content:"\e85a"}.icofont-giraffe-head-2:before{content:"\e85b"}.icofont-giraffe-head:before{content:"\e85c"}.icofont-giraffe:before{content:"\e85d"}.icofont-goat-head:before{content:"\e85e"}.icofont-gorilla:before{content:"\e85f"}.icofont-hen-tracks:before{content:"\e860"}.icofont-horse-head-1:before{content:"\e861"}.icofont-horse-head-2:before{content:"\e862"}.icofont-horse-head:before{content:"\e863"}.icofont-horse-tracks:before{content:"\e864"}.icofont-jellyfish:before{content:"\e865"}.icofont-kangaroo:before{content:"\e866"}.icofont-lemur:before{content:"\e867"}.icofont-lion-head-1:before{content:"\e868"}.icofont-lion-head-2:before{content:"\e869"}.icofont-lion-head:before{content:"\e86a"}.icofont-lion:before{content:"\e86b"}.icofont-monkey-2:before{content:"\e86c"}.icofont-monkey-3:before{content:"\e86d"}.icofont-monkey-face:before{content:"\e86e"}.icofont-monkey:before{content:"\e86f"}.icofont-octopus-alt:before{content:"\e870"}.icofont-octopus:before{content:"\e871"}.icofont-owl:before{content:"\e872"}.icofont-panda-face:before{content:"\e873"}.icofont-panda:before{content:"\e874"}.icofont-panther:before{content:"\e875"}.icofont-parrot-lip:before{content:"\e876"}.icofont-parrot:before{content:"\e877"}.icofont-paw:before{content:"\e878"}.icofont-pelican:before{content:"\e879"}.icofont-penguin:before{content:"\e87a"}.icofont-pig-face:before{content:"\e87b"}.icofont-pig:before{content:"\e87c"}.icofont-pigeon-1:before{content:"\e87d"}.icofont-pigeon-2:before{content:"\e87e"}.icofont-pigeon:before{content:"\e87f"}.icofont-rabbit:before{content:"\e880"}.icofont-rat:before{content:"\e881"}.icofont-rhino-head:before{content:"\e882"}.icofont-rhino:before{content:"\e883"}.icofont-rooster:before{content:"\e884"}.icofont-seahorse:before{content:"\e885"}.icofont-seal:before{content:"\e886"}.icofont-shrimp-alt:before{content:"\e887"}.icofont-shrimp:before{content:"\e888"}.icofont-snail-1:before{content:"\e889"}.icofont-snail-2:before{content:"\e88a"}.icofont-snail-3:before{content:"\e88b"}.icofont-snail:before{content:"\e88c"}.icofont-snake:before{content:"\e88d"}.icofont-squid:before{content:"\e88e"}.icofont-squirrel:before{content:"\e88f"}.icofont-tiger-face:before{content:"\e890"}.icofont-tiger:before{content:"\e891"}.icofont-turtle:before{content:"\e892"}.icofont-whale:before{content:"\e893"}.icofont-woodpecker:before{content:"\e894"}.icofont-zebra:before{content:"\e895"}.icofont-brand-acer:before{content:"\e896"}.icofont-brand-adidas:before{content:"\e897"}.icofont-brand-adobe:before{content:"\e898"}.icofont-brand-air-new-zealand:before{content:"\e899"}.icofont-brand-airbnb:before{content:"\e89a"}.icofont-brand-aircell:before{content:"\e89b"}.icofont-brand-airtel:before{content:"\e89c"}.icofont-brand-alcatel:before{content:"\e89d"}.icofont-brand-alibaba:before{content:"\e89e"}.icofont-brand-aliexpress:before{content:"\e89f"}.icofont-brand-alipay:before{content:"\e8a0"}.icofont-brand-amazon:before{content:"\e8a1"}.icofont-brand-amd:before{content:"\e8a2"}.icofont-brand-american-airlines:before{content:"\e8a3"}.icofont-brand-android-robot:before{content:"\e8a4"}.icofont-brand-android:before{content:"\e8a5"}.icofont-brand-aol:before{content:"\e8a6"}.icofont-brand-apple:before{content:"\e8a7"}.icofont-brand-appstore:before{content:"\e8a8"}.icofont-brand-asus:before{content:"\e8a9"}.icofont-brand-ati:before{content:"\e8aa"}.icofont-brand-att:before{content:"\e8ab"}.icofont-brand-audi:before{content:"\e8ac"}.icofont-brand-axiata:before{content:"\e8ad"}.icofont-brand-bada:before{content:"\e8ae"}.icofont-brand-bbc:before{content:"\e8af"}.icofont-brand-bing:before{content:"\e8b0"}.icofont-brand-blackberry:before{content:"\e8b1"}.icofont-brand-bmw:before{content:"\e8b2"}.icofont-brand-box:before{content:"\e8b3"}.icofont-brand-burger-king:before{content:"\e8b4"}.icofont-brand-business-insider:before{content:"\e8b5"}.icofont-brand-buzzfeed:before{content:"\e8b6"}.icofont-brand-cannon:before{content:"\e8b7"}.icofont-brand-casio:before{content:"\e8b8"}.icofont-brand-china-mobile:before{content:"\e8b9"}.icofont-brand-china-telecom:before{content:"\e8ba"}.icofont-brand-china-unicom:before{content:"\e8bb"}.icofont-brand-cisco:before{content:"\e8bc"}.icofont-brand-citibank:before{content:"\e8bd"}.icofont-brand-cnet:before{content:"\e8be"}.icofont-brand-cnn:before{content:"\e8bf"}.icofont-brand-cocal-cola:before{content:"\e8c0"}.icofont-brand-compaq:before{content:"\e8c1"}.icofont-brand-debian:before{content:"\e8c2"}.icofont-brand-delicious:before{content:"\e8c3"}.icofont-brand-dell:before{content:"\e8c4"}.icofont-brand-designbump:before{content:"\e8c5"}.icofont-brand-designfloat:before{content:"\e8c6"}.icofont-brand-disney:before{content:"\e8c7"}.icofont-brand-dodge:before{content:"\e8c8"}.icofont-brand-dove:before{content:"\e8c9"}.icofont-brand-drupal:before{content:"\e8ca"}.icofont-brand-ebay:before{content:"\e8cb"}.icofont-brand-eleven:before{content:"\e8cc"}.icofont-brand-emirates:before{content:"\e8cd"}.icofont-brand-espn:before{content:"\e8ce"}.icofont-brand-etihad-airways:before{content:"\e8cf"}.icofont-brand-etisalat:before{content:"\e8d0"}.icofont-brand-etsy:before{content:"\e8d1"}.icofont-brand-fastrack:before{content:"\e8d2"}.icofont-brand-fedex:before{content:"\e8d3"}.icofont-brand-ferrari:before{content:"\e8d4"}.icofont-brand-fitbit:before{content:"\e8d5"}.icofont-brand-flikr:before{content:"\e8d6"}.icofont-brand-forbes:before{content:"\e8d7"}.icofont-brand-foursquare:before{content:"\e8d8"}.icofont-brand-foxconn:before{content:"\e8d9"}.icofont-brand-fujitsu:before{content:"\e8da"}.icofont-brand-general-electric:before{content:"\e8db"}.icofont-brand-gillette:before{content:"\e8dc"}.icofont-brand-gizmodo:before{content:"\e8dd"}.icofont-brand-gnome:before{content:"\e8de"}.icofont-brand-google:before{content:"\e8df"}.icofont-brand-gopro:before{content:"\e8e0"}.icofont-brand-gucci:before{content:"\e8e1"}.icofont-brand-hallmark:before{content:"\e8e2"}.icofont-brand-hi5:before{content:"\e8e3"}.icofont-brand-honda:before{content:"\e8e4"}.icofont-brand-hp:before{content:"\e8e5"}.icofont-brand-hsbc:before{content:"\e8e6"}.icofont-brand-htc:before{content:"\e8e7"}.icofont-brand-huawei:before{content:"\e8e8"}.icofont-brand-hulu:before{content:"\e8e9"}.icofont-brand-hyundai:before{content:"\e8ea"}.icofont-brand-ibm:before{content:"\e8eb"}.icofont-brand-icofont:before{content:"\e8ec"}.icofont-brand-icq:before{content:"\e8ed"}.icofont-brand-ikea:before{content:"\e8ee"}.icofont-brand-imdb:before{content:"\e8ef"}.icofont-brand-indiegogo:before{content:"\e8f0"}.icofont-brand-intel:before{content:"\e8f1"}.icofont-brand-ipair:before{content:"\e8f2"}.icofont-brand-jaguar:before{content:"\e8f3"}.icofont-brand-java:before{content:"\e8f4"}.icofont-brand-joomla:before{content:"\e8f5"}.icofont-brand-kickstarter:before{content:"\e8f6"}.icofont-brand-kik:before{content:"\e8f7"}.icofont-brand-lastfm:before{content:"\e8f8"}.icofont-brand-lego:before{content:"\e8f9"}.icofont-brand-lenovo:before{content:"\e8fa"}.icofont-brand-levis:before{content:"\e8fb"}.icofont-brand-lexus:before{content:"\e8fc"}.icofont-brand-lg:before{content:"\e8fd"}.icofont-brand-life-hacker:before{content:"\e8fe"}.icofont-brand-linux-mint:before{content:"\e8ff"}.icofont-brand-linux:before{content:"\e900"}.icofont-brand-lionix:before{content:"\e901"}.icofont-brand-loreal:before{content:"\e902"}.icofont-brand-louis-vuitton:before{content:"\e903"}.icofont-brand-mac-os:before{content:"\e904"}.icofont-brand-marvel-app:before{content:"\e905"}.icofont-brand-mashable:before{content:"\e906"}.icofont-brand-mazda:before{content:"\e907"}.icofont-brand-mcdonals:before{content:"\e908"}.icofont-brand-mercedes:before{content:"\e909"}.icofont-brand-micromax:before{content:"\e90a"}.icofont-brand-microsoft:before{content:"\e90b"}.icofont-brand-mobileme:before{content:"\e90c"}.icofont-brand-mobily:before{content:"\e90d"}.icofont-brand-motorola:before{content:"\e90e"}.icofont-brand-msi:before{content:"\e90f"}.icofont-brand-mts:before{content:"\e910"}.icofont-brand-myspace:before{content:"\e911"}.icofont-brand-mytv:before{content:"\e912"}.icofont-brand-nasa:before{content:"\e913"}.icofont-brand-natgeo:before{content:"\e914"}.icofont-brand-nbc:before{content:"\e915"}.icofont-brand-nescafe:before{content:"\e916"}.icofont-brand-nestle:before{content:"\e917"}.icofont-brand-netflix:before{content:"\e918"}.icofont-brand-nexus:before{content:"\e919"}.icofont-brand-nike:before{content:"\e91a"}.icofont-brand-nokia:before{content:"\e91b"}.icofont-brand-nvidia:before{content:"\e91c"}.icofont-brand-omega:before{content:"\e91d"}.icofont-brand-opensuse:before{content:"\e91e"}.icofont-brand-oracle:before{content:"\e91f"}.icofont-brand-panasonic:before{content:"\e920"}.icofont-brand-paypal:before{content:"\e921"}.icofont-brand-pepsi:before{content:"\e922"}.icofont-brand-philips:before{content:"\e923"}.icofont-brand-pizza-hut:before{content:"\e924"}.icofont-brand-playstation:before{content:"\e925"}.icofont-brand-puma:before{content:"\e926"}.icofont-brand-qatar-air:before{content:"\e927"}.icofont-brand-qvc:before{content:"\e928"}.icofont-brand-readernaut:before{content:"\e929"}.icofont-brand-redbull:before{content:"\e92a"}.icofont-brand-reebok:before{content:"\e92b"}.icofont-brand-reuters:before{content:"\e92c"}.icofont-brand-samsung:before{content:"\e92d"}.icofont-brand-sap:before{content:"\e92e"}.icofont-brand-saudia-airlines:before{content:"\e92f"}.icofont-brand-scribd:before{content:"\e930"}.icofont-brand-shell:before{content:"\e931"}.icofont-brand-siemens:before{content:"\e932"}.icofont-brand-sk-telecom:before{content:"\e933"}.icofont-brand-slideshare:before{content:"\e934"}.icofont-brand-smashing-magazine:before{content:"\e935"}.icofont-brand-snapchat:before{content:"\e936"}.icofont-brand-sony-ericsson:before{content:"\e937"}.icofont-brand-sony:before{content:"\e938"}.icofont-brand-soundcloud:before{content:"\e939"}.icofont-brand-sprint:before{content:"\e93a"}.icofont-brand-squidoo:before{content:"\e93b"}.icofont-brand-starbucks:before{content:"\e93c"}.icofont-brand-stc:before{content:"\e93d"}.icofont-brand-steam:before{content:"\e93e"}.icofont-brand-suzuki:before{content:"\e93f"}.icofont-brand-symbian:before{content:"\e940"}.icofont-brand-t-mobile:before{content:"\e941"}.icofont-brand-tango:before{content:"\e942"}.icofont-brand-target:before{content:"\e943"}.icofont-brand-tata-indicom:before{content:"\e944"}.icofont-brand-techcrunch:before{content:"\e945"}.icofont-brand-telenor:before{content:"\e946"}.icofont-brand-teliasonera:before{content:"\e947"}.icofont-brand-tesla:before{content:"\e948"}.icofont-brand-the-verge:before{content:"\e949"}.icofont-brand-thenextweb:before{content:"\e94a"}.icofont-brand-toshiba:before{content:"\e94b"}.icofont-brand-toyota:before{content:"\e94c"}.icofont-brand-tribenet:before{content:"\e94d"}.icofont-brand-ubuntu:before{content:"\e94e"}.icofont-brand-unilever:before{content:"\e94f"}.icofont-brand-vaio:before{content:"\e950"}.icofont-brand-verizon:before{content:"\e951"}.icofont-brand-viber:before{content:"\e952"}.icofont-brand-vodafone:before{content:"\e953"}.icofont-brand-volkswagen:before{content:"\e954"}.icofont-brand-walmart:before{content:"\e955"}.icofont-brand-warnerbros:before{content:"\e956"}.icofont-brand-whatsapp:before{content:"\e957"}.icofont-brand-wikipedia:before{content:"\e958"}.icofont-brand-windows:before{content:"\e959"}.icofont-brand-wire:before{content:"\e95a"}.icofont-brand-wordpress:before{content:"\e95b"}.icofont-brand-xiaomi:before{content:"\e95c"}.icofont-brand-yahoobuzz:before{content:"\e95d"}.icofont-brand-yamaha:before{content:"\e95e"}.icofont-brand-youtube:before{content:"\e95f"}.icofont-brand-zain:before{content:"\e960"}.icofont-bank-alt:before{content:"\e961"}.icofont-bank:before{content:"\e962"}.icofont-barcode:before{content:"\e963"}.icofont-bill-alt:before{content:"\e964"}.icofont-billboard:before{content:"\e965"}.icofont-briefcase-1:before{content:"\e966"}.icofont-briefcase-2:before{content:"\e967"}.icofont-businessman:before{content:"\e968"}.icofont-businesswoman:before{content:"\e969"}.icofont-chair:before{content:"\e96a"}.icofont-coins:before{content:"\e96b"}.icofont-company:before{content:"\e96c"}.icofont-contact-add:before{content:"\e96d"}.icofont-files-stack:before{content:"\e96e"}.icofont-handshake-deal:before{content:"\e96f"}.icofont-id-card:before{content:"\e970"}.icofont-meeting-add:before{content:"\e971"}.icofont-money-bag:before{content:"\e972"}.icofont-pie-chart:before{content:"\e973"}.icofont-presentation-alt:before{content:"\e974"}.icofont-presentation:before{content:"\e975"}.icofont-stamp:before{content:"\e976"}.icofont-stock-mobile:before{content:"\e977"}.icofont-chart-arrows-axis:before{content:"\e978"}.icofont-chart-bar-graph:before{content:"\e979"}.icofont-chart-flow-1:before{content:"\e97a"}.icofont-chart-flow-2:before{content:"\e97b"}.icofont-chart-flow:before{content:"\e97c"}.icofont-chart-growth:before{content:"\e97d"}.icofont-chart-histogram-alt:before{content:"\e97e"}.icofont-chart-histogram:before{content:"\e97f"}.icofont-chart-line-alt:before{content:"\e980"}.icofont-chart-line:before{content:"\e981"}.icofont-chart-pie-alt:before{content:"\e982"}.icofont-chart-pie:before{content:"\e983"}.icofont-chart-radar-graph:before{content:"\e984"}.icofont-architecture-alt:before{content:"\e985"}.icofont-architecture:before{content:"\e986"}.icofont-barricade:before{content:"\e987"}.icofont-bolt:before{content:"\e988"}.icofont-bricks:before{content:"\e989"}.icofont-building-alt:before{content:"\e98a"}.icofont-bull-dozer:before{content:"\e98b"}.icofont-calculations:before{content:"\e98c"}.icofont-cement-mix:before{content:"\e98d"}.icofont-cement-mixer:before{content:"\e98e"}.icofont-concrete-mixer:before{content:"\e98f"}.icofont-danger-zone:before{content:"\e990"}.icofont-drill:before{content:"\e991"}.icofont-eco-energy:before{content:"\e992"}.icofont-eco-environmen:before{content:"\e993"}.icofont-energy-air:before{content:"\e994"}.icofont-energy-oil:before{content:"\e995"}.icofont-energy-savings:before{content:"\e996"}.icofont-energy-solar:before{content:"\e997"}.icofont-energy-water:before{content:"\e998"}.icofont-engineer:before{content:"\e999"}.icofont-fire-extinguisher-alt:before{content:"\e99a"}.icofont-fire-extinguisher:before{content:"\e99b"}.icofont-fix-tools:before{content:"\e99c"}.icofont-fork-lift:before{content:"\e99d"}.icofont-glue-oil:before{content:"\e99e"}.icofont-hammer-alt:before{content:"\e99f"}.icofont-hammer:before{content:"\e9a0"}.icofont-help-robot:before{content:"\e9a1"}.icofont-industries-1:before{content:"\e9a2"}.icofont-industries-2:before{content:"\e9a3"}.icofont-industries-3:before{content:"\e9a4"}.icofont-industries-4:before{content:"\e9a5"}.icofont-industries-5:before{content:"\e9a6"}.icofont-industries:before{content:"\e9a7"}.icofont-labour:before{content:"\e9a8"}.icofont-mining:before{content:"\e9a9"}.icofont-paint-brush:before{content:"\e9aa"}.icofont-pollution:before{content:"\e9ab"}.icofont-power-zone:before{content:"\e9ac"}.icofont-radio-active:before{content:"\e9ad"}.icofont-recycle-alt:before{content:"\e9ae"}.icofont-recycling-man:before{content:"\e9af"}.icofont-safety-hat-light:before{content:"\e9b0"}.icofont-safety-hat:before{content:"\e9b1"}.icofont-saw:before{content:"\e9b2"}.icofont-screw-driver:before{content:"\e9b3"}.icofont-tools-1:before{content:"\e9b4"}.icofont-tools-bag:before{content:"\e9b5"}.icofont-tow-truck:before{content:"\e9b6"}.icofont-trolley:before{content:"\e9b7"}.icofont-trowel:before{content:"\e9b8"}.icofont-under-construction-alt:before{content:"\e9b9"}.icofont-under-construction:before{content:"\e9ba"}.icofont-vehicle-cement:before{content:"\e9bb"}.icofont-vehicle-crane:before{content:"\e9bc"}.icofont-vehicle-delivery-van:before{content:"\e9bd"}.icofont-vehicle-dozer:before{content:"\e9be"}.icofont-vehicle-excavator:before{content:"\e9bf"}.icofont-vehicle-trucktor:before{content:"\e9c0"}.icofont-vehicle-wrecking:before{content:"\e9c1"}.icofont-worker:before{content:"\e9c2"}.icofont-workers-group:before{content:"\e9c3"}.icofont-wrench:before{content:"\e9c4"}.icofont-afghani-false:before{content:"\e9c5"}.icofont-afghani-minus:before{content:"\e9c6"}.icofont-afghani-plus:before{content:"\e9c7"}.icofont-afghani-true:before{content:"\e9c8"}.icofont-afghani:before{content:"\e9c9"}.icofont-baht-false:before{content:"\e9ca"}.icofont-baht-minus:before{content:"\e9cb"}.icofont-baht-plus:before{content:"\e9cc"}.icofont-baht-true:before{content:"\e9cd"}.icofont-baht:before{content:"\e9ce"}.icofont-bitcoin-false:before{content:"\e9cf"}.icofont-bitcoin-minus:before{content:"\e9d0"}.icofont-bitcoin-plus:before{content:"\e9d1"}.icofont-bitcoin-true:before{content:"\e9d2"}.icofont-bitcoin:before{content:"\e9d3"}.icofont-dollar-flase:before{content:"\e9d4"}.icofont-dollar-minus:before{content:"\e9d5"}.icofont-dollar-plus:before{content:"\e9d6"}.icofont-dollar-true:before{content:"\e9d7"}.icofont-dollar:before{content:"\e9d8"}.icofont-dong-false:before{content:"\e9d9"}.icofont-dong-minus:before{content:"\e9da"}.icofont-dong-plus:before{content:"\e9db"}.icofont-dong-true:before{content:"\e9dc"}.icofont-dong:before{content:"\e9dd"}.icofont-euro-false:before{content:"\e9de"}.icofont-euro-minus:before{content:"\e9df"}.icofont-euro-plus:before{content:"\e9e0"}.icofont-euro-true:before{content:"\e9e1"}.icofont-euro:before{content:"\e9e2"}.icofont-frank-false:before{content:"\e9e3"}.icofont-frank-minus:before{content:"\e9e4"}.icofont-frank-plus:before{content:"\e9e5"}.icofont-frank-true:before{content:"\e9e6"}.icofont-frank:before{content:"\e9e7"}.icofont-hryvnia-false:before{content:"\e9e8"}.icofont-hryvnia-minus:before{content:"\e9e9"}.icofont-hryvnia-plus:before{content:"\e9ea"}.icofont-hryvnia-true:before{content:"\e9eb"}.icofont-hryvnia:before{content:"\e9ec"}.icofont-lira-false:before{content:"\e9ed"}.icofont-lira-minus:before{content:"\e9ee"}.icofont-lira-plus:before{content:"\e9ef"}.icofont-lira-true:before{content:"\e9f0"}.icofont-lira:before{content:"\e9f1"}.icofont-peseta-false:before{content:"\e9f2"}.icofont-peseta-minus:before{content:"\e9f3"}.icofont-peseta-plus:before{content:"\e9f4"}.icofont-peseta-true:before{content:"\e9f5"}.icofont-peseta:before{content:"\e9f6"}.icofont-peso-false:before{content:"\e9f7"}.icofont-peso-minus:before{content:"\e9f8"}.icofont-peso-plus:before{content:"\e9f9"}.icofont-peso-true:before{content:"\e9fa"}.icofont-peso:before{content:"\e9fb"}.icofont-pound-false:before{content:"\e9fc"}.icofont-pound-minus:before{content:"\e9fd"}.icofont-pound-plus:before{content:"\e9fe"}.icofont-pound-true:before{content:"\e9ff"}.icofont-pound:before{content:"\ea00"}.icofont-renminbi-false:before{content:"\ea01"}.icofont-renminbi-minus:before{content:"\ea02"}.icofont-renminbi-plus:before{content:"\ea03"}.icofont-renminbi-true:before{content:"\ea04"}.icofont-renminbi:before{content:"\ea05"}.icofont-riyal-false:before{content:"\ea06"}.icofont-riyal-minus:before{content:"\ea07"}.icofont-riyal-plus:before{content:"\ea08"}.icofont-riyal-true:before{content:"\ea09"}.icofont-riyal:before{content:"\ea0a"}.icofont-rouble-false:before{content:"\ea0b"}.icofont-rouble-minus:before{content:"\ea0c"}.icofont-rouble-plus:before{content:"\ea0d"}.icofont-rouble-true:before{content:"\ea0e"}.icofont-rouble:before{content:"\ea0f"}.icofont-rupee-false:before{content:"\ea10"}.icofont-rupee-minus:before{content:"\ea11"}.icofont-rupee-plus:before{content:"\ea12"}.icofont-rupee-true:before{content:"\ea13"}.icofont-rupee:before{content:"\ea14"}.icofont-taka-false:before{content:"\ea15"}.icofont-taka-minus:before{content:"\ea16"}.icofont-taka-plus:before{content:"\ea17"}.icofont-taka-true:before{content:"\ea18"}.icofont-taka:before{content:"\ea19"}.icofont-turkish-lira-false:before{content:"\ea1a"}.icofont-turkish-lira-minus:before{content:"\ea1b"}.icofont-turkish-lira-plus:before{content:"\ea1c"}.icofont-turkish-lira-true:before{content:"\ea1d"}.icofont-turkish-lira:before{content:"\ea1e"}.icofont-won-false:before{content:"\ea1f"}.icofont-won-minus:before{content:"\ea20"}.icofont-won-plus:before{content:"\ea21"}.icofont-won-true:before{content:"\ea22"}.icofont-won:before{content:"\ea23"}.icofont-yen-false:before{content:"\ea24"}.icofont-yen-minus:before{content:"\ea25"}.icofont-yen-plus:before{content:"\ea26"}.icofont-yen-true:before{content:"\ea27"}.icofont-yen:before{content:"\ea28"}.icofont-android-nexus:before{content:"\ea29"}.icofont-android-tablet:before{content:"\ea2a"}.icofont-apple-watch:before{content:"\ea2b"}.icofont-drawing-tablet:before{content:"\ea2c"}.icofont-earphone:before{content:"\ea2d"}.icofont-flash-drive:before{content:"\ea2e"}.icofont-game-console:before{content:"\ea2f"}.icofont-game-controller:before{content:"\ea30"}.icofont-game-pad:before{content:"\ea31"}.icofont-game:before{content:"\ea32"}.icofont-headphone-alt-1:before{content:"\ea33"}.icofont-headphone-alt-2:before{content:"\ea34"}.icofont-headphone-alt-3:before{content:"\ea35"}.icofont-headphone-alt:before{content:"\ea36"}.icofont-headphone:before{content:"\ea37"}.icofont-htc-one:before{content:"\ea38"}.icofont-imac:before{content:"\ea39"}.icofont-ipad:before{content:"\ea3a"}.icofont-iphone:before{content:"\ea3b"}.icofont-ipod-nano:before{content:"\ea3c"}.icofont-ipod-touch:before{content:"\ea3d"}.icofont-keyboard-alt:before{content:"\ea3e"}.icofont-keyboard-wireless:before{content:"\ea3f"}.icofont-keyboard:before{content:"\ea40"}.icofont-laptop-alt:before{content:"\ea41"}.icofont-laptop:before{content:"\ea42"}.icofont-macbook:before{content:"\ea43"}.icofont-magic-mouse:before{content:"\ea44"}.icofont-micro-chip:before{content:"\ea45"}.icofont-microphone-alt:before{content:"\ea46"}.icofont-microphone:before{content:"\ea47"}.icofont-monitor:before{content:"\ea48"}.icofont-mouse:before{content:"\ea49"}.icofont-mp3-player:before{content:"\ea4a"}.icofont-nintendo:before{content:"\ea4b"}.icofont-playstation-alt:before{content:"\ea4c"}.icofont-psvita:before{content:"\ea4d"}.icofont-radio-mic:before{content:"\ea4e"}.icofont-radio:before{content:"\ea4f"}.icofont-refrigerator:before{content:"\ea50"}.icofont-samsung-galaxy:before{content:"\ea51"}.icofont-surface-tablet:before{content:"\ea52"}.icofont-ui-head-phone:before{content:"\ea53"}.icofont-ui-keyboard:before{content:"\ea54"}.icofont-washing-machine:before{content:"\ea55"}.icofont-wifi-router:before{content:"\ea56"}.icofont-wii-u:before{content:"\ea57"}.icofont-windows-lumia:before{content:"\ea58"}.icofont-wireless-mouse:before{content:"\ea59"}.icofont-xbox-360:before{content:"\ea5a"}.icofont-arrow-down:before{content:"\ea5b"}.icofont-arrow-left:before{content:"\ea5c"}.icofont-arrow-right:before{content:"\ea5d"}.icofont-arrow-up:before{content:"\ea5e"}.icofont-block-down:before{content:"\ea5f"}.icofont-block-left:before{content:"\ea60"}.icofont-block-right:before{content:"\ea61"}.icofont-block-up:before{content:"\ea62"}.icofont-bubble-down:before{content:"\ea63"}.icofont-bubble-left:before{content:"\ea64"}.icofont-bubble-right:before{content:"\ea65"}.icofont-bubble-up:before{content:"\ea66"}.icofont-caret-down:before{content:"\ea67"}.icofont-caret-left:before{content:"\ea68"}.icofont-caret-right:before{content:"\ea69"}.icofont-caret-up:before{content:"\ea6a"}.icofont-circled-down:before{content:"\ea6b"}.icofont-circled-left:before{content:"\ea6c"}.icofont-circled-right:before{content:"\ea6d"}.icofont-circled-up:before{content:"\ea6e"}.icofont-collapse:before{content:"\ea6f"}.icofont-cursor-drag:before{content:"\ea70"}.icofont-curved-double-left:before{content:"\ea71"}.icofont-curved-double-right:before{content:"\ea72"}.icofont-curved-down:before{content:"\ea73"}.icofont-curved-left:before{content:"\ea74"}.icofont-curved-right:before{content:"\ea75"}.icofont-curved-up:before{content:"\ea76"}.icofont-dotted-down:before{content:"\ea77"}.icofont-dotted-left:before{content:"\ea78"}.icofont-dotted-right:before{content:"\ea79"}.icofont-dotted-up:before{content:"\ea7a"}.icofont-double-left:before{content:"\ea7b"}.icofont-double-right:before{content:"\ea7c"}.icofont-expand-alt:before{content:"\ea7d"}.icofont-hand-down:before{content:"\ea7e"}.icofont-hand-drag:before{content:"\ea7f"}.icofont-hand-drag1:before{content:"\ea80"}.icofont-hand-drag2:before{content:"\ea81"}.icofont-hand-drawn-alt-down:before{content:"\ea82"}.icofont-hand-drawn-alt-left:before{content:"\ea83"}.icofont-hand-drawn-alt-right:before{content:"\ea84"}.icofont-hand-drawn-alt-up:before{content:"\ea85"}.icofont-hand-drawn-down:before{content:"\ea86"}.icofont-hand-drawn-left:before{content:"\ea87"}.icofont-hand-drawn-right:before{content:"\ea88"}.icofont-hand-drawn-up:before{content:"\ea89"}.icofont-hand-grippers:before{content:"\ea8a"}.icofont-hand-left:before{content:"\ea8b"}.icofont-hand-right:before{content:"\ea8c"}.icofont-hand-up:before{content:"\ea8d"}.icofont-line-block-down:before{content:"\ea8e"}.icofont-line-block-left:before{content:"\ea8f"}.icofont-line-block-right:before{content:"\ea90"}.icofont-line-block-up:before{content:"\ea91"}.icofont-long-arrow-down:before{content:"\ea92"}.icofont-long-arrow-left:before{content:"\ea93"}.icofont-long-arrow-right:before{content:"\ea94"}.icofont-long-arrow-up:before{content:"\ea95"}.icofont-rounded-collapse:before{content:"\ea96"}.icofont-rounded-double-left:before{content:"\ea97"}.icofont-rounded-double-right:before{content:"\ea98"}.icofont-rounded-down:before{content:"\ea99"}.icofont-rounded-expand:before{content:"\ea9a"}.icofont-rounded-left-down:before{content:"\ea9b"}.icofont-rounded-left-up:before{content:"\ea9c"}.icofont-rounded-left:before{content:"\ea9d"}.icofont-rounded-right-down:before{content:"\ea9e"}.icofont-rounded-right-up:before{content:"\ea9f"}.icofont-rounded-right:before{content:"\eaa0"}.icofont-rounded-up:before{content:"\eaa1"}.icofont-scroll-bubble-down:before{content:"\eaa2"}.icofont-scroll-bubble-left:before{content:"\eaa3"}.icofont-scroll-bubble-right:before{content:"\eaa4"}.icofont-scroll-bubble-up:before{content:"\eaa5"}.icofont-scroll-double-down:before{content:"\eaa6"}.icofont-scroll-double-left:before{content:"\eaa7"}.icofont-scroll-double-right:before{content:"\eaa8"}.icofont-scroll-double-up:before{content:"\eaa9"}.icofont-scroll-down:before{content:"\eaaa"}.icofont-scroll-left:before{content:"\eaab"}.icofont-scroll-long-down:before{content:"\eaac"}.icofont-scroll-long-left:before{content:"\eaad"}.icofont-scroll-long-right:before{content:"\eaae"}.icofont-scroll-long-up:before{content:"\eaaf"}.icofont-scroll-right:before{content:"\eab0"}.icofont-scroll-up:before{content:"\eab1"}.icofont-simple-down:before{content:"\eab2"}.icofont-simple-left-down:before{content:"\eab3"}.icofont-simple-left-up:before{content:"\eab4"}.icofont-simple-left:before{content:"\eab5"}.icofont-simple-right-down:before{content:"\eab6"}.icofont-simple-right-up:before{content:"\eab7"}.icofont-simple-right:before{content:"\eab8"}.icofont-simple-up:before{content:"\eab9"}.icofont-square-down:before{content:"\eaba"}.icofont-square-left:before{content:"\eabb"}.icofont-square-right:before{content:"\eabc"}.icofont-square-up:before{content:"\eabd"}.icofont-stylish-down:before{content:"\eabe"}.icofont-stylish-left:before{content:"\eabf"}.icofont-stylish-right:before{content:"\eac0"}.icofont-stylish-up:before{content:"\eac1"}.icofont-swoosh-down:before{content:"\eac2"}.icofont-swoosh-left:before{content:"\eac3"}.icofont-swoosh-right:before{content:"\eac4"}.icofont-swoosh-up:before{content:"\eac5"}.icofont-thin-double-left:before{content:"\eac6"}.icofont-thin-double-right:before{content:"\eac7"}.icofont-thin-down:before{content:"\eac8"}.icofont-thin-left:before{content:"\eac9"}.icofont-thin-right:before{content:"\eaca"}.icofont-thin-up:before{content:"\eacb"}.icofont-abc:before{content:"\eacc"}.icofont-atom:before{content:"\eacd"}.icofont-award:before{content:"\eace"}.icofont-bell-alt:before{content:"\eacf"}.icofont-black-board:before{content:"\ead0"}.icofont-book-alt:before{content:"\ead1"}.icofont-book:before{content:"\ead2"}.icofont-brainstorming:before{content:"\ead3"}.icofont-certificate-alt-1:before{content:"\ead4"}.icofont-certificate-alt-2:before{content:"\ead5"}.icofont-certificate:before{content:"\ead6"}.icofont-education:before{content:"\ead7"}.icofont-electron:before{content:"\ead8"}.icofont-fountain-pen:before{content:"\ead9"}.icofont-globe-alt:before{content:"\eada"}.icofont-graduate-alt:before{content:"\eadb"}.icofont-graduate:before{content:"\eadc"}.icofont-group-students:before{content:"\eadd"}.icofont-hat-alt:before{content:"\eade"}.icofont-hat:before{content:"\eadf"}.icofont-instrument:before{content:"\eae0"}.icofont-lamp-light:before{content:"\eae1"}.icofont-medal:before{content:"\eae2"}.icofont-microscope-alt:before{content:"\eae3"}.icofont-microscope:before{content:"\eae4"}.icofont-paper:before{content:"\eae5"}.icofont-pen-alt-4:before{content:"\eae6"}.icofont-pen-nib:before{content:"\eae7"}.icofont-pencil-alt-5:before{content:"\eae8"}.icofont-quill-pen:before{content:"\eae9"}.icofont-read-book-alt:before{content:"\eaea"}.icofont-read-book:before{content:"\eaeb"}.icofont-school-bag:before{content:"\eaec"}.icofont-school-bus:before{content:"\eaed"}.icofont-student-alt:before{content:"\eaee"}.icofont-student:before{content:"\eaef"}.icofont-teacher:before{content:"\eaf0"}.icofont-test-bulb:before{content:"\eaf1"}.icofont-test-tube-alt:before{content:"\eaf2"}.icofont-university:before{content:"\eaf3"}.icofont-angry:before{content:"\eaf4"}.icofont-astonished:before{content:"\eaf5"}.icofont-confounded:before{content:"\eaf6"}.icofont-confused:before{content:"\eaf7"}.icofont-crying:before{content:"\eaf8"}.icofont-dizzy:before{content:"\eaf9"}.icofont-expressionless:before{content:"\eafa"}.icofont-heart-eyes:before{content:"\eafb"}.icofont-laughing:before{content:"\eafc"}.icofont-nerd-smile:before{content:"\eafd"}.icofont-open-mouth:before{content:"\eafe"}.icofont-rage:before{content:"\eaff"}.icofont-rolling-eyes:before{content:"\eb00"}.icofont-sad:before{content:"\eb01"}.icofont-simple-smile:before{content:"\eb02"}.icofont-slightly-smile:before{content:"\eb03"}.icofont-smirk:before{content:"\eb04"}.icofont-stuck-out-tongue:before{content:"\eb05"}.icofont-wink-smile:before{content:"\eb06"}.icofont-worried:before{content:"\eb07"}.icofont-file-alt:before{content:"\eb08"}.icofont-file-audio:before{content:"\eb09"}.icofont-file-avi-mp4:before{content:"\eb0a"}.icofont-file-bmp:before{content:"\eb0b"}.icofont-file-code:before{content:"\eb0c"}.icofont-file-css:before{content:"\eb0d"}.icofont-file-document:before{content:"\eb0e"}.icofont-file-eps:before{content:"\eb0f"}.icofont-file-excel:before{content:"\eb10"}.icofont-file-exe:before{content:"\eb11"}.icofont-file-file:before{content:"\eb12"}.icofont-file-flv:before{content:"\eb13"}.icofont-file-gif:before{content:"\eb14"}.icofont-file-html5:before{content:"\eb15"}.icofont-file-image:before{content:"\eb16"}.icofont-file-iso:before{content:"\eb17"}.icofont-file-java:before{content:"\eb18"}.icofont-file-javascript:before{content:"\eb19"}.icofont-file-jpg:before{content:"\eb1a"}.icofont-file-midi:before{content:"\eb1b"}.icofont-file-mov:before{content:"\eb1c"}.icofont-file-mp3:before{content:"\eb1d"}.icofont-file-pdf:before{content:"\eb1e"}.icofont-file-php:before{content:"\eb1f"}.icofont-file-png:before{content:"\eb20"}.icofont-file-powerpoint:before{content:"\eb21"}.icofont-file-presentation:before{content:"\eb22"}.icofont-file-psb:before{content:"\eb23"}.icofont-file-psd:before{content:"\eb24"}.icofont-file-python:before{content:"\eb25"}.icofont-file-ruby:before{content:"\eb26"}.icofont-file-spreadsheet:before{content:"\eb27"}.icofont-file-sql:before{content:"\eb28"}.icofont-file-svg:before{content:"\eb29"}.icofont-file-text:before{content:"\eb2a"}.icofont-file-tiff:before{content:"\eb2b"}.icofont-file-video:before{content:"\eb2c"}.icofont-file-wave:before{content:"\eb2d"}.icofont-file-wmv:before{content:"\eb2e"}.icofont-file-word:before{content:"\eb2f"}.icofont-file-zip:before{content:"\eb30"}.icofont-cycling-alt:before{content:"\eb31"}.icofont-cycling:before{content:"\eb32"}.icofont-dumbbell:before{content:"\eb33"}.icofont-dumbbells:before{content:"\eb34"}.icofont-gym-alt-1:before{content:"\eb35"}.icofont-gym-alt-2:before{content:"\eb36"}.icofont-gym-alt-3:before{content:"\eb37"}.icofont-gym:before{content:"\eb38"}.icofont-muscle-weight:before{content:"\eb39"}.icofont-muscle:before{content:"\eb3a"}.icofont-apple:before{content:"\eb3b"}.icofont-arabian-coffee:before{content:"\eb3c"}.icofont-artichoke:before{content:"\eb3d"}.icofont-asparagus:before{content:"\eb3e"}.icofont-avocado:before{content:"\eb3f"}.icofont-baby-food:before{content:"\eb40"}.icofont-banana:before{content:"\eb41"}.icofont-bbq:before{content:"\eb42"}.icofont-beans:before{content:"\eb43"}.icofont-beer:before{content:"\eb44"}.icofont-bell-pepper-capsicum:before{content:"\eb45"}.icofont-birthday-cake:before{content:"\eb46"}.icofont-bread:before{content:"\eb47"}.icofont-broccoli:before{content:"\eb48"}.icofont-burger:before{content:"\eb49"}.icofont-cabbage:before{content:"\eb4a"}.icofont-carrot:before{content:"\eb4b"}.icofont-cauli-flower:before{content:"\eb4c"}.icofont-cheese:before{content:"\eb4d"}.icofont-chef:before{content:"\eb4e"}.icofont-cherry:before{content:"\eb4f"}.icofont-chicken-fry:before{content:"\eb50"}.icofont-chicken:before{content:"\eb51"}.icofont-cocktail:before{content:"\eb52"}.icofont-coconut-water:before{content:"\eb53"}.icofont-coconut:before{content:"\eb54"}.icofont-coffee-alt:before{content:"\eb55"}.icofont-coffee-cup:before{content:"\eb56"}.icofont-coffee-mug:before{content:"\eb57"}.icofont-coffee-pot:before{content:"\eb58"}.icofont-cola:before{content:"\eb59"}.icofont-corn:before{content:"\eb5a"}.icofont-croissant:before{content:"\eb5b"}.icofont-crop-plant:before{content:"\eb5c"}.icofont-cucumber:before{content:"\eb5d"}.icofont-culinary:before{content:"\eb5e"}.icofont-cup-cake:before{content:"\eb5f"}.icofont-dining-table:before{content:"\eb60"}.icofont-donut:before{content:"\eb61"}.icofont-egg-plant:before{content:"\eb62"}.icofont-egg-poached:before{content:"\eb63"}.icofont-farmer-alt:before{content:"\eb64"}.icofont-farmer:before{content:"\eb65"}.icofont-fast-food:before{content:"\eb66"}.icofont-food-basket:before{content:"\eb67"}.icofont-food-cart:before{content:"\eb68"}.icofont-fork-and-knife:before{content:"\eb69"}.icofont-french-fries:before{content:"\eb6a"}.icofont-fruits:before{content:"\eb6b"}.icofont-grapes:before{content:"\eb6c"}.icofont-honey:before{content:"\eb6d"}.icofont-hot-dog:before{content:"\eb6e"}.icofont-ice-cream-alt:before{content:"\eb6f"}.icofont-ice-cream:before{content:"\eb70"}.icofont-juice:before{content:"\eb71"}.icofont-ketchup:before{content:"\eb72"}.icofont-kiwi:before{content:"\eb73"}.icofont-layered-cake:before{content:"\eb74"}.icofont-lemon-alt:before{content:"\eb75"}.icofont-lemon:before{content:"\eb76"}.icofont-lobster:before{content:"\eb77"}.icofont-mango:before{content:"\eb78"}.icofont-milk:before{content:"\eb79"}.icofont-mushroom:before{content:"\eb7a"}.icofont-noodles:before{content:"\eb7b"}.icofont-onion:before{content:"\eb7c"}.icofont-orange:before{content:"\eb7d"}.icofont-pear:before{content:"\eb7e"}.icofont-peas:before{content:"\eb7f"}.icofont-pepper:before{content:"\eb80"}.icofont-pie-alt:before{content:"\eb81"}.icofont-pie:before{content:"\eb82"}.icofont-pineapple:before{content:"\eb83"}.icofont-pizza-slice:before{content:"\eb84"}.icofont-pizza:before{content:"\eb85"}.icofont-plant:before{content:"\eb86"}.icofont-popcorn:before{content:"\eb87"}.icofont-potato:before{content:"\eb88"}.icofont-pumpkin:before{content:"\eb89"}.icofont-raddish:before{content:"\eb8a"}.icofont-restaurant-menu:before{content:"\eb8b"}.icofont-restaurant:before{content:"\eb8c"}.icofont-salt-and-pepper:before{content:"\eb8d"}.icofont-sandwich:before{content:"\eb8e"}.icofont-sausage:before{content:"\eb8f"}.icofont-soft-drinks:before{content:"\eb90"}.icofont-soup-bowl:before{content:"\eb91"}.icofont-spoon-and-fork:before{content:"\eb92"}.icofont-steak:before{content:"\eb93"}.icofont-strawberry:before{content:"\eb94"}.icofont-sub-sandwich:before{content:"\eb95"}.icofont-sushi:before{content:"\eb96"}.icofont-taco:before{content:"\eb97"}.icofont-tea-pot:before{content:"\eb98"}.icofont-tea:before{content:"\eb99"}.icofont-tomato:before{content:"\eb9a"}.icofont-watermelon:before{content:"\eb9b"}.icofont-wheat:before{content:"\eb9c"}.icofont-baby-backpack:before{content:"\eb9d"}.icofont-baby-cloth:before{content:"\eb9e"}.icofont-baby-milk-bottle:before{content:"\eb9f"}.icofont-baby-trolley:before{content:"\eba0"}.icofont-baby:before{content:"\eba1"}.icofont-candy:before{content:"\eba2"}.icofont-holding-hands:before{content:"\eba3"}.icofont-infant-nipple:before{content:"\eba4"}.icofont-kids-scooter:before{content:"\eba5"}.icofont-safety-pin:before{content:"\eba6"}.icofont-teddy-bear:before{content:"\eba7"}.icofont-toy-ball:before{content:"\eba8"}.icofont-toy-cat:before{content:"\eba9"}.icofont-toy-duck:before{content:"\ebaa"}.icofont-toy-elephant:before{content:"\ebab"}.icofont-toy-hand:before{content:"\ebac"}.icofont-toy-horse:before{content:"\ebad"}.icofont-toy-lattu:before{content:"\ebae"}.icofont-toy-train:before{content:"\ebaf"}.icofont-burglar:before{content:"\ebb0"}.icofont-cannon-firing:before{content:"\ebb1"}.icofont-cc-camera:before{content:"\ebb2"}.icofont-cop-badge:before{content:"\ebb3"}.icofont-cop:before{content:"\ebb4"}.icofont-court-hammer:before{content:"\ebb5"}.icofont-court:before{content:"\ebb6"}.icofont-finger-print:before{content:"\ebb7"}.icofont-gavel:before{content:"\ebb8"}.icofont-handcuff-alt:before{content:"\ebb9"}.icofont-handcuff:before{content:"\ebba"}.icofont-investigation:before{content:"\ebbb"}.icofont-investigator:before{content:"\ebbc"}.icofont-jail:before{content:"\ebbd"}.icofont-judge:before{content:"\ebbe"}.icofont-law-alt-1:before{content:"\ebbf"}.icofont-law-alt-2:before{content:"\ebc0"}.icofont-law-alt-3:before{content:"\ebc1"}.icofont-law-book:before{content:"\ebc2"}.icofont-law-document:before{content:"\ebc3"}.icofont-law-order:before{content:"\ebc4"}.icofont-law-protect:before{content:"\ebc5"}.icofont-law-scales:before{content:"\ebc6"}.icofont-law:before{content:"\ebc7"}.icofont-lawyer-alt-1:before{content:"\ebc8"}.icofont-lawyer-alt-2:before{content:"\ebc9"}.icofont-lawyer:before{content:"\ebca"}.icofont-legal:before{content:"\ebcb"}.icofont-pistol:before{content:"\ebcc"}.icofont-police-badge:before{content:"\ebcd"}.icofont-police-cap:before{content:"\ebce"}.icofont-police-car-alt-1:before{content:"\ebcf"}.icofont-police-car-alt-2:before{content:"\ebd0"}.icofont-police-car:before{content:"\ebd1"}.icofont-police-hat:before{content:"\ebd2"}.icofont-police-van:before{content:"\ebd3"}.icofont-police:before{content:"\ebd4"}.icofont-thief-alt:before{content:"\ebd5"}.icofont-thief:before{content:"\ebd6"}.icofont-abacus-alt:before{content:"\ebd7"}.icofont-abacus:before{content:"\ebd8"}.icofont-angle-180:before{content:"\ebd9"}.icofont-angle-45:before{content:"\ebda"}.icofont-angle-90:before{content:"\ebdb"}.icofont-angle:before{content:"\ebdc"}.icofont-calculator-alt-1:before{content:"\ebdd"}.icofont-calculator-alt-2:before{content:"\ebde"}.icofont-calculator:before{content:"\ebdf"}.icofont-circle-ruler-alt:before{content:"\ebe0"}.icofont-circle-ruler:before{content:"\ebe1"}.icofont-compass-alt-1:before{content:"\ebe2"}.icofont-compass-alt-2:before{content:"\ebe3"}.icofont-compass-alt-3:before{content:"\ebe4"}.icofont-compass-alt-4:before{content:"\ebe5"}.icofont-golden-ratio:before{content:"\ebe6"}.icofont-marker-alt-1:before{content:"\ebe7"}.icofont-marker-alt-2:before{content:"\ebe8"}.icofont-marker-alt-3:before{content:"\ebe9"}.icofont-marker:before{content:"\ebea"}.icofont-math:before{content:"\ebeb"}.icofont-mathematical-alt-1:before{content:"\ebec"}.icofont-mathematical-alt-2:before{content:"\ebed"}.icofont-mathematical:before{content:"\ebee"}.icofont-pen-alt-1:before{content:"\ebef"}.icofont-pen-alt-2:before{content:"\ebf0"}.icofont-pen-alt-3:before{content:"\ebf1"}.icofont-pen-holder-alt-1:before{content:"\ebf2"}.icofont-pen-holder:before{content:"\ebf3"}.icofont-pen:before{content:"\ebf4"}.icofont-pencil-alt-1:before{content:"\ebf5"}.icofont-pencil-alt-2:before{content:"\ebf6"}.icofont-pencil-alt-3:before{content:"\ebf7"}.icofont-pencil-alt-4:before{content:"\ebf8"}.icofont-pencil:before{content:"\ebf9"}.icofont-ruler-alt-1:before{content:"\ebfa"}.icofont-ruler-alt-2:before{content:"\ebfb"}.icofont-ruler-compass-alt:before{content:"\ebfc"}.icofont-ruler-compass:before{content:"\ebfd"}.icofont-ruler-pencil-alt-1:before{content:"\ebfe"}.icofont-ruler-pencil-alt-2:before{content:"\ebff"}.icofont-ruler-pencil:before{content:"\ec00"}.icofont-ruler:before{content:"\ec01"}.icofont-rulers-alt:before{content:"\ec02"}.icofont-rulers:before{content:"\ec03"}.icofont-square-root:before{content:"\ec04"}.icofont-ui-calculator:before{content:"\ec05"}.icofont-aids:before{content:"\ec06"}.icofont-ambulance-crescent:before{content:"\ec07"}.icofont-ambulance-cross:before{content:"\ec08"}.icofont-ambulance:before{content:"\ec09"}.icofont-autism:before{content:"\ec0a"}.icofont-bandage:before{content:"\ec0b"}.icofont-blind:before{content:"\ec0c"}.icofont-blood-drop:before{content:"\ec0d"}.icofont-blood-test:before{content:"\ec0e"}.icofont-blood:before{content:"\ec0f"}.icofont-brain-alt:before{content:"\ec10"}.icofont-brain:before{content:"\ec11"}.icofont-capsule:before{content:"\ec12"}.icofont-crutch:before{content:"\ec13"}.icofont-disabled:before{content:"\ec14"}.icofont-dna-alt-1:before{content:"\ec15"}.icofont-dna-alt-2:before{content:"\ec16"}.icofont-dna:before{content:"\ec17"}.icofont-doctor-alt:before{content:"\ec18"}.icofont-doctor:before{content:"\ec19"}.icofont-drug-pack:before{content:"\ec1a"}.icofont-drug:before{content:"\ec1b"}.icofont-first-aid-alt:before{content:"\ec1c"}.icofont-first-aid:before{content:"\ec1d"}.icofont-heart-beat-alt:before{content:"\ec1e"}.icofont-heart-beat:before{content:"\ec1f"}.icofont-heartbeat:before{content:"\ec20"}.icofont-herbal:before{content:"\ec21"}.icofont-hospital:before{content:"\ec22"}.icofont-icu:before{content:"\ec23"}.icofont-injection-syringe:before{content:"\ec24"}.icofont-laboratory:before{content:"\ec25"}.icofont-medical-sign-alt:before{content:"\ec26"}.icofont-medical-sign:before{content:"\ec27"}.icofont-nurse-alt:before{content:"\ec28"}.icofont-nurse:before{content:"\ec29"}.icofont-nursing-home:before{content:"\ec2a"}.icofont-operation-theater:before{content:"\ec2b"}.icofont-paralysis-disability:before{content:"\ec2c"}.icofont-patient-bed:before{content:"\ec2d"}.icofont-patient-file:before{content:"\ec2e"}.icofont-pills:before{content:"\ec2f"}.icofont-prescription:before{content:"\ec30"}.icofont-pulse:before{content:"\ec31"}.icofont-stethoscope-alt:before{content:"\ec32"}.icofont-stethoscope:before{content:"\ec33"}.icofont-stretcher:before{content:"\ec34"}.icofont-surgeon-alt:before{content:"\ec35"}.icofont-surgeon:before{content:"\ec36"}.icofont-tablets:before{content:"\ec37"}.icofont-test-bottle:before{content:"\ec38"}.icofont-test-tube:before{content:"\ec39"}.icofont-thermometer-alt:before{content:"\ec3a"}.icofont-thermometer:before{content:"\ec3b"}.icofont-tooth:before{content:"\ec3c"}.icofont-xray:before{content:"\ec3d"}.icofont-ui-add:before{content:"\ec3e"}.icofont-ui-alarm:before{content:"\ec3f"}.icofont-ui-battery:before{content:"\ec40"}.icofont-ui-block:before{content:"\ec41"}.icofont-ui-bluetooth:before{content:"\ec42"}.icofont-ui-brightness:before{content:"\ec43"}.icofont-ui-browser:before{content:"\ec44"}.icofont-ui-calendar:before{content:"\ec45"}.icofont-ui-call:before{content:"\ec46"}.icofont-ui-camera:before{content:"\ec47"}.icofont-ui-cart:before{content:"\ec48"}.icofont-ui-cell-phone:before{content:"\ec49"}.icofont-ui-chat:before{content:"\ec4a"}.icofont-ui-check:before{content:"\ec4b"}.icofont-ui-clip-board:before{content:"\ec4c"}.icofont-ui-clip:before{content:"\ec4d"}.icofont-ui-clock:before{content:"\ec4e"}.icofont-ui-close:before{content:"\ec4f"}.icofont-ui-contact-list:before{content:"\ec50"}.icofont-ui-copy:before{content:"\ec51"}.icofont-ui-cut:before{content:"\ec52"}.icofont-ui-delete:before{content:"\ec53"}.icofont-ui-dial-phone:before{content:"\ec54"}.icofont-ui-edit:before{content:"\ec55"}.icofont-ui-email:before{content:"\ec56"}.icofont-ui-file:before{content:"\ec57"}.icofont-ui-fire-wall:before{content:"\ec58"}.icofont-ui-flash-light:before{content:"\ec59"}.icofont-ui-flight:before{content:"\ec5a"}.icofont-ui-folder:before{content:"\ec5b"}.icofont-ui-game:before{content:"\ec5c"}.icofont-ui-handicapped:before{content:"\ec5d"}.icofont-ui-home:before{content:"\ec5e"}.icofont-ui-image:before{content:"\ec5f"}.icofont-ui-laoding:before{content:"\ec60"}.icofont-ui-lock:before{content:"\ec61"}.icofont-ui-love-add:before{content:"\ec62"}.icofont-ui-love-broken:before{content:"\ec63"}.icofont-ui-love-remove:before{content:"\ec64"}.icofont-ui-love:before{content:"\ec65"}.icofont-ui-map:before{content:"\ec66"}.icofont-ui-message:before{content:"\ec67"}.icofont-ui-messaging:before{content:"\ec68"}.icofont-ui-movie:before{content:"\ec69"}.icofont-ui-music-player:before{content:"\ec6a"}.icofont-ui-music:before{content:"\ec6b"}.icofont-ui-mute:before{content:"\ec6c"}.icofont-ui-network:before{content:"\ec6d"}.icofont-ui-next:before{content:"\ec6e"}.icofont-ui-note:before{content:"\ec6f"}.icofont-ui-office:before{content:"\ec70"}.icofont-ui-password:before{content:"\ec71"}.icofont-ui-pause:before{content:"\ec72"}.icofont-ui-play-stop:before{content:"\ec73"}.icofont-ui-play:before{content:"\ec74"}.icofont-ui-pointer:before{content:"\ec75"}.icofont-ui-power:before{content:"\ec76"}.icofont-ui-press:before{content:"\ec77"}.icofont-ui-previous:before{content:"\ec78"}.icofont-ui-rate-add:before{content:"\ec79"}.icofont-ui-rate-blank:before{content:"\ec7a"}.icofont-ui-rate-remove:before{content:"\ec7b"}.icofont-ui-rating:before{content:"\ec7c"}.icofont-ui-record:before{content:"\ec7d"}.icofont-ui-remove:before{content:"\ec7e"}.icofont-ui-reply:before{content:"\ec7f"}.icofont-ui-rotation:before{content:"\ec80"}.icofont-ui-rss:before{content:"\ec81"}.icofont-ui-search:before{content:"\ec82"}.icofont-ui-settings:before{content:"\ec83"}.icofont-ui-social-link:before{content:"\ec84"}.icofont-ui-tag:before{content:"\ec85"}.icofont-ui-text-chat:before{content:"\ec86"}.icofont-ui-text-loading:before{content:"\ec87"}.icofont-ui-theme:before{content:"\ec88"}.icofont-ui-timer:before{content:"\ec89"}.icofont-ui-touch-phone:before{content:"\ec8a"}.icofont-ui-travel:before{content:"\ec8b"}.icofont-ui-unlock:before{content:"\ec8c"}.icofont-ui-user-group:before{content:"\ec8d"}.icofont-ui-user:before{content:"\ec8e"}.icofont-ui-v-card:before{content:"\ec8f"}.icofont-ui-video-chat:before{content:"\ec90"}.icofont-ui-video-message:before{content:"\ec91"}.icofont-ui-video-play:before{content:"\ec92"}.icofont-ui-video:before{content:"\ec93"}.icofont-ui-volume:before{content:"\ec94"}.icofont-ui-weather:before{content:"\ec95"}.icofont-ui-wifi:before{content:"\ec96"}.icofont-ui-zoom-in:before{content:"\ec97"}.icofont-ui-zoom-out:before{content:"\ec98"}.icofont-cassette-player:before{content:"\ec99"}.icofont-cassette:before{content:"\ec9a"}.icofont-forward:before{content:"\ec9b"}.icofont-guiter:before{content:"\ec9c"}.icofont-movie:before{content:"\ec9d"}.icofont-multimedia:before{content:"\ec9e"}.icofont-music-alt:before{content:"\ec9f"}.icofont-music-disk:before{content:"\eca0"}.icofont-music-note:before{content:"\eca1"}.icofont-music-notes:before{content:"\eca2"}.icofont-music:before{content:"\eca3"}.icofont-mute-volume:before{content:"\eca4"}.icofont-pause:before{content:"\eca5"}.icofont-play-alt-1:before{content:"\eca6"}.icofont-play-alt-2:before{content:"\eca7"}.icofont-play-alt-3:before{content:"\eca8"}.icofont-play-pause:before{content:"\eca9"}.icofont-play:before{content:"\ecaa"}.icofont-record:before{content:"\ecab"}.icofont-retro-music-disk:before{content:"\ecac"}.icofont-rewind:before{content:"\ecad"}.icofont-song-notes:before{content:"\ecae"}.icofont-sound-wave-alt:before{content:"\ecaf"}.icofont-sound-wave:before{content:"\ecb0"}.icofont-stop:before{content:"\ecb1"}.icofont-video-alt:before{content:"\ecb2"}.icofont-video-cam:before{content:"\ecb3"}.icofont-video-clapper:before{content:"\ecb4"}.icofont-video:before{content:"\ecb5"}.icofont-volume-bar:before{content:"\ecb6"}.icofont-volume-down:before{content:"\ecb7"}.icofont-volume-mute:before{content:"\ecb8"}.icofont-volume-off:before{content:"\ecb9"}.icofont-volume-up:before{content:"\ecba"}.icofont-youtube-play:before{content:"\ecbb"}.icofont-2checkout-alt:before{content:"\ecbc"}.icofont-2checkout:before{content:"\ecbd"}.icofont-amazon-alt:before{content:"\ecbe"}.icofont-amazon:before{content:"\ecbf"}.icofont-american-express-alt:before{content:"\ecc0"}.icofont-american-express:before{content:"\ecc1"}.icofont-apple-pay-alt:before{content:"\ecc2"}.icofont-apple-pay:before{content:"\ecc3"}.icofont-bank-transfer-alt:before{content:"\ecc4"}.icofont-bank-transfer:before{content:"\ecc5"}.icofont-braintree-alt:before{content:"\ecc6"}.icofont-braintree:before{content:"\ecc7"}.icofont-cash-on-delivery-alt:before{content:"\ecc8"}.icofont-cash-on-delivery:before{content:"\ecc9"}.icofont-diners-club-alt-1:before{content:"\ecca"}.icofont-diners-club-alt-2:before{content:"\eccb"}.icofont-diners-club-alt-3:before{content:"\eccc"}.icofont-diners-club:before{content:"\eccd"}.icofont-discover-alt:before{content:"\ecce"}.icofont-discover:before{content:"\eccf"}.icofont-eway-alt:before{content:"\ecd0"}.icofont-eway:before{content:"\ecd1"}.icofont-google-wallet-alt-1:before{content:"\ecd2"}.icofont-google-wallet-alt-2:before{content:"\ecd3"}.icofont-google-wallet-alt-3:before{content:"\ecd4"}.icofont-google-wallet:before{content:"\ecd5"}.icofont-jcb-alt:before{content:"\ecd6"}.icofont-jcb:before{content:"\ecd7"}.icofont-maestro-alt:before{content:"\ecd8"}.icofont-maestro:before{content:"\ecd9"}.icofont-mastercard-alt:before{content:"\ecda"}.icofont-mastercard:before{content:"\ecdb"}.icofont-payoneer-alt:before{content:"\ecdc"}.icofont-payoneer:before{content:"\ecdd"}.icofont-paypal-alt:before{content:"\ecde"}.icofont-paypal:before{content:"\ecdf"}.icofont-sage-alt:before{content:"\ece0"}.icofont-sage:before{content:"\ece1"}.icofont-skrill-alt:before{content:"\ece2"}.icofont-skrill:before{content:"\ece3"}.icofont-stripe-alt:before{content:"\ece4"}.icofont-stripe:before{content:"\ece5"}.icofont-visa-alt:before{content:"\ece6"}.icofont-visa-electron:before{content:"\ece7"}.icofont-visa:before{content:"\ece8"}.icofont-western-union-alt:before{content:"\ece9"}.icofont-western-union:before{content:"\ecea"}.icofont-boy:before{content:"\eceb"}.icofont-business-man-alt-1:before{content:"\ecec"}.icofont-business-man-alt-2:before{content:"\eced"}.icofont-business-man-alt-3:before{content:"\ecee"}.icofont-business-man:before{content:"\ecef"}.icofont-female:before{content:"\ecf0"}.icofont-funky-man:before{content:"\ecf1"}.icofont-girl-alt:before{content:"\ecf2"}.icofont-girl:before{content:"\ecf3"}.icofont-group:before{content:"\ecf4"}.icofont-hotel-boy-alt:before{content:"\ecf5"}.icofont-hotel-boy:before{content:"\ecf6"}.icofont-kid:before{content:"\ecf7"}.icofont-man-in-glasses:before{content:"\ecf8"}.icofont-people:before{content:"\ecf9"}.icofont-support:before{content:"\ecfa"}.icofont-user-alt-1:before{content:"\ecfb"}.icofont-user-alt-2:before{content:"\ecfc"}.icofont-user-alt-3:before{content:"\ecfd"}.icofont-user-alt-4:before{content:"\ecfe"}.icofont-user-alt-5:before{content:"\ecff"}.icofont-user-alt-6:before{content:"\ed00"}.icofont-user-alt-7:before{content:"\ed01"}.icofont-user-female:before{content:"\ed02"}.icofont-user-male:before{content:"\ed03"}.icofont-user-suited:before{content:"\ed04"}.icofont-user:before{content:"\ed05"}.icofont-users-alt-1:before{content:"\ed06"}.icofont-users-alt-2:before{content:"\ed07"}.icofont-users-alt-3:before{content:"\ed08"}.icofont-users-alt-4:before{content:"\ed09"}.icofont-users-alt-5:before{content:"\ed0a"}.icofont-users-alt-6:before{content:"\ed0b"}.icofont-users-social:before{content:"\ed0c"}.icofont-users:before{content:"\ed0d"}.icofont-waiter-alt:before{content:"\ed0e"}.icofont-waiter:before{content:"\ed0f"}.icofont-woman-in-glasses:before{content:"\ed10"}.icofont-search-1:before{content:"\ed11"}.icofont-search-2:before{content:"\ed12"}.icofont-search-document:before{content:"\ed13"}.icofont-search-folder:before{content:"\ed14"}.icofont-search-job:before{content:"\ed15"}.icofont-search-map:before{content:"\ed16"}.icofont-search-property:before{content:"\ed17"}.icofont-search-restaurant:before{content:"\ed18"}.icofont-search-stock:before{content:"\ed19"}.icofont-search-user:before{content:"\ed1a"}.icofont-search:before{content:"\ed1b"}.icofont-500px:before{content:"\ed1c"}.icofont-aim:before{content:"\ed1d"}.icofont-badoo:before{content:"\ed1e"}.icofont-baidu-tieba:before{content:"\ed1f"}.icofont-bbm-messenger:before{content:"\ed20"}.icofont-bebo:before{content:"\ed21"}.icofont-behance:before{content:"\ed22"}.icofont-blogger:before{content:"\ed23"}.icofont-bootstrap:before{content:"\ed24"}.icofont-brightkite:before{content:"\ed25"}.icofont-cloudapp:before{content:"\ed26"}.icofont-concrete5:before{content:"\ed27"}.icofont-delicious:before{content:"\ed28"}.icofont-designbump:before{content:"\ed29"}.icofont-designfloat:before{content:"\ed2a"}.icofont-deviantart:before{content:"\ed2b"}.icofont-digg:before{content:"\ed2c"}.icofont-dotcms:before{content:"\ed2d"}.icofont-dribbble:before{content:"\ed2e"}.icofont-dribble:before{content:"\ed2f"}.icofont-dropbox:before{content:"\ed30"}.icofont-ebuddy:before{content:"\ed31"}.icofont-ello:before{content:"\ed32"}.icofont-ember:before{content:"\ed33"}.icofont-envato:before{content:"\ed34"}.icofont-evernote:before{content:"\ed35"}.icofont-facebook-messenger:before{content:"\ed36"}.icofont-facebook:before{content:"\ed37"}.icofont-feedburner:before{content:"\ed38"}.icofont-flikr:before{content:"\ed39"}.icofont-folkd:before{content:"\ed3a"}.icofont-foursquare:before{content:"\ed3b"}.icofont-friendfeed:before{content:"\ed3c"}.icofont-ghost:before{content:"\ed3d"}.icofont-github:before{content:"\ed3e"}.icofont-gnome:before{content:"\ed3f"}.icofont-google-buzz:before{content:"\ed40"}.icofont-google-hangouts:before{content:"\ed41"}.icofont-google-map:before{content:"\ed42"}.icofont-google-plus:before{content:"\ed43"}.icofont-google-talk:before{content:"\ed44"}.icofont-hype-machine:before{content:"\ed45"}.icofont-instagram:before{content:"\ed46"}.icofont-kakaotalk:before{content:"\ed47"}.icofont-kickstarter:before{content:"\ed48"}.icofont-kik:before{content:"\ed49"}.icofont-kiwibox:before{content:"\ed4a"}.icofont-line-messenger:before{content:"\ed4b"}.icofont-line:before{content:"\ed4c"}.icofont-linkedin:before{content:"\ed4d"}.icofont-linux-mint:before{content:"\ed4e"}.icofont-live-messenger:before{content:"\ed4f"}.icofont-livejournal:before{content:"\ed50"}.icofont-magento:before{content:"\ed51"}.icofont-meetme:before{content:"\ed52"}.icofont-meetup:before{content:"\ed53"}.icofont-mixx:before{content:"\ed54"}.icofont-newsvine:before{content:"\ed55"}.icofont-nimbuss:before{content:"\ed56"}.icofont-odnoklassniki:before{content:"\ed57"}.icofont-opencart:before{content:"\ed58"}.icofont-oscommerce:before{content:"\ed59"}.icofont-pandora:before{content:"\ed5a"}.icofont-photobucket:before{content:"\ed5b"}.icofont-picasa:before{content:"\ed5c"}.icofont-pinterest:before{content:"\ed5d"}.icofont-prestashop:before{content:"\ed5e"}.icofont-qik:before{content:"\ed5f"}.icofont-qq:before{content:"\ed60"}.icofont-readernaut:before{content:"\ed61"}.icofont-reddit:before{content:"\ed62"}.icofont-renren:before{content:"\ed63"}.icofont-rss:before{content:"\ed64"}.icofont-shopify:before{content:"\ed65"}.icofont-silverstripe:before{content:"\ed66"}.icofont-skype:before{content:"\ed67"}.icofont-slack:before{content:"\ed68"}.icofont-slashdot:before{content:"\ed69"}.icofont-slidshare:before{content:"\ed6a"}.icofont-smugmug:before{content:"\ed6b"}.icofont-snapchat:before{content:"\ed6c"}.icofont-soundcloud:before{content:"\ed6d"}.icofont-spotify:before{content:"\ed6e"}.icofont-stack-exchange:before{content:"\ed6f"}.icofont-stack-overflow:before{content:"\ed70"}.icofont-steam:before{content:"\ed71"}.icofont-stumbleupon:before{content:"\ed72"}.icofont-tagged:before{content:"\ed73"}.icofont-technorati:before{content:"\ed74"}.icofont-telegram:before{content:"\ed75"}.icofont-tinder:before{content:"\ed76"}.icofont-trello:before{content:"\ed77"}.icofont-tumblr:before{content:"\ed78"}.icofont-twitch:before{content:"\ed79"}.icofont-twitter:before{content:"\ed7a"}.icofont-typo3:before{content:"\ed7b"}.icofont-ubercart:before{content:"\ed7c"}.icofont-viber:before{content:"\ed7d"}.icofont-viddler:before{content:"\ed7e"}.icofont-vimeo:before{content:"\ed7f"}.icofont-vine:before{content:"\ed80"}.icofont-virb:before{content:"\ed81"}.icofont-virtuemart:before{content:"\ed82"}.icofont-vk:before{content:"\ed83"}.icofont-wechat:before{content:"\ed84"}.icofont-weibo:before{content:"\ed85"}.icofont-whatsapp:before{content:"\ed86"}.icofont-xing:before{content:"\ed87"}.icofont-yahoo:before{content:"\ed88"}.icofont-yelp:before{content:"\ed89"}.icofont-youku:before{content:"\ed8a"}.icofont-youtube:before{content:"\ed8b"}.icofont-zencart:before{content:"\ed8c"}.icofont-badminton-birdie:before{content:"\ed8d"}.icofont-baseball:before{content:"\ed8e"}.icofont-baseballer:before{content:"\ed8f"}.icofont-basketball-hoop:before{content:"\ed90"}.icofont-basketball:before{content:"\ed91"}.icofont-billiard-ball:before{content:"\ed92"}.icofont-boot-alt-1:before{content:"\ed93"}.icofont-boot-alt-2:before{content:"\ed94"}.icofont-boot:before{content:"\ed95"}.icofont-bowling-alt:before{content:"\ed96"}.icofont-bowling:before{content:"\ed97"}.icofont-canoe:before{content:"\ed98"}.icofont-cheer-leader:before{content:"\ed99"}.icofont-climbing:before{content:"\ed9a"}.icofont-corner:before{content:"\ed9b"}.icofont-field-alt:before{content:"\ed9c"}.icofont-field:before{content:"\ed9d"}.icofont-football-alt:before{content:"\ed9e"}.icofont-football-american:before{content:"\ed9f"}.icofont-football:before{content:"\eda0"}.icofont-foul:before{content:"\eda1"}.icofont-goal-keeper:before{content:"\eda2"}.icofont-goal:before{content:"\eda3"}.icofont-golf-alt:before{content:"\eda4"}.icofont-golf-bag:before{content:"\eda5"}.icofont-golf-cart:before{content:"\eda6"}.icofont-golf-field:before{content:"\eda7"}.icofont-golf:before{content:"\eda8"}.icofont-golfer:before{content:"\eda9"}.icofont-helmet:before{content:"\edaa"}.icofont-hockey-alt:before{content:"\edab"}.icofont-hockey:before{content:"\edac"}.icofont-ice-skate:before{content:"\edad"}.icofont-jersey-alt:before{content:"\edae"}.icofont-jersey:before{content:"\edaf"}.icofont-jumping:before{content:"\edb0"}.icofont-kick:before{content:"\edb1"}.icofont-leg:before{content:"\edb2"}.icofont-match-review:before{content:"\edb3"}.icofont-medal-sport:before{content:"\edb4"}.icofont-offside:before{content:"\edb5"}.icofont-olympic-logo:before{content:"\edb6"}.icofont-olympic:before{content:"\edb7"}.icofont-padding:before{content:"\edb8"}.icofont-penalty-card:before{content:"\edb9"}.icofont-racer:before{content:"\edba"}.icofont-racing-car:before{content:"\edbb"}.icofont-racing-flag-alt:before{content:"\edbc"}.icofont-racing-flag:before{content:"\edbd"}.icofont-racings-wheel:before{content:"\edbe"}.icofont-referee:before{content:"\edbf"}.icofont-refree-jersey:before{content:"\edc0"}.icofont-result-sport:before{content:"\edc1"}.icofont-rugby-ball:before{content:"\edc2"}.icofont-rugby-player:before{content:"\edc3"}.icofont-rugby:before{content:"\edc4"}.icofont-runner-alt-1:before{content:"\edc5"}.icofont-runner-alt-2:before{content:"\edc6"}.icofont-runner:before{content:"\edc7"}.icofont-score-board:before{content:"\edc8"}.icofont-skiing-man:before{content:"\edc9"}.icofont-skydiving-goggles:before{content:"\edca"}.icofont-snow-mobile:before{content:"\edcb"}.icofont-steering:before{content:"\edcc"}.icofont-stopwatch:before{content:"\edcd"}.icofont-substitute:before{content:"\edce"}.icofont-swimmer:before{content:"\edcf"}.icofont-table-tennis:before{content:"\edd0"}.icofont-team-alt:before{content:"\edd1"}.icofont-team:before{content:"\edd2"}.icofont-tennis-player:before{content:"\edd3"}.icofont-tennis:before{content:"\edd4"}.icofont-tracking:before{content:"\edd5"}.icofont-trophy-alt:before{content:"\edd6"}.icofont-trophy:before{content:"\edd7"}.icofont-volleyball-alt:before{content:"\edd8"}.icofont-volleyball-fire:before{content:"\edd9"}.icofont-volleyball:before{content:"\edda"}.icofont-water-bottle:before{content:"\eddb"}.icofont-whistle-alt:before{content:"\eddc"}.icofont-whistle:before{content:"\eddd"}.icofont-win-trophy:before{content:"\edde"}.icofont-align-center:before{content:"\eddf"}.icofont-align-left:before{content:"\ede0"}.icofont-align-right:before{content:"\ede1"}.icofont-all-caps:before{content:"\ede2"}.icofont-bold:before{content:"\ede3"}.icofont-brush:before{content:"\ede4"}.icofont-clip-board:before{content:"\ede5"}.icofont-code-alt:before{content:"\ede6"}.icofont-color-bucket:before{content:"\ede7"}.icofont-color-picker:before{content:"\ede8"}.icofont-copy-invert:before{content:"\ede9"}.icofont-copy:before{content:"\edea"}.icofont-cut:before{content:"\edeb"}.icofont-delete-alt:before{content:"\edec"}.icofont-edit-alt:before{content:"\eded"}.icofont-eraser-alt:before{content:"\edee"}.icofont-font:before{content:"\edef"}.icofont-heading:before{content:"\edf0"}.icofont-indent:before{content:"\edf1"}.icofont-italic-alt:before{content:"\edf2"}.icofont-italic:before{content:"\edf3"}.icofont-justify-all:before{content:"\edf4"}.icofont-justify-center:before{content:"\edf5"}.icofont-justify-left:before{content:"\edf6"}.icofont-justify-right:before{content:"\edf7"}.icofont-link-broken:before{content:"\edf8"}.icofont-outdent:before{content:"\edf9"}.icofont-paper-clip:before{content:"\edfa"}.icofont-paragraph:before{content:"\edfb"}.icofont-pin:before{content:"\edfc"}.icofont-printer:before{content:"\edfd"}.icofont-redo:before{content:"\edfe"}.icofont-rotation:before{content:"\edff"}.icofont-save:before{content:"\ee00"}.icofont-small-cap:before{content:"\ee01"}.icofont-strike-through:before{content:"\ee02"}.icofont-sub-listing:before{content:"\ee03"}.icofont-subscript:before{content:"\ee04"}.icofont-superscript:before{content:"\ee05"}.icofont-table:before{content:"\ee06"}.icofont-text-height:before{content:"\ee07"}.icofont-text-width:before{content:"\ee08"}.icofont-trash:before{content:"\ee09"}.icofont-underline:before{content:"\ee0a"}.icofont-undo:before{content:"\ee0b"}.icofont-air-balloon:before{content:"\ee0c"}.icofont-airplane-alt:before{content:"\ee0d"}.icofont-airplane:before{content:"\ee0e"}.icofont-articulated-truck:before{content:"\ee0f"}.icofont-auto-mobile:before{content:"\ee10"}.icofont-auto-rickshaw:before{content:"\ee11"}.icofont-bicycle-alt-1:before{content:"\ee12"}.icofont-bicycle-alt-2:before{content:"\ee13"}.icofont-bicycle:before{content:"\ee14"}.icofont-bus-alt-1:before{content:"\ee15"}.icofont-bus-alt-2:before{content:"\ee16"}.icofont-bus-alt-3:before{content:"\ee17"}.icofont-bus:before{content:"\ee18"}.icofont-cab:before{content:"\ee19"}.icofont-cable-car:before{content:"\ee1a"}.icofont-car-alt-1:before{content:"\ee1b"}.icofont-car-alt-2:before{content:"\ee1c"}.icofont-car-alt-3:before{content:"\ee1d"}.icofont-car-alt-4:before{content:"\ee1e"}.icofont-car:before{content:"\ee1f"}.icofont-delivery-time:before{content:"\ee20"}.icofont-fast-delivery:before{content:"\ee21"}.icofont-fire-truck-alt:before{content:"\ee22"}.icofont-fire-truck:before{content:"\ee23"}.icofont-free-delivery:before{content:"\ee24"}.icofont-helicopter:before{content:"\ee25"}.icofont-motor-bike-alt:before{content:"\ee26"}.icofont-motor-bike:before{content:"\ee27"}.icofont-motor-biker:before{content:"\ee28"}.icofont-oil-truck:before{content:"\ee29"}.icofont-rickshaw:before{content:"\ee2a"}.icofont-rocket-alt-1:before{content:"\ee2b"}.icofont-rocket-alt-2:before{content:"\ee2c"}.icofont-rocket:before{content:"\ee2d"}.icofont-sail-boat-alt-1:before{content:"\ee2e"}.icofont-sail-boat-alt-2:before{content:"\ee2f"}.icofont-sail-boat:before{content:"\ee30"}.icofont-scooter:before{content:"\ee31"}.icofont-sea-plane:before{content:"\ee32"}.icofont-ship-alt:before{content:"\ee33"}.icofont-ship:before{content:"\ee34"}.icofont-speed-boat:before{content:"\ee35"}.icofont-taxi:before{content:"\ee36"}.icofont-tractor:before{content:"\ee37"}.icofont-train-line:before{content:"\ee38"}.icofont-train-steam:before{content:"\ee39"}.icofont-tram:before{content:"\ee3a"}.icofont-truck-alt:before{content:"\ee3b"}.icofont-truck-loaded:before{content:"\ee3c"}.icofont-truck:before{content:"\ee3d"}.icofont-van-alt:before{content:"\ee3e"}.icofont-van:before{content:"\ee3f"}.icofont-yacht:before{content:"\ee40"}.icofont-5-star-hotel:before{content:"\ee41"}.icofont-air-ticket:before{content:"\ee42"}.icofont-beach-bed:before{content:"\ee43"}.icofont-beach:before{content:"\ee44"}.icofont-camping-vest:before{content:"\ee45"}.icofont-direction-sign:before{content:"\ee46"}.icofont-hill-side:before{content:"\ee47"}.icofont-hill:before{content:"\ee48"}.icofont-hotel:before{content:"\ee49"}.icofont-island-alt:before{content:"\ee4a"}.icofont-island:before{content:"\ee4b"}.icofont-sandals-female:before{content:"\ee4c"}.icofont-sandals-male:before{content:"\ee4d"}.icofont-travelling:before{content:"\ee4e"}.icofont-breakdown:before{content:"\ee4f"}.icofont-celsius:before{content:"\ee50"}.icofont-clouds:before{content:"\ee51"}.icofont-cloudy:before{content:"\ee52"}.icofont-dust:before{content:"\ee53"}.icofont-eclipse:before{content:"\ee54"}.icofont-fahrenheit:before{content:"\ee55"}.icofont-forest-fire:before{content:"\ee56"}.icofont-full-night:before{content:"\ee57"}.icofont-full-sunny:before{content:"\ee58"}.icofont-hail-night:before{content:"\ee59"}.icofont-hail-rainy-night:before{content:"\ee5a"}.icofont-hail-rainy-sunny:before{content:"\ee5b"}.icofont-hail-rainy:before{content:"\ee5c"}.icofont-hail-sunny:before{content:"\ee5d"}.icofont-hail-thunder-night:before{content:"\ee5e"}.icofont-hail-thunder-sunny:before{content:"\ee5f"}.icofont-hail-thunder:before{content:"\ee60"}.icofont-hail:before{content:"\ee61"}.icofont-hill-night:before{content:"\ee62"}.icofont-hill-sunny:before{content:"\ee63"}.icofont-hurricane:before{content:"\ee64"}.icofont-meteor:before{content:"\ee65"}.icofont-night:before{content:"\ee66"}.icofont-rainy-night:before{content:"\ee67"}.icofont-rainy-sunny:before{content:"\ee68"}.icofont-rainy-thunder:before{content:"\ee69"}.icofont-rainy:before{content:"\ee6a"}.icofont-snow-alt:before{content:"\ee6b"}.icofont-snow-flake:before{content:"\ee6c"}.icofont-snow-temp:before{content:"\ee6d"}.icofont-snow:before{content:"\ee6e"}.icofont-snowy-hail:before{content:"\ee6f"}.icofont-snowy-night-hail:before{content:"\ee70"}.icofont-snowy-night-rainy:before{content:"\ee71"}.icofont-snowy-night:before{content:"\ee72"}.icofont-snowy-rainy:before{content:"\ee73"}.icofont-snowy-sunny-hail:before{content:"\ee74"}.icofont-snowy-sunny-rainy:before{content:"\ee75"}.icofont-snowy-sunny:before{content:"\ee76"}.icofont-snowy-thunder-night:before{content:"\ee77"}.icofont-snowy-thunder-sunny:before{content:"\ee78"}.icofont-snowy-thunder:before{content:"\ee79"}.icofont-snowy-windy-night:before{content:"\ee7a"}.icofont-snowy-windy-sunny:before{content:"\ee7b"}.icofont-snowy-windy:before{content:"\ee7c"}.icofont-snowy:before{content:"\ee7d"}.icofont-sun-alt:before{content:"\ee7e"}.icofont-sun-rise:before{content:"\ee7f"}.icofont-sun-set:before{content:"\ee80"}.icofont-sun:before{content:"\ee81"}.icofont-sunny-day-temp:before{content:"\ee82"}.icofont-sunny:before{content:"\ee83"}.icofont-thunder-light:before{content:"\ee84"}.icofont-tornado:before{content:"\ee85"}.icofont-umbrella-alt:before{content:"\ee86"}.icofont-umbrella:before{content:"\ee87"}.icofont-volcano:before{content:"\ee88"}.icofont-wave:before{content:"\ee89"}.icofont-wind-scale-0:before{content:"\ee8a"}.icofont-wind-scale-1:before{content:"\ee8b"}.icofont-wind-scale-10:before{content:"\ee8c"}.icofont-wind-scale-11:before{content:"\ee8d"}.icofont-wind-scale-12:before{content:"\ee8e"}.icofont-wind-scale-2:before{content:"\ee8f"}.icofont-wind-scale-3:before{content:"\ee90"}.icofont-wind-scale-4:before{content:"\ee91"}.icofont-wind-scale-5:before{content:"\ee92"}.icofont-wind-scale-6:before{content:"\ee93"}.icofont-wind-scale-7:before{content:"\ee94"}.icofont-wind-scale-8:before{content:"\ee95"}.icofont-wind-scale-9:before{content:"\ee96"}.icofont-wind-waves:before{content:"\ee97"}.icofont-wind:before{content:"\ee98"}.icofont-windy-hail:before{content:"\ee99"}.icofont-windy-night:before{content:"\ee9a"}.icofont-windy-raining:before{content:"\ee9b"}.icofont-windy-sunny:before{content:"\ee9c"}.icofont-windy-thunder-raining:before{content:"\ee9d"}.icofont-windy-thunder:before{content:"\ee9e"}.icofont-windy:before{content:"\ee9f"}.icofont-addons:before{content:"\eea0"}.icofont-address-book:before{content:"\eea1"}.icofont-adjust:before{content:"\eea2"}.icofont-alarm:before{content:"\eea3"}.icofont-anchor:before{content:"\eea4"}.icofont-archive:before{content:"\eea5"}.icofont-at:before{content:"\eea6"}.icofont-attachment:before{content:"\eea7"}.icofont-audio:before{content:"\eea8"}.icofont-automation:before{content:"\eea9"}.icofont-badge:before{content:"\eeaa"}.icofont-bag-alt:before{content:"\eeab"}.icofont-bag:before{content:"\eeac"}.icofont-ban:before{content:"\eead"}.icofont-bar-code:before{content:"\eeae"}.icofont-bars:before{content:"\eeaf"}.icofont-basket:before{content:"\eeb0"}.icofont-battery-empty:before{content:"\eeb1"}.icofont-battery-full:before{content:"\eeb2"}.icofont-battery-half:before{content:"\eeb3"}.icofont-battery-low:before{content:"\eeb4"}.icofont-beaker:before{content:"\eeb5"}.icofont-beard:before{content:"\eeb6"}.icofont-bed:before{content:"\eeb7"}.icofont-bell:before{content:"\eeb8"}.icofont-beverage:before{content:"\eeb9"}.icofont-bill:before{content:"\eeba"}.icofont-bin:before{content:"\eebb"}.icofont-binary:before{content:"\eebc"}.icofont-binoculars:before{content:"\eebd"}.icofont-bluetooth:before{content:"\eebe"}.icofont-bomb:before{content:"\eebf"}.icofont-book-mark:before{content:"\eec0"}.icofont-box:before{content:"\eec1"}.icofont-briefcase:before{content:"\eec2"}.icofont-broken:before{content:"\eec3"}.icofont-bucket:before{content:"\eec4"}.icofont-bucket1:before{content:"\eec5"}.icofont-bucket2:before{content:"\eec6"}.icofont-bug:before{content:"\eec7"}.icofont-building:before{content:"\eec8"}.icofont-bulb-alt:before{content:"\eec9"}.icofont-bullet:before{content:"\eeca"}.icofont-bullhorn:before{content:"\eecb"}.icofont-bullseye:before{content:"\eecc"}.icofont-calendar:before{content:"\eecd"}.icofont-camera-alt:before{content:"\eece"}.icofont-camera:before{content:"\eecf"}.icofont-card:before{content:"\eed0"}.icofont-cart-alt:before{content:"\eed1"}.icofont-cart:before{content:"\eed2"}.icofont-cc:before{content:"\eed3"}.icofont-charging:before{content:"\eed4"}.icofont-chat:before{content:"\eed5"}.icofont-check-alt:before{content:"\eed6"}.icofont-check-circled:before{content:"\eed7"}.icofont-check:before{content:"\eed8"}.icofont-checked:before{content:"\eed9"}.icofont-children-care:before{content:"\eeda"}.icofont-clip:before{content:"\eedb"}.icofont-clock-time:before{content:"\eedc"}.icofont-close-circled:before{content:"\eedd"}.icofont-close-line-circled:before{content:"\eede"}.icofont-close-line-squared-alt:before{content:"\eedf"}.icofont-close-line-squared:before{content:"\eee0"}.icofont-close-line:before{content:"\eee1"}.icofont-close-squared-alt:before{content:"\eee2"}.icofont-close-squared:before{content:"\eee3"}.icofont-close:before{content:"\eee4"}.icofont-cloud-download:before{content:"\eee5"}.icofont-cloud-refresh:before{content:"\eee6"}.icofont-cloud-upload:before{content:"\eee7"}.icofont-cloud:before{content:"\eee8"}.icofont-code-not-allowed:before{content:"\eee9"}.icofont-code:before{content:"\eeea"}.icofont-comment:before{content:"\eeeb"}.icofont-compass-alt:before{content:"\eeec"}.icofont-compass:before{content:"\eeed"}.icofont-computer:before{content:"\eeee"}.icofont-connection:before{content:"\eeef"}.icofont-console:before{content:"\eef0"}.icofont-contacts:before{content:"\eef1"}.icofont-contrast:before{content:"\eef2"}.icofont-copyright:before{content:"\eef3"}.icofont-credit-card:before{content:"\eef4"}.icofont-crop:before{content:"\eef5"}.icofont-crown:before{content:"\eef6"}.icofont-cube:before{content:"\eef7"}.icofont-cubes:before{content:"\eef8"}.icofont-dashboard-web:before{content:"\eef9"}.icofont-dashboard:before{content:"\eefa"}.icofont-data:before{content:"\eefb"}.icofont-database-add:before{content:"\eefc"}.icofont-database-locked:before{content:"\eefd"}.icofont-database-remove:before{content:"\eefe"}.icofont-database:before{content:"\eeff"}.icofont-delete:before{content:"\ef00"}.icofont-diamond:before{content:"\ef01"}.icofont-dice-multiple:before{content:"\ef02"}.icofont-dice:before{content:"\ef03"}.icofont-disc:before{content:"\ef04"}.icofont-diskette:before{content:"\ef05"}.icofont-document-folder:before{content:"\ef06"}.icofont-download-alt:before{content:"\ef07"}.icofont-download:before{content:"\ef08"}.icofont-downloaded:before{content:"\ef09"}.icofont-drag:before{content:"\ef0a"}.icofont-drag1:before{content:"\ef0b"}.icofont-drag2:before{content:"\ef0c"}.icofont-drag3:before{content:"\ef0d"}.icofont-earth:before{content:"\ef0e"}.icofont-ebook:before{content:"\ef0f"}.icofont-edit:before{content:"\ef10"}.icofont-eject:before{content:"\ef11"}.icofont-email:before{content:"\ef12"}.icofont-envelope-open:before{content:"\ef13"}.icofont-envelope:before{content:"\ef14"}.icofont-eraser:before{content:"\ef15"}.icofont-error:before{content:"\ef16"}.icofont-excavator:before{content:"\ef17"}.icofont-exchange:before{content:"\ef18"}.icofont-exclamation-circle:before{content:"\ef19"}.icofont-exclamation-square:before{content:"\ef1a"}.icofont-exclamation-tringle:before{content:"\ef1b"}.icofont-exclamation:before{content:"\ef1c"}.icofont-exit:before{content:"\ef1d"}.icofont-expand:before{content:"\ef1e"}.icofont-external-link:before{content:"\ef1f"}.icofont-external:before{content:"\ef20"}.icofont-eye-alt:before{content:"\ef21"}.icofont-eye-blocked:before{content:"\ef22"}.icofont-eye-dropper:before{content:"\ef23"}.icofont-eye:before{content:"\ef24"}.icofont-favourite:before{content:"\ef25"}.icofont-fax:before{content:"\ef26"}.icofont-file-fill:before{content:"\ef27"}.icofont-film:before{content:"\ef28"}.icofont-filter:before{content:"\ef29"}.icofont-fire-alt:before{content:"\ef2a"}.icofont-fire-burn:before{content:"\ef2b"}.icofont-fire:before{content:"\ef2c"}.icofont-flag-alt-1:before{content:"\ef2d"}.icofont-flag-alt-2:before{content:"\ef2e"}.icofont-flag:before{content:"\ef2f"}.icofont-flame-torch:before{content:"\ef30"}.icofont-flash-light:before{content:"\ef31"}.icofont-flash:before{content:"\ef32"}.icofont-flask:before{content:"\ef33"}.icofont-focus:before{content:"\ef34"}.icofont-folder-open:before{content:"\ef35"}.icofont-folder:before{content:"\ef36"}.icofont-foot-print:before{content:"\ef37"}.icofont-garbage:before{content:"\ef38"}.icofont-gear-alt:before{content:"\ef39"}.icofont-gear:before{content:"\ef3a"}.icofont-gears:before{content:"\ef3b"}.icofont-gift:before{content:"\ef3c"}.icofont-glass:before{content:"\ef3d"}.icofont-globe:before{content:"\ef3e"}.icofont-graffiti:before{content:"\ef3f"}.icofont-grocery:before{content:"\ef40"}.icofont-hand:before{content:"\ef41"}.icofont-hanger:before{content:"\ef42"}.icofont-hard-disk:before{content:"\ef43"}.icofont-heart-alt:before{content:"\ef44"}.icofont-heart:before{content:"\ef45"}.icofont-history:before{content:"\ef46"}.icofont-home:before{content:"\ef47"}.icofont-horn:before{content:"\ef48"}.icofont-hour-glass:before{content:"\ef49"}.icofont-id:before{content:"\ef4a"}.icofont-image:before{content:"\ef4b"}.icofont-inbox:before{content:"\ef4c"}.icofont-infinite:before{content:"\ef4d"}.icofont-info-circle:before{content:"\ef4e"}.icofont-info-square:before{content:"\ef4f"}.icofont-info:before{content:"\ef50"}.icofont-institution:before{content:"\ef51"}.icofont-interface:before{content:"\ef52"}.icofont-invisible:before{content:"\ef53"}.icofont-jacket:before{content:"\ef54"}.icofont-jar:before{content:"\ef55"}.icofont-jewlery:before{content:"\ef56"}.icofont-karate:before{content:"\ef57"}.icofont-key-hole:before{content:"\ef58"}.icofont-key:before{content:"\ef59"}.icofont-label:before{content:"\ef5a"}.icofont-lamp:before{content:"\ef5b"}.icofont-layers:before{content:"\ef5c"}.icofont-layout:before{content:"\ef5d"}.icofont-leaf:before{content:"\ef5e"}.icofont-leaflet:before{content:"\ef5f"}.icofont-learn:before{content:"\ef60"}.icofont-lego:before{content:"\ef61"}.icofont-lens:before{content:"\ef62"}.icofont-letter:before{content:"\ef63"}.icofont-letterbox:before{content:"\ef64"}.icofont-library:before{content:"\ef65"}.icofont-license:before{content:"\ef66"}.icofont-life-bouy:before{content:"\ef67"}.icofont-life-buoy:before{content:"\ef68"}.icofont-life-jacket:before{content:"\ef69"}.icofont-life-ring:before{content:"\ef6a"}.icofont-light-bulb:before{content:"\ef6b"}.icofont-lighter:before{content:"\ef6c"}.icofont-lightning-ray:before{content:"\ef6d"}.icofont-like:before{content:"\ef6e"}.icofont-line-height:before{content:"\ef6f"}.icofont-link-alt:before{content:"\ef70"}.icofont-link:before{content:"\ef71"}.icofont-list:before{content:"\ef72"}.icofont-listening:before{content:"\ef73"}.icofont-listine-dots:before{content:"\ef74"}.icofont-listing-box:before{content:"\ef75"}.icofont-listing-number:before{content:"\ef76"}.icofont-live-support:before{content:"\ef77"}.icofont-location-arrow:before{content:"\ef78"}.icofont-location-pin:before{content:"\ef79"}.icofont-lock:before{content:"\ef7a"}.icofont-login:before{content:"\ef7b"}.icofont-logout:before{content:"\ef7c"}.icofont-lollipop:before{content:"\ef7d"}.icofont-long-drive:before{content:"\ef7e"}.icofont-look:before{content:"\ef7f"}.icofont-loop:before{content:"\ef80"}.icofont-luggage:before{content:"\ef81"}.icofont-lunch:before{content:"\ef82"}.icofont-lungs:before{content:"\ef83"}.icofont-magic-alt:before{content:"\ef84"}.icofont-magic:before{content:"\ef85"}.icofont-magnet:before{content:"\ef86"}.icofont-mail-box:before{content:"\ef87"}.icofont-mail:before{content:"\ef88"}.icofont-male:before{content:"\ef89"}.icofont-map-pins:before{content:"\ef8a"}.icofont-map:before{content:"\ef8b"}.icofont-maximize:before{content:"\ef8c"}.icofont-measure:before{content:"\ef8d"}.icofont-medicine:before{content:"\ef8e"}.icofont-mega-phone:before{content:"\ef8f"}.icofont-megaphone-alt:before{content:"\ef90"}.icofont-megaphone:before{content:"\ef91"}.icofont-memorial:before{content:"\ef92"}.icofont-memory-card:before{content:"\ef93"}.icofont-mic-mute:before{content:"\ef94"}.icofont-mic:before{content:"\ef95"}.icofont-military:before{content:"\ef96"}.icofont-mill:before{content:"\ef97"}.icofont-minus-circle:before{content:"\ef98"}.icofont-minus-square:before{content:"\ef99"}.icofont-minus:before{content:"\ef9a"}.icofont-mobile-phone:before{content:"\ef9b"}.icofont-molecule:before{content:"\ef9c"}.icofont-money:before{content:"\ef9d"}.icofont-moon:before{content:"\ef9e"}.icofont-mop:before{content:"\ef9f"}.icofont-muffin:before{content:"\efa0"}.icofont-mustache:before{content:"\efa1"}.icofont-navigation-menu:before{content:"\efa2"}.icofont-navigation:before{content:"\efa3"}.icofont-network-tower:before{content:"\efa4"}.icofont-network:before{content:"\efa5"}.icofont-news:before{content:"\efa6"}.icofont-newspaper:before{content:"\efa7"}.icofont-no-smoking:before{content:"\efa8"}.icofont-not-allowed:before{content:"\efa9"}.icofont-notebook:before{content:"\efaa"}.icofont-notepad:before{content:"\efab"}.icofont-notification:before{content:"\efac"}.icofont-numbered:before{content:"\efad"}.icofont-opposite:before{content:"\efae"}.icofont-optic:before{content:"\efaf"}.icofont-options:before{content:"\efb0"}.icofont-package:before{content:"\efb1"}.icofont-page:before{content:"\efb2"}.icofont-paint:before{content:"\efb3"}.icofont-paper-plane:before{content:"\efb4"}.icofont-paperclip:before{content:"\efb5"}.icofont-papers:before{content:"\efb6"}.icofont-pay:before{content:"\efb7"}.icofont-penguin-linux:before{content:"\efb8"}.icofont-pestle:before{content:"\efb9"}.icofont-phone-circle:before{content:"\efba"}.icofont-phone:before{content:"\efbb"}.icofont-picture:before{content:"\efbc"}.icofont-pine:before{content:"\efbd"}.icofont-pixels:before{content:"\efbe"}.icofont-plugin:before{content:"\efbf"}.icofont-plus-circle:before{content:"\efc0"}.icofont-plus-square:before{content:"\efc1"}.icofont-plus:before{content:"\efc2"}.icofont-polygonal:before{content:"\efc3"}.icofont-power:before{content:"\efc4"}.icofont-price:before{content:"\efc5"}.icofont-print:before{content:"\efc6"}.icofont-puzzle:before{content:"\efc7"}.icofont-qr-code:before{content:"\efc8"}.icofont-queen:before{content:"\efc9"}.icofont-question-circle:before{content:"\efca"}.icofont-question-square:before{content:"\efcb"}.icofont-question:before{content:"\efcc"}.icofont-quote-left:before{content:"\efcd"}.icofont-quote-right:before{content:"\efce"}.icofont-random:before{content:"\efcf"}.icofont-recycle:before{content:"\efd0"}.icofont-refresh:before{content:"\efd1"}.icofont-repair:before{content:"\efd2"}.icofont-reply-all:before{content:"\efd3"}.icofont-reply:before{content:"\efd4"}.icofont-resize:before{content:"\efd5"}.icofont-responsive:before{content:"\efd6"}.icofont-retweet:before{content:"\efd7"}.icofont-road:before{content:"\efd8"}.icofont-robot:before{content:"\efd9"}.icofont-royal:before{content:"\efda"}.icofont-rss-feed:before{content:"\efdb"}.icofont-safety:before{content:"\efdc"}.icofont-sale-discount:before{content:"\efdd"}.icofont-satellite:before{content:"\efde"}.icofont-send-mail:before{content:"\efdf"}.icofont-server:before{content:"\efe0"}.icofont-settings-alt:before{content:"\efe1"}.icofont-settings:before{content:"\efe2"}.icofont-share-alt:before{content:"\efe3"}.icofont-share-boxed:before{content:"\efe4"}.icofont-share:before{content:"\efe5"}.icofont-shield:before{content:"\efe6"}.icofont-shopping-cart:before{content:"\efe7"}.icofont-sign-in:before{content:"\efe8"}.icofont-sign-out:before{content:"\efe9"}.icofont-signal:before{content:"\efea"}.icofont-site-map:before{content:"\efeb"}.icofont-smart-phone:before{content:"\efec"}.icofont-soccer:before{content:"\efed"}.icofont-sort-alt:before{content:"\efee"}.icofont-sort:before{content:"\efef"}.icofont-space:before{content:"\eff0"}.icofont-spanner:before{content:"\eff1"}.icofont-speech-comments:before{content:"\eff2"}.icofont-speed-meter:before{content:"\eff3"}.icofont-spinner-alt-1:before{content:"\eff4"}.icofont-spinner-alt-2:before{content:"\eff5"}.icofont-spinner-alt-3:before{content:"\eff6"}.icofont-spinner-alt-4:before{content:"\eff7"}.icofont-spinner-alt-5:before{content:"\eff8"}.icofont-spinner-alt-6:before{content:"\eff9"}.icofont-spinner:before{content:"\effa"}.icofont-spreadsheet:before{content:"\effb"}.icofont-square:before{content:"\effc"}.icofont-ssl-security:before{content:"\effd"}.icofont-star-alt-1:before{content:"\effe"}.icofont-star-alt-2:before{content:"\efff"}.icofont-star:before{content:"\f000"}.icofont-street-view:before{content:"\f001"}.icofont-support-faq:before{content:"\f002"}.icofont-tack-pin:before{content:"\f003"}.icofont-tag:before{content:"\f004"}.icofont-tags:before{content:"\f005"}.icofont-tasks-alt:before{content:"\f006"}.icofont-tasks:before{content:"\f007"}.icofont-telephone:before{content:"\f008"}.icofont-telescope:before{content:"\f009"}.icofont-terminal:before{content:"\f00a"}.icofont-thumbs-down:before{content:"\f00b"}.icofont-thumbs-up:before{content:"\f00c"}.icofont-tick-boxed:before{content:"\f00d"}.icofont-tick-mark:before{content:"\f00e"}.icofont-ticket:before{content:"\f00f"}.icofont-tie:before{content:"\f010"}.icofont-toggle-off:before{content:"\f011"}.icofont-toggle-on:before{content:"\f012"}.icofont-tools-alt-2:before{content:"\f013"}.icofont-tools:before{content:"\f014"}.icofont-touch:before{content:"\f015"}.icofont-traffic-light:before{content:"\f016"}.icofont-transparent:before{content:"\f017"}.icofont-tree:before{content:"\f018"}.icofont-unique-idea:before{content:"\f019"}.icofont-unlock:before{content:"\f01a"}.icofont-unlocked:before{content:"\f01b"}.icofont-upload-alt:before{content:"\f01c"}.icofont-upload:before{content:"\f01d"}.icofont-usb-drive:before{content:"\f01e"}.icofont-usb:before{content:"\f01f"}.icofont-vector-path:before{content:"\f020"}.icofont-verification-check:before{content:"\f021"}.icofont-wall-clock:before{content:"\f022"}.icofont-wall:before{content:"\f023"}.icofont-wallet:before{content:"\f024"}.icofont-warning-alt:before{content:"\f025"}.icofont-warning:before{content:"\f026"}.icofont-water-drop:before{content:"\f027"}.icofont-web:before{content:"\f028"}.icofont-wheelchair:before{content:"\f029"}.icofont-wifi-alt:before{content:"\f02a"}.icofont-wifi:before{content:"\f02b"}.icofont-world:before{content:"\f02c"}.icofont-zigzag:before{content:"\f02d"}.icofont-zipped:before{content:"\f02e"}.icofont-xs{font-size:.5em}.icofont-sm{font-size:.75em}.icofont-md{font-size:1.25em}.icofont-lg{font-size:1.5em}.icofont-1x{font-size:1em}.icofont-2x{font-size:2em}.icofont-3x{font-size:3em}.icofont-4x{font-size:4em}.icofont-5x{font-size:5em}.icofont-6x{font-size:6em}.icofont-7x{font-size:7em}.icofont-8x{font-size:8em}.icofont-9x{font-size:9em}.icofont-10x{font-size:10em}.icofont-fw{text-align:center;width:1.25em}.icofont-ul{list-style-type:none;padding-left:0;margin-left:0}.icofont-ul>li{position:relative;line-height:2em}.icofont-ul>li .icofont{display:inline-block;vertical-align:middle}.icofont-border{border:solid .08em #f1f1f1;border-radius:.1em;padding:.2em .25em .15em}.icofont-pull-left{float:left}.icofont-pull-right{float:right}.icofont.icofont-pull-left{margin-right:.3em}.icofont.icofont-pull-right{margin-left:.3em}.icofont-spin{-webkit-animation:icofont-spin 2s infinite linear;animation:icofont-spin 2s infinite linear;display:inline-block}.icofont-pulse{-webkit-animation:icofont-spin 1s infinite steps(8);animation:icofont-spin 1s infinite steps(8);display:inline-block}@-webkit-keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.icofont-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icofont-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.icofont-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.icofont-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.icofont-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.icofont-flip-horizontal.icofont-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .icofont-flip-horizontal,:root .icofont-flip-vertical,:root .icofont-rotate-180,:root .icofont-rotate-270,:root .icofont-rotate-90{-webkit-filter:none;filter:none;display:inline-block}.icofont-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@keyframes plyr-progress {
to {
background-position: 25px 0;
background-position: var(--plyr-progress-loading-size, 25px) 0
}
}
@keyframes plyr-popup {
0% {
opacity: .5;
transform: translateY(10px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@keyframes plyr-fade-in {
from {
opacity: 0
}
to {
opacity: 1
}
}
.plyr {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
align-items: center;
direction: ltr;
display: flex;
flex-direction: column;
font-family: inherit;
font-family: var(--plyr-font-family, inherit);
font-variant-numeric: tabular-nums;
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
line-height: 1.7;
line-height: var(--plyr-line-height, 1.7);
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
transition: box-shadow .3s ease;
z-index: 0
}
.plyr audio,
.plyr iframe,
.plyr video {
display: block;
height: 100%;
width: 100%
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto
}
.plyr:focus {
outline: 0
}
.plyr--full-ui {
box-sizing: border-box
}
.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
box-sizing: inherit
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
touch-action: manipulation
}
.plyr__badge {
background: #4a5464;
background: var(--plyr-badge-background, #4a5464);
border-radius: 2px;
border-radius: var(--plyr-badge-border-radius, 2px);
color: #fff;
color: var(--plyr-badge-text-color, #fff);
font-size: 9px;
font-size: var(--plyr-font-size-badge, 9px);
line-height: 1;
padding: 3px 4px
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none
}
.plyr__captions {
animation: plyr-fade-in .3s ease;
bottom: 0;
display: none;
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
left: 0;
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
position: absolute;
text-align: center;
transition: transform .4s ease-in-out;
width: 100%
}
.plyr__captions span:empty {
display: none
}
@media (min-width:480px) {
.plyr__captions {
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
padding: calc(10px * 2);
padding: calc(var(--plyr-control-spacing, 10px) * 2)
}
}
@media (min-width:768px) {
.plyr__captions {
font-size: 18px;
font-size: var(--plyr-font-size-large, 18px)
}
}
.plyr--captions-active .plyr__captions {
display: block
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
transform: translateY(calc(10px * -4));
transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4))
}
.plyr__caption {
background: rgba(0, 0, 0, .8);
background: var(--plyr-captions-background, rgba(0, 0, 0, .8));
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #fff;
color: var(--plyr-captions-text-color, #fff);
line-height: 185%;
padding: .2em .5em;
white-space: pre-wrap
}
.plyr__caption div {
display: inline
}
.plyr__control {
background: 0 0;
border: 0;
border-radius: 3px;
border-radius: var(--plyr-control-radius, 3px);
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: calc(10px * .7);
padding: calc(var(--plyr-control-spacing, 10px) * .7);
position: relative;
transition: all .3s ease
}
.plyr__control svg {
display: block;
fill: currentColor;
height: 18px;
height: var(--plyr-control-icon-size, 18px);
pointer-events: none;
width: 18px;
width: var(--plyr-control-icon-size, 18px)
}
.plyr__control:focus {
outline: 0
}
.plyr__control.plyr__tab-focus {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px
}
a.plyr__control {
text-decoration: none
}
a.plyr__control::after,
a.plyr__control::before {
display: none
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
display: none
}
.plyr--full-ui ::-webkit-media-controls {
display: none
}
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center
}
.plyr__controls .plyr__progress__container {
flex: 1;
min-width: 0
}
.plyr__controls .plyr__controls__item {
margin-left: calc(10px / 4);
margin-left: calc(var(--plyr-control-spacing, 10px)/ 4)
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: calc(10px / 4);
padding-left: calc(var(--plyr-control-spacing, 10px)/ 4)
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 calc(10px / 2);
padding: 0 calc(var(--plyr-control-spacing, 10px)/ 2)
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
padding-left: 0
}
.plyr__controls:empty {
display: none
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip] {
display: none
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
display: inline-block
}
.plyr__menu {
display: flex;
position: relative
}
.plyr__menu .plyr__control svg {
transition: transform .3s ease
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
transform: rotate(90deg)
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
display: none
}
.plyr__menu__container {
animation: plyr-popup .2s ease;
background: rgba(255, 255, 255, .9);
background: var(--plyr-menu-background, rgba(255, 255, 255, .9));
border-radius: 4px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3
}
.plyr__menu__container > div {
overflow: hidden;
transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}
.plyr__menu__container::after {
border: 4px solid transparent;
border: var(--plyr-menu-arrow-size, 4px) solid transparent;
border-top-color: rgba(255, 255, 255, .9);
border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, .9));
content: '';
height: 0;
position: absolute;
right: calc(((18px / 2) + calc(10px * .7)) - (4px / 2));
right: calc(((var(--plyr-control-icon-size, 18px)/ 2) + calc(var(--plyr-control-spacing, 10px) * .7)) - (var(--plyr-menu-arrow-size, 4px)/ 2));
top: 100%;
width: 0
}
.plyr__menu__container [role=menu] {
padding: calc(10px * .7);
padding: calc(var(--plyr-control-spacing, 10px) * .7)
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
margin-top: 2px
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
margin-top: 0
}
.plyr__menu__container .plyr__control {
align-items: center;
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
display: flex;
font-size: 13px;
font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
padding-bottom: calc(calc(10px * .7)/ 1.5);
padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * .7)/ 1.5);
padding-left: calc(calc(10px * .7) * 1.5);
padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 1.5);
padding-right: calc(calc(10px * .7) * 1.5);
padding-right: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 1.5);
padding-top: calc(calc(10px * .7)/ 1.5);
padding-top: calc(calc(var(--plyr-control-spacing, 10px) * .7)/ 1.5);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.plyr__menu__container .plyr__control > span {
align-items: inherit;
display: flex;
width: 100%
}
.plyr__menu__container .plyr__control::after {
border: 4px solid transparent;
border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.plyr__menu__container .plyr__control--forward {
padding-right: calc(calc(10px * .7) * 4);
padding-right: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 4)
}
.plyr__menu__container .plyr__control--forward::after {
border-left-color: #728197;
border-left-color: var(--plyr-menu-arrow-color, #728197);
right: calc((calc(10px * .7) * 1.5) - 4px);
right: calc((calc(var(--plyr-control-spacing, 10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px))
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
border-left-color: currentColor
}
.plyr__menu__container .plyr__control--back {
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
margin: calc(10px * .7);
margin: calc(var(--plyr-control-spacing, 10px) * .7);
margin-bottom: calc(calc(10px * .7)/ 2);
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * .7)/ 2);
padding-left: calc(calc(10px * .7) * 4);
padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 4);
position: relative;
width: calc(100% - (calc(10px * .7) * 2));
width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * .7) * 2))
}
.plyr__menu__container .plyr__control--back::after {
border-right-color: #728197;
border-right-color: var(--plyr-menu-arrow-color, #728197);
left: calc((calc(10px * .7) * 1.5) - 4px);
left: calc((calc(var(--plyr-control-spacing, 10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px))
}
.plyr__menu__container .plyr__control--back::before {
background: #dcdfe5;
background: var(--plyr-menu-back-border-color, #dcdfe5);
box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
content: '';
height: 1px;
left: 0;
margin-top: calc(calc(10px * .7)/ 2);
margin-top: calc(calc(var(--plyr-control-spacing, 10px) * .7)/ 2);
overflow: hidden;
position: absolute;
right: 0;
top: 100%
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
border-right-color: currentColor
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
padding-left: calc(10px * .7);
padding-left: calc(var(--plyr-control-spacing, 10px) * .7)
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after,
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
border-radius: 100%
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
background: rgba(0, 0, 0, .1);
content: '';
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px);
transition: all .3s ease;
width: 16px
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform .3s ease, opacity .3s ease;
width: 6px
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
background: #00b3ff;
background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)))
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
opacity: 1;
transform: translateY(-50%) scale(1)
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
background: rgba(35, 40, 47, .1)
}
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: calc((calc(10px * .7) - 2) * -1);
margin-right: calc((calc(var(--plyr-control-spacing, 10px) * .7) - 2) * -1);
overflow: hidden;
padding-left: calc(calc(10px * .7) * 3.5);
padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 3.5);
pointer-events: none
}
.plyr--full-ui input[type=range] {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: calc(13px * 2);
border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
color: #00b3ff;
color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
display: block;
height: calc((3px * 2) + 13px);
height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
margin: 0;
min-width: 0;
padding: 0;
transition: box-shadow .3s ease;
width: 100%
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-webkit-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
-webkit-user-select: none;
user-select: none;
background-image: linear-gradient(to right, currentColor 0, transparent 0);
background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0))
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-webkit-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
-webkit-appearance: none;
margin-top: calc(((13px - 5px)/ 2) * -1);
margin-top: calc(((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/ 2) * -1)
}
.plyr--full-ui input[type=range]::-moz-range-track {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-moz-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
user-select: none
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-moz-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px)
}
.plyr--full-ui input[type=range]::-moz-range-progress {
background: currentColor;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
height: 5px;
height: var(--plyr-range-track-height, 5px)
}
.plyr--full-ui input[type=range]::-ms-track {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
-ms-user-select: none;
user-select: none;
color: transparent
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
-ms-user-select: none;
user-select: none
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
-ms-user-select: none;
user-select: none;
background: currentColor
}
.plyr--full-ui input[type=range]::-ms-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-ms-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
margin-top: 0
}
.plyr--full-ui input[type=range]::-ms-tooltip {
display: none
}
.plyr--full-ui input[type=range]:focus {
outline: 0
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
border: 0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px
}
.plyr__poster {
background-color: #000;
background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity .2s ease;
width: 100%;
z-index: 1
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1
}
.plyr__time {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}
.plyr__time + .plyr__time::before {
content: '\2044';
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px)
}
@media (max-width:767px) {
.plyr__time + .plyr__time {
display: none
}
}
.plyr__tooltip {
background: rgba(255, 255, 255, .9);
background: var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
border-radius: 3px;
border-radius: var(--plyr-tooltip-radius, 3px);
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
color: #4a5464;
color: var(--plyr-tooltip-color, #4a5464);
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
left: 50%;
line-height: 1.3;
margin-bottom: calc(calc(10px / 2) * 2);
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px)/ 2) * 2);
opacity: 0;
padding: calc(10px / 2) calc(calc(10px / 2) * 1.5);
padding: calc(var(--plyr-control-spacing, 10px)/ 2) calc(calc(var(--plyr-control-spacing, 10px)/ 2) * 1.5);
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px) scale(.8);
transform-origin: 50% 100%;
transition: transform .2s .1s ease, opacity .2s .1s ease;
white-space: nowrap;
z-index: 2
}
.plyr__tooltip::before {
border-left: 4px solid transparent;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right: 4px solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top: 4px solid rgba(255, 255, 255, .9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
bottom: calc(4px * -1);
bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
content: '';
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%, 0) scale(1)
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
left: 0;
transform: translate(0, 10px) scale(.8);
transform-origin: 0 100%
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
left: calc((18px / 2) + calc(10px * .7));
left: calc((var(--plyr-control-icon-size, 18px)/ 2) + calc(var(--plyr-control-spacing, 10px) * .7))
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translate(0, 10px) scale(.8);
transform-origin: 100% 100%
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
left: auto;
right: calc((18px / 2) + calc(10px * .7));
right: calc((var(--plyr-control-icon-size, 18px)/ 2) + calc(var(--plyr-control-spacing, 10px) * .7));
transform: translateX(50%)
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0, 0) scale(1)
}
.plyr__progress {
left: calc(13px * .5);
left: calc(var(--plyr-range-thumb-height, 13px) * .5);
margin-right: 13px;
margin-right: var(--plyr-range-thumb-height, 13px);
position: relative
}
.plyr__progress input[type=range],
.plyr__progress__buffer {
margin-left: calc(13px * -.5);
margin-left: calc(var(--plyr-range-thumb-height, 13px) * -.5);
margin-right: calc(13px * -.5);
margin-right: calc(var(--plyr-range-thumb-height, 13px) * -.5);
width: calc(100% + 13px);
width: calc(100% + var(--plyr-range-thumb-height, 13px))
}
.plyr__progress input[type=range] {
position: relative;
z-index: 2
}
.plyr__progress .plyr__tooltip {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
left: 0
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 100px;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
margin-top: calc((5px / 2) * -1);
margin-top: calc((var(--plyr-range-track-height, 5px)/ 2) * -1);
padding: 0;
position: absolute;
top: 50%
}
.plyr__progress__buffer::-webkit-progress-bar {
background: 0 0
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-webkit-transition: width .2s ease;
transition: width .2s ease
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-moz-transition: width .2s ease;
transition: width .2s ease
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width .2s ease;
transition: width .2s ease
}
.plyr--loading .plyr__progress__buffer {
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(-45deg, rgba(35, 40, 47, .6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, .6) 50%, rgba(35, 40, 47, .6) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 75%, transparent);
background-repeat: repeat-x;
background-size: 25px 25px;
background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
color: transparent
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: rgba(255, 255, 255, .25);
background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25))
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(193, 200, 209, .6);
background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}
.plyr__volume {
align-items: center;
display: flex;
max-width: 110px;
min-width: 80px;
position: relative;
width: 20%
}
.plyr__volume input[type=range] {
margin-left: calc(10px / 2);
margin-left: calc(var(--plyr-control-spacing, 10px)/ 2);
margin-right: calc(10px / 2);
margin-right: calc(var(--plyr-control-spacing, 10px)/ 2);
position: relative;
z-index: 2
}
.plyr--is-ios .plyr__volume {
min-width: 0;
width: auto
}
.plyr--audio {
display: block
}
.plyr--audio .plyr__controls {
background: #fff;
background: var(--plyr-audio-controls-background, #fff);
border-radius: inherit;
color: #4a5464;
color: var(--plyr-audio-control-color, #4a5464);
padding: 10px;
padding: var(--plyr-control-spacing, 10px)
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
background: #00b3ff;
background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
color: #fff;
color: var(--plyr-audio-control-color-hover, #fff)
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(193, 200, 209, .6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
background-color: rgba(193, 200, 209, .6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
background-color: rgba(193, 200, 209, .6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}
.plyr--audio .plyr__progress__buffer {
color: rgba(193, 200, 209, .6);
color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}
.plyr--video {
background: #000;
background: var(--plyr-video-background, var(--plyr-video-background, #000));
overflow: hidden
}
.plyr--video.plyr--menu-open {
overflow: visible
}
.plyr__video-wrapper {
background: #000;
background: var(--plyr-video-background, var(--plyr-video-background, #000));
height: 100%;
margin: auto;
overflow: hidden;
position: relative;
width: 100%
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
border: 0;
left: 0;
position: absolute;
top: 0
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%)
}
.plyr--video .plyr__controls {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75)));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
color: var(--plyr-video-control-color, #fff);
left: 0;
padding: calc(10px / 2);
padding: calc(var(--plyr-control-spacing, 10px)/ 2);
padding-top: calc(10px * 2);
padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
position: absolute;
right: 0;
transition: opacity .4s ease-in-out, transform .4s ease-in-out;
z-index: 3
}
@media (min-width:480px) {
.plyr--video .plyr__controls {
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
padding-top: calc(10px * 3.5);
padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5)
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%)
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
background: #00b3ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
color: #fff;
color: var(--plyr-video-control-color-hover, #fff)
}
.plyr__control--overlaid {
background: #00b3ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
border: 0;
border-radius: 100%;
color: #fff;
color: var(--plyr-video-control-color, #fff);
display: none;
left: 50%;
opacity: .9;
padding: calc(10px * 1.5);
padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: .3s;
z-index: 2
}
.plyr__control--overlaid svg {
left: 2px;
position: relative
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
opacity: 1
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(255, 255, 255, .25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color: rgba(255, 255, 255, .25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color: rgba(255, 255, 255, .25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, .5))
}
.plyr--video .plyr__progress__buffer {
color: rgba(255, 255, 255, .25);
color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25))
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-webkit-full-screen video {
height: 100%
}
.plyr:-ms-fullscreen video {
height: 100%
}
.plyr:fullscreen video {
height: 100%
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:fullscreen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none
}
@media (min-width:1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
.plyr:fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-webkit-full-screen video {
height: 100%
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none
}
@media (min-width:1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr:-moz-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-moz-full-screen video {
height: 100%
}
.plyr:-moz-full-screen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none
}
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none
}
@media (min-width:1024px) {
.plyr:-moz-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-ms-fullscreen video {
height: 100%
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none
}
@media (min-width:1024px) {
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
bottom: 0;
display: block;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10000000
}
.plyr--fullscreen-fallback video {
height: 100%
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
display: none
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none
}
@media (min-width:1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1
}
.plyr__ads > div,
.plyr__ads > div iframe {
height: 100%;
position: absolute;
width: 100%
}
.plyr__ads::after {
background: #23282f;
border-radius: 2px;
bottom: 10px;
bottom: var(--plyr-control-spacing, 10px);
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
right: var(--plyr-control-spacing, 10px);
z-index: 3
}
.plyr__ads::after:empty {
display: none
}
.plyr__cues {
background: currentColor;
display: block;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
margin: -var(--plyr-range-track-height, 5px)/2 0 0;
opacity: .8;
position: absolute;
top: 50%;
width: 3px;
z-index: 3
}
.plyr__preview-thumb {
background-color: rgba(255, 255, 255, .9);
background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
margin-bottom: calc(calc(10px / 2) * 2);
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px)/ 2) * 2);
opacity: 0;
padding: 3px;
padding: var(--plyr-tooltip-radius, 3px);
pointer-events: none;
position: absolute;
transform: translate(0, 10px) scale(.8);
transform-origin: 50% 100%;
transition: transform .2s .1s ease, opacity .2s .1s ease;
z-index: 2
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0, 0) scale(1)
}
.plyr__preview-thumb::before {
border-left: 4px solid transparent;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right: 4px solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top: 4px solid rgba(255, 255, 255, .9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
bottom: calc(4px * -1);
bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
content: '';
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2
}
.plyr__preview-thumb__image-container {
background: #c1c8d1;
border-radius: calc(3px - 1px);
border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
overflow: hidden;
position: relative;
z-index: 0
}
.plyr__preview-thumb__image-container img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
position: absolute;
top: 0;
width: 100%
}
.plyr__preview-thumb__time-container {
bottom: 6px;
left: 0;
position: absolute;
right: 0;
white-space: nowrap;
z-index: 3
}
.plyr__preview-thumb__time-container span {
background-color: rgba(0, 0, 0, .55);
border-radius: calc(3px - 1px);
border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
color: #fff;
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
padding: 3px 6px
}
.plyr__preview-scrubbing {
bottom: 0;
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: opacity .3s ease;
width: 100%;
z-index: 1
}
.plyr__preview-scrubbing--is-shown {
opacity: 1
}
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
object-fit: contain;
position: absolute;
top: 0;
width: 100%
}
.plyr--no-transition {
transition: none !important
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
border: 0 !important;
height: 1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important
}
.plyr [hidden] {
display: none !important
}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.e-gallery-container{position:relative;display:flex;flex-wrap:wrap}.e-gallery-container:not(.e-gallery-grid){transition:padding-bottom var(--animation-duration)}.e-gallery-item{position:relative;flex-grow:0;flex-shrink:0;transition-property:all;transition-duration:var(--animation-duration)}.e-gallery-item:not(:hover) .e-gallery-overlay{display:none}.e-gallery-item.e-gallery-item--hidden{transform:scale3d(0, 0, 0);opacity:0}.e-gallery-image{background-position:center center;background-size:cover;width:100%;transform-origin:center top;transition:var(--animation-duration)}.e-gallery-overlay{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;flex-direction:column;color:#fff;background-color:rgba(0,0,0,0.5)}.e-gallery-overlay__title{font-size:24px}.e-gallery-grid:not(.e-gallery--animated){display:grid;grid-gap:var(--vgap) var(--hgap);grid-template-columns:repeat(var(--columns), 1fr)}.e-gallery-grid:not(.e-gallery--animated) .e-gallery-item--hidden{position:absolute}.e-gallery-grid.e-gallery--animated{padding-bottom:var(--container-aspect-ratio)}.e-gallery-grid.e-gallery--animated .e-gallery-item{--item-width: calc((100% - ((var(--columns) - 1) * var(--hgap))) / var(--columns));position:absolute;top:calc(((100% / var(--rows)) + (var(--vgap) / var(--rows))) * var(--row));width:var(--item-width)}.e-gallery-grid .e-gallery-image{padding-bottom:var(--aspect-ratio)}.e-gallery-justified{padding-bottom:calc(var(--container-aspect-ratio) * 100%)}.e-gallery-justified .e-gallery-item{position:absolute;width:calc(var(--item-width) * (100% - var(--hgap) * var(--gap-count)));height:var(--item-height);top:calc(var(--item-top) + (var(--row) * var(--vgap)))}.e-gallery-justified .e-gallery-image{height:100%}.e-gallery-masonry{height:0;margin-bottom:calc(var(--highest-column-gap-count) * var(--vgap))}.e-gallery-masonry .e-gallery-item{position:absolute;width:calc(100% / var(--columns) - (var(--hgap) * (var(--columns) - 1) / var(--columns)));top:calc(var(--percent-height) + (var(--items-in-column) * var(--vgap)))}.e-gallery-masonry .e-gallery-image{padding-bottom:var(--item-height)}.e-gallery--ltr.e-gallery-grid.e-gallery--animated .e-gallery-item{left:calc(var(--item-width) * var(--column) + (var(--hgap) * var(--column)))}.e-gallery--ltr.e-gallery-justified .e-gallery-item{left:calc(var(--item-start) * (100% - var(--hgap) * var(--gap-count)) + var(--hgap) * var(--item-row-index))}.e-gallery--ltr.e-gallery-masonry .e-gallery-item{left:calc((100% / var(--columns) - (var(--hgap) * (var(--columns) - 1) / var(--columns))) * var(--column) + (var(--hgap) * var(--column)))}.e-gallery--rtl.e-gallery-grid.e-gallery--animated .e-gallery-item{right:calc(var(--item-width) * var(--column) + (var(--hgap) * var(--column)))}.e-gallery--rtl.e-gallery-justified .e-gallery-item{right:calc(var(--item-start) * (100% - var(--hgap) * var(--gap-count)) + var(--hgap) * var(--item-row-index))}.e-gallery--rtl.e-gallery-masonry .e-gallery-item{right:calc((100% / var(--columns) - (var(--hgap) * (var(--columns) - 1) / var(--columns))) * var(--column) + (var(--hgap) * var(--column)))}.e-gallery--lazyload .e-gallery-image:not(.e-gallery-image-loaded){filter:opacity(0);transform:scale(0.5)}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
overflow-x: hidden
}
body.dark {
background: #191b1d;
color: #fff
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} 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;
}  form > div {
width: 100%;
display: block;
margin-bottom: 20px;
position: relative;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
.post.alioth-post a.wp-block-button__link {
background-color: #191b1d;
font-size: 1em;
padding: 15px 45px;
margin-bottom: 15px;
color: #fff;
}
.post.alioth-post .is-style-outline > a.wp-block-button__link:not(.has-background) {
background-color: transparent;
border: 2px solid #191b1d;
color: #191b1d;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-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;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 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;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #191b1d;
font-family: 'Inter', sans-serif;
font-size: 14px;
line-height: 1.5;
}
h1,
h2,
h3,
h4 {
color: #191b1d;
margin-bottom: 1em;
}
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark p {
color: #fff
}
h1.big-title {
font-size: 90px;
font-style: normal;
font-weight: 700;
line-height: 100px;
margin-left: -7px;
margin-top: 20px;
margin-bottom: 69px;
padding-right: 10px;
}
h1 {
font-size: 48px;
line-height: 65px;
font-weight: 700;
letter-spacing: -0.06em;
}
h2 {
font-size: 36px;
line-height: 50px;
font-weight: 700;
letter-spacing: -0.06em;
}
h3 {
font-size: 30px;
line-height: 40px;
margin-left: -1px;
font-weight: 700;
letter-spacing: -0.05em;
}
h4 {
font-size: 24px;
line-height: 35px;
margin-left: -1px;
font-weight: 700;
letter-spacing: -0.05em;
}
h5 {
font-size: 18px;
line-height: 35px;
margin-left: -1px;
font-weight: normal;
margin-bottom: 1em;
}
h6 {
font-size: 12px;
line-height: 18px;
margin: 0;
}
p {
line-height: 28px;
margin-bottom: 15px
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
display: inline-block;
position: relative;
margin: 0;
padding-left: 20px;
}
blockquote::before {
content: "";
display: block;
width: 2px;
height: 100%;
background: #191b1d;
position: absolute;
left: 0;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0;
padding: 0;
list-style-position: inside
}
ol {
list-style: decimal;
list-style-position: inside
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
list-style: none
}
ul a {
text-decoration: none;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
border-spacing: 0
}
table th,
table td {
padding: 10px;
text-align: center;
border: 1px solid rgba(25, 27, 29, .1);
vertical-align: top;
}
table th a,
table td a {
color: #191b1d;
font-weight: 600;
text-decoration: none;
}
table caption {
margin-bottom: 15px;
}
span.wp-calendar-nav-prev a {
text-decoration: none;
color: #191b1d;
font-weight: 500;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a.hov-underline {
display: inline-block;
position: relative;
font-size: 15px;
font-weight: 600;
letter-spacing: -0.04em;
line-height: 16px;
}
a.hov-underline::after {
content: "";
position: absolute;
display: inline-block;
bottom: 0;
right: 0;
width: 100%;
background: #191b1d;
height: 1.5px;
-webkit-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
}
a.hov-underline:hover::after {
width: 0%
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: none;
background: #ebebeb;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 20px 50px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
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"],
textarea {
display: block;
width: 100%;
padding: 30px;
border: none;
background: #ebebeb;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body.dark form button,
body.dark form input,
body.dark form textarea {
background: #131313;
color: #fff !important;
}
body.dark form > div::before {
background: #fff;
}
.entry-content label input {
margin-bottom: 10px;
}
input[type="search"] {
padding: 15px
}
form > div > label {
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #8f8d8d;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
z-index: 1;
pointer-events: none;
}
form > div.half-field {
width: 49%;
}
.field-wrap.half-field.mail-field {
float: right;
}
.message-wrap label {
top: 30px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
form > div::before {
content: "";
position: absolute;
bottom: 0;
height: 1px;
background: #191b1d;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
width: 0;
z-index: 1
}
body.dark form > div::before {
background: #fff
}
form > div.focus::before {
width: 100%;
}
form > div.focus label {
top: 0;
font-size: 12px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]: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,
textarea:focus {
color: #111;
border: none !important;
outline: none !important
}
select {
width: 100%;
padding: 15px 20px;
border: none;
background: #ebebeb;
}
textarea {
width: 100%;
}   .site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
{
text-align: end;
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
}
.nav-previous {
display: none;
}
.post-navigation .nav-next {
display: block;
float: left;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 50%;
}
.post-navigation .nav-next a {
text-decoration: none
}
h5.nav-subtitle {
color: rgba(25, 27, 29, .6);
margin: 0;
margin-bottom: 10px;
}
h2.nav-title {
margin: 0;
}
nav.navigation.post-navigation::after,
nav.navigation.post-navigation::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: rgba(25, 27, 29, .2);
}
nav.navigation.post-navigation::after {
top: unset;
bottom: 0;
}
nav.navigation.post-navigation {
position: relative;
padding-top: 35px;
float: left;
clear: both;
width: 100%;
padding-bottom: 35px;
} .sticky {
display: block;
}
.post,
.page {}
.updated:not(.published) {
display: none;
}
.alioth-post.right-sidebar .c-col-9.entry-col {
padding-right: 30px
}
.alioth-post.left-sidebar .c-col-9.entry-col {
padding-left: 30px
}
.post .entry-content {
float: left;
clear: both;
margin-bottom: 35px
}
.post.alioth-post .entry-content a {
font-weight: 500;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.post-tags {
display: block;
float: left;
width: 100%;
margin-bottom: 35px;
text-transform: uppercase;
color: #10101087;
font-size: 12px;
}
.post-tags a {
font-weight: 500;
text-decoration: underline !important;
} .not-found {
position: relative;
display: block;
width: 100%;
height: 100vh;
}
.not-found-header {
text-align: center;
}
.not-found-wrap {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.not-found-header h1:first-child {
font-size: 170px;
line-height: 170px;
margin-bottom: 0;
margin-top: 0
}
.not-found-text {
font-size: 18px;
line-height: 30px;
color: rgba(25, 27, 29, .6);
margin-bottom: 30px;
text-align: center
}
body.dark .not-found-text {
color: hsla(0, 0%, 100%, .2)
} .page-header {
display: block;
width: 100%;
position: relative;
padding-top: 115px;
background: #EBEBEB;
margin-bottom: 150px;
z-index: 2;
}
.page-header-wrap.wrapper-small {
margin-bottom: 0;
position: relative;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.page-title {
display: block;
float: left;
padding: 0 15px;
}
.page-subtitle {
display: block;
float: left;
clear: both;
}
.page-title h1.big-title {
margin-bottom: 20px;
margin-top: 0;
line-height: 130px;
font-size: 110px
}
.page-title .pt-char {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.page-title .pt-word {
overflow: hidden;
padding-right: 5px
} div#comments {
float: left;
width: 100%;
}
p.logged-in-as a {
color: #191b1d;
font-weight: 500;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
p.comment-form-cookies-consent {
display: block;
float: left;
width: 100%;
}
.post.alioth-post a.comment-reply-link {
font-weight: 600;
color: rgba(25, 27, 29, .6);
text-decoration: underline;
font-size: 12px;
}
.comment .comment-respond {
display: block;
float: left;
width: 100%;
border-top: 1px solid rgba(25, 27, 29, .2);
margin-top: 10px;
}
h3#reply-title {
font-size: 20px;
}
h3#reply-title small {
font-weight: 500;
margin-left: 10px;
font-size: 13px;
letter-spacing: -0.03em;
text-decoration: underline;
}
.comment input#submit:hover {
background: #f7f6f6;
}
form.comment-form textarea,
form.comment-form input[type="text"],
form.comment-form input[type="email"],
form.comment-form input[type="submit"] {
background: #f0f0f0;
}
body.dark form.comment-form textarea,
body.dark form.comment-form input[type="text"],
body.dark form.comment-form input[type="email"],
body.dark form.comment-form input[type="submit"] {
background: #131313;
color: #fff !important;
} .widget {
margin: 0 0 1.5em;
margin-bottom: 40px
}
.widget select {
max-width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.widget-title {
display: block;
font-size: 20px;
letter-spacing: -0.05em;
font-weight: 700;
margin-bottom: 25px;
}
.widget ul {
list-style: none;
}
.widget ul li {
line-height: 28px;
letter-spacing: -0.01em;
margin-bottom: 5px;
font-weight: 400;
color: #191b1d
}
.widget ul li a {
text-decoration: none;
color: #191b1d;
display: inline-block;
position: relative;
-webkit-transition: color .4s ease;
-o-transition: color .4s ease;
transition: color .4s ease;
}
.widget ul li a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
background: #191b1d;
width: 0%;
height: 1px;
z-index: 2;
-webkit-transition: width .4s ease;
-o-transition: width .4s ease;
transition: width .4s ease;
}
.widget ul li a:hover {
color: #191b1d
}
.widget ul li a:hover::after {
width: 100%;
}
ul#recentcomments {
list-style: disc;
list-style-position: inside;
}
.widget_rss ul li {
margin-bottom: 30px;
}
.widget_rss ul {
list-style: square;
list-style-position: inside;
}
a.rsswidget {
font-weight: 600;
}
.rssSummary {
color: rgba(25, 27, 29, .6);
}
.rss-date {
font-style: italic;
font-size: 12px;
margin-left: 10px;
}
.tagcloud a {
color: #191b1d;
font-weight: 700;
letter-spacing: -0.05em;
margin: 10px;
display: block;
float: left;
}
footer.wp-block-latest-comments__comment-meta a {
color: #191b1d;
font-weight: 600;
}
.footer-widget .widget div.caption {
font-size: 20px;
font-weight: 700;
letter-spacing: -0.04em;
display: block;
margin-bottom: 35px;
}
.footer-widget input[type="search"],
.footer-widget select {
background: #e0e0e0;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: -ms-grid;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
-ms-grid-columns: (1fr)[6];
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
-ms-grid-columns: (1fr)[7];
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
-ms-grid-columns: (1fr)[8];
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
-ms-grid-columns: (1fr)[9];
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} #mouseCursor {
width: 50px;
height: 50px;
display: block;
position: fixed;
z-index: 9999999;
pointer-events: none;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
#cursor {
width: 100%;
height: 100%;
display: block;
position: absolute;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-width: 2px;
border-style: solid
}
#dot {
display: block;
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
div#mouseCursor i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
font-size: 35px;
} body.loading {
pointer-events: none;
}
.alioth-page-loader {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: 99999;
}
.loader-animate-header .alioth-page-loader {
z-index: 888
}
.alioth-page-loader .apl-wrapper {
position: fixed;
bottom: 10%;
left: 8.5%;
width: 100%;
height: 200px;
z-index: 9999999;
}
span.apl-background {
position: fixed;
top: 0;
left: 0;
background: #191b1d;
width: 100%;
height: 100%;
z-index: -15;
}
.alioth-page-loader.light span.apl-background {
background: #ebebeb
}
.apl-count {
position: fixed;
bottom: 0;
left: -4%;
}
.apl-loading > span {
display: inline-block;
overflow: hidden;
}
.apl-load-word {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.apl-text {
font-size: 65px;
line-height: 75px;
font-weight: 700;
letter-spacing: -0.06em;
white-space: nowrap;
color: #191b1d;
z-index: 3;
visibility: hidden;
display: block;
position: fixed;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%) translateX(500px);
-ms-transform: translateY(-50%) translateX(500px);
transform: translateY(-50%) translateX(500px)
}
.apl-count {
position: absolute;
font-size: 250px;
color: #fff;
font-weight: 700;
text-align: center
}
.alioth-page-loader.light .apl-count {
color: rgba(25, 27, 29, .05)
}
.apl-count .apl-num {
display: block;
overflow: hidden;
float: left;
height: 250px;
line-height: 250px
}
.apl-num-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.apl-num-1 .apl-num-wrapper {
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
text-align: right
}
.apl-num-2 .apl-num-wrapper {
-webkit-transform: translateY(5%);
-ms-transform: translateY(5%);
transform: translateY(5%);
text-align: left
}
.apl-num-3 .apl-num-wrapper {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.apl-num-3 span {
display: block
}
.apl-num.apl-num-3 {
margin-left: -25px;
}
.alioth-page-loader.dark .apl-text {
color: #fff
}
.alioth-page-loader.dark .apl-count {
color: hsla(0, 0%, 100%, .05)
} .alioth-page-transitions {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
visibility: hidden
}
.apt-image {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 999;
width: 200px;
height: auto;
opacity: 0
}
.apt-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.apt-bg {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 00%;
background: #131313;
z-index: 99;
}
.alioth-page-transitions.light .apt-bg {
background: #ebebeb;
}
.trans-text {
position: fixed;
bottom: 10%;
left: 8.5%;
color: hsla(0, 0%, 100%, .2);
z-index: 999;
font-size: 60px;
white-space: nowrap;
font-weight: 700;
letter-spacing: -0.07em;
overflow: hidden;
line-height: 115px;
padding-right: 10px;
}
.alioth-page-transitions.light .trans-text {
color: rgba(25, 27, 29, .6)
}
.trans-image {
position: fixed;
top: 0;
left: 0;
pointer-events: none;
}
.trans-image-wrap,
.trans-image-wrap img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
} .site-header {
display: block;
position: absolute;
width: 100%;
height: 150px;
z-index: 9999;
margin-bottom: 100px;
background-color: transparent;
-webkit-transition: background-color .6s ease .5s;
-o-transition: background-color .6s ease .5s;
transition: background-color .6s ease .5s;
}
.site-header.light.sticked {
background-color: rgba(19, 19, 19, 1);
}
.site-header.dark.sticked {
background-color: #fff
}
.site-header.fullscreen_menu::before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
background: #f1f1f1;
width: 100%;
height: 0%;
-webkit-transition: all .75s cubic-bezier(.25, .74, .22, .99);
-o-transition: all .75s cubic-bezier(.25, .74, .22, .99);
transition: all .75s cubic-bezier(.25, .74, .22, .99);
}
.site-header.anim_start .site-header.fullscreen_menu::before {
height: 100%;
}
.site-header.fullscreen_menu.menu-has-open::before {
height: 75%;
}
.site-header.fullscreen_menu::after {
display: block;
position: fixed;
bottom: 0;
width: 100%;
height: 100%;
content: "";
background-color: #00000063;
z-index: -2;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .4s ease, visibility .4s ease;
-o-transition: opacity .4s ease, visibility .4s ease;
transition: opacity .4s ease, visibility .4s ease;
pointer-events: none
}
.site-header.fullscreen_menu.menu-has-open::after {
opacity: 1;
visibility: visible;
}
.header-wrapper {
position: absolute;
left: 50%;
top: 60%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 992px) {
.header-wrapper {
max-width: 90% !important;
}
}
@media only screen and (min-width: 992px) {
.header-wrapper {
max-width: 950px !important;
}
}
@media only screen and (min-width: 1200px) {
.header-wrapper {
max-width: 1174px !important;
}
}
@media only screen and (min-width: 1450px) {
.header-wrapper {
max-width: 1274px !important;
}
}
@media only screen and (min-width: 1600px) {
.header-wrapper {
max-width: 1500px !important;
}
}
.header-wrapper.menu-opened {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 84vh;
}
.site-header.header_sticked {
position: fixed;
top: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
height: 100px;
background: #ededed
}
.site-header.header_sticked .header-wrapper {
top: 45%
}
.site-branding,
.menu-toggle,
.header-widgets {
display: block;
z-index: 999;
position: absolute;
}
.site-branding {
left: 5px;
overflow: hidden
}
.site-desc {
display: block;
position: static;
left: 0;
transform: translateY(-10px);
float: left;
}
.menu-toggle {
left: 25%;
}
@media only screen and (max-width: 900px) {
.menu-toggle {
left: unset;
right: 0
}
}
.header-widgets {
right: 5px;
}
.header-widget {
display: block;
float: left;
margin: 0 30px;
}
.header-widget:last-child {
margin-right: 0;
}
.loader-animate-header .header-widget {
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0;
}
.site-logo {
width: 90px;
display: block;
overflow: hidden;
}
.site-logo img {
width: 100%;
height: auto
}
.loader-animate-header .site-logo {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.site-header.light a.cart-contents,
.site-header.light h2.site-title a,
.site-header.light p.site-description {
color: #fff
}
h2.site-title {
margin: 0;
}
h2.site-title a {
color: #191b1d;
text-decoration: none
}
p.site-description {
margin: 0
}
.site-header.classic_menu .menu-toggle,
.site-header.classic_menu .sub-back {
display: none
}
.site-navigation.classic {
display: block;
float: left;
position: static;
z-index: 999;
margin-left: 150px
}
.menu a {
text-decoration: none;
color: #191b1d;
display: block;
}
.site-header.light .menu a {
color: #fff
}
.site-navigation.classic .menu.main-menu {
list-style: none;
padding: 0
}
.site-navigation.classic .menu.main-menu li {
display: inline-block;
font-size: 16px;
line-height: 28px;
position: relative;
font-weight: 700;
padding-bottom: 0;
letter-spacing: -0.045em;
}
.site-navigation.classic .menu.main-menu li .menu-tit-char::before {
content: attr(data-hover);
display: block;
position: absolute;
left: 0;
transform: translateY(10px);
opacity: 0;
color: yellow;
transition: all .4s ease;
}
.site-navigation.classic .menu.main-menu li .menu-tit-char.on-hover::before {
opacity: 1
}
.site-navigation.classic .menu.main-menu > li > a {
display: block;
padding-left: 20px;
padding-right: 20px;
color: rgba(25, 27, 29, .6);
}
.site-header.light .site-navigation.classic .menu.main-menu > li > a {
color: hsla(0, 0%, 100%, .4)
}
.site-navigation.classic .menu.main-menu > li.menu-item-active > a {
color: #191b1d
}
.site-navigation.classic .menu.main-menu > li:first-child a {
padding-left: 0
}
.site-navigation.classic .sub-menu {
position: absolute;
display: block;
z-index: -1;
opacity: 0;
visibility: hidden;
padding: 40px 0px 40px 50px;
background: #e0e0e0;
left: -25px;
white-space: nowrap;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
margin-left: 0
}
.site-header.light .site-navigation.classic .sub-menu {
background: #101010
}
.site-navigation.classic .menu.main-menu > li.menu-item.menu-item-has-children:hover > .sub-menu {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.site-navigation.classic .sub-menu::before {
content: "";
position: absolute;
top: -20px;
background: transparent;
width: 100%;
height: 20px;
left: 0;
}
.site-navigation.classic .sub-menu li.menu-item {
display: block;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
visibility: hidden;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
font-weight: normal;
font-size: 16px;
letter-spacing: -0, 045em;
line-height: 26px;
padding-bottom: 10px;
font-weight: 700;
padding-right: 150px;
}
.site-navigation.classic .sub-menu li.menu-item a {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.site-navigation.classic .sub-menu li.menu-item:hover a {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px)
}
.site-navigation.classic .sub-menu li.menu-item.menu-item-has-children::after {
content: "\ea5d";
position: absolute;
top: 0;
right: 25px;
font-weight: normal;
font-family: IcoFont;
}
.site-navigation.classic .sub-menu .sub-menu {
position: absolute;
top: 0;
left: -25px;
-webkit-transform: translateX(87%) translateY(-30px);
-ms-transform: translateX(87%) translateY(-30px);
transform: translateX(87%) translateY(-30px);
border-left: 1px solid rgba(25, 27, 29, .3);
}
.site-navigation.classic .sub-menu li.menu-item.menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(87%) translateY(-40px);
-ms-transform: translateX(87%) translateY(-40px);
transform: translateX(87%) translateY(-40px)
}
.site-navigation.classic .menu.main-menu > li.menu-item.menu-item-has-children:hover a::before {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
.site-navigation.classic .menu.main-menu > li.menu-item.menu-item-has-children:hover > .sub-menu::after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.site-navigation.classic .menu.main-menu > li.menu-item.menu-item-has-children:hover > .sub-menu li.menu-item {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.site-navigation.fullscreen {
position: fixed;
width: 100%;
height: 85%;
top: 0;
left: 0;
z-index: 888;
}
.site-navigation.fullscreen .fs-menu-wrapper {
display: block;
width: 100%;
position: fixed;
height: 85%;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.site-navigation.fullscreen .fs-menu-wrapper {
display: none
}
.site-navigation.fullscreen .menu.main-menu > li.menu-item {
font-size: 50px;
line-height: 80px;
font-weight: 700;
letter-spacing: -0.06em;
display: block;
overflow: hidden;
padding-bottom: 0
}
.site-navigation.fullscreen .menu.main-menu > li.menu-item a {
position: relative;
display: inline-block;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
color: rgba(25, 27, 29, .6);
padding-right: 5px
}
.site-navigation.fullscreen .menu.main-menu > li.menu-item a::before {
content: attr(data-hover);
position: absolute;
left: 0;
width: 100%;
overflow: hidden;
color: #191b1d;
-webkit-transition: width .75s cubic-bezier(0.63, 0.03, 0.21, 1);
-o-transition: width .75s cubic-bezier(0.63, 0.03, 0.21, 1);
transition: width .75s cubic-bezier(0.63, 0.03, 0.21, 1);
white-space: nowrap
}
.site-navigation.fullscreen .menu.main-menu.hovered > li.menu-item a::before {
width: 0%
}
.site-navigation.fullscreen .menu.main-menu.hovered > li.menu-item a.hovered::before {
width: 100%;
}
.site-navigation.fullscreen .menu.main-menu {
position: fixed;
left: 25%;
right: 0;
bottom: 15%;
padding: 0
}
.site-navigation.fullscreen ul.ulcol {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.sub-toggle {
display: inline-block;
position: relative;
width: 20px;
height: 20px;
margin-left: 20px;
top: -5px;
cursor: pointer
}
.sub-togg-line {
position: absolute;
width: 0%;
height: 1px;
background: #000;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: width .4s ease, -webkit-transform .5s ease .4s;
transition: width .4s ease, -webkit-transform .5s ease .4s;
-o-transition: width .4s ease, transform .5s ease .4s;
transition: width .4s ease, transform .5s ease .4s;
transition: width .4s ease, transform .5s ease .4s, -webkit-transform .5s ease .4s
}
.has-sub-in .sub-togg-line {
width: 100%
}
.has-sub-in .sub-togg-line:nth-child(2) {
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
-ms-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
}
.menu-item.menu-item-has-children > a:hover > .sub-toggle {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.sub-back {
cursor: pointer;
overflow: hidden;
display: block;
position: absolute;
opacity: 0;
left: 0;
visibility: hidden;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
font-size: 30px;
top: 20%
}
.sub-back.is-active {
opacity: .4;
visibility: visible;
}
.site-header.menu_dark .sub-back {
color: #fff
}
.sb-arrow-left {
display: inline-block;
border: solid #000;
border-width: 1px 0 0 1px;
padding: 5px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-left: 4px;
}
.sb-arrow-line {
display: inline-block;
width: 50px;
height: 1px;
background: #000;
vertical-align: middle;
margin-top: -3px;
margin-left: -12px;
-webkit-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease
}
.sb-back-text {
font-size: 10px;
font-weight: 600;
letter-spacing: 2px;
margin-left: 10px;
display: inline-block;
opacity: 0;
-webkit-transform: translateY(-1px) translateX(20%);
-ms-transform: translateY(-1px) translateX(20%);
transform: translateY(-1px) translateX(20%);
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.sub-back:hover .sb-arrow-line {
width: 25px;
}
.sub-back:hover .sb-back-text {
opacity: 1;
-webkit-transform: translateY(-1px) translateX(0);
-ms-transform: translateY(-1px) translateX(0);
transform: translateY(-1px) translateX(0);
}
.site-navigation.fullscreen ul ul {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
padding: 0;
margin: 0
}
.site-navigation.fullscreen ul ul li {
overflow: hidden;
font-size: 40px;
line-height: 70px;
letter-spacing: -0.06em;
padding: 0;
padding-right: 18px;
white-space: nowrap;
}
.site-navigation.fullscreen ul ul li a {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.site-navigation.fullscreen ul.hidden > li,
.site-navigation.fullscreen ul.hidden {
visibility: hidden;
}
.site-navigation.fullscreen ul.opened > li,
.site-navigation.fullscreen ul.opened {
visibility: visible;
}
.menu-widget {
position: fixed;
display: block
}
.site-navigation.classic .menu-widget {
display: none
}
.menu-widget-left {
left: 0;
bottom: 17%;
}
.menu-widget-right {
right: 0;
bottom: 8%;
}
.menu-toggle {
height: 25px;
cursor: pointer;
}
.menu-toggle.hidden {
display: none;
}
.toggle-line {
width: 50px;
height: 1px;
display: block;
background: #191b1d;
-webkit-transition: all .3s cubic-bezier(.475, .425, 0, .995);
-o-transition: all .3s cubic-bezier(.475, .425, 0, .995);
transition: all .3s cubic-bezier(.475, .425, 0, .995);
left: 0
}
.loader-animate-header .toggle-line {
width: 0px;
}
span.toggle-line:nth-child(2) {
margin-top: 10px;
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
span.toggle-line:nth-child(1) {
margin-top: 5px;
}
body.loading span.toggle-line {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important
}
.menu-toggle.is-active .toggle-line:nth-child(1) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu-toggle.is-active .toggle-line:nth-child(2) {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
margin-top: 0;
}
.menu-toggle.is-active .toggle-line {
width: 35px
}
.site-navigation.fullscreen.menu-opened .fs-menu-wrapper {
display: block
}
.site-navigation.menu-opened {
display: block
}
.site-header.dark .light-logo,
.site-header.light .dark-logo {
display: none;
}
.site-header.light .toggle-line {
background: #fff
}
.site-header.menu_dark.fullscreen_menu::before {
background: #191b1d
}
.site-header.menu_dark .site-navigation.fullscreen .menu.main-menu > li.menu-item a {
color: hsla(0, 0%, 100%, .2)
}
.site-header.menu_dark .site-navigation.fullscreen .menu.main-menu > li.menu-item a::before {
color: #fff
}
.site-header.menu_dark .sub-togg-line {
background: #fff
}  .header-cta-but {
display: block;
}
.header-cta-but a {
text-decoration: none;
color: rgba(25, 27, 29, .6);
font-size: 16px;
font-weight: 700;
letter-spacing: -0.05em;
line-height: 20px;
display: block;
position: relative;
}
.header-cta-but a::before {
content: "";
display: block;
position: absolute;
left: -25px;
z-index: -1;
width: 50px;
height: 50px;
background: #dedede;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50px;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.header-cta-but a::after {
content: attr(data-hover);
display: block;
position: absolute;
left: 0;
top: 0;
width: 0%;
overflow: hidden;
white-space: nowrap;
color: #191b1d;
-webkit-transition: width .4s ease;
-o-transition: width .4s ease;
transition: width .4s ease;
}
.header-cta-but a:hover::after {
width: 100%;
}
.header-cta-but a:hover::before {
width: calc(100% + 50px);
}
.site-header.light .header-cta-but a {
color: hsla(0, 0%, 100%, .4)
}
.site-header.light .header-cta-but a::before {
background: #2b2e31
}
.site-header.light .header-cta-but a::after {
color: #fff
} .social-list {
list-style: none;
padding: 0
}
.social-list li {
font-size: 18px;
line-height: 32px;
padding: 0;
margin-bottom: 10px;
}
.social-list li:last-child {
margin-bottom: 0;
}
.social-list li a {
text-decoration: none;
color: rgba(25, 27, 29, .6);
display: block;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
}
.site-header.menu_dark .social-list li a {
color: hsla(0, 0%, 100%, .4)
} .git-button a {
text-decoration: none;
color: #ebebeb;
font-size: 50px;
font-weight: 700;
letter-spacing: -3px;
}
.git-button {
-webkit-transform: rotate(90deg) translateY(50%) translateX(50%);
-ms-transform: rotate(90deg) translateY(50%) translateX(50%);
transform: rotate(90deg) translateY(50%) translateX(50%);
display: block;
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
opacity: 0;
}
.site-header.menu_dark .git-button a {
color: hsla(0, 0%, 100%, .2);
} #footer {
clear: both;
background: #ebebeb;
margin-bottom: 0;
padding: 100px 0 15px 0;
z-index: 999;
}
#footer.dark {
background: #131313
}
.copyright-text {
font-size: 12px;
color: rgba(25, 27, 29, .6);
}
#footer.dark .copyright-text {
color: hsla(0, 0%, 100%, .2);
}
.social-list-widget ul {
list-style: none;
margin: 0;
padding: 0
}
.social-list-widget ul li a {
color: #191b1d;
text-decoration: none;
}
#footer.dark .social-list-widget ul li a {
color: #fff
}
.social-list-widget li {
font-size: 14px;
padding-bottom: 16px;
}
.footer-logo {
margin-bottom: 20px;
width: 150px
}
.footer-menu ul {
margin: 0;
padding: 0
}
.footer-menu ul ul {
display: none;
}
.footer-menu ul li {
list-style: none;
display: inline-block;
}
.footer-menu ul li a {
color: rgba(25, 27, 29, .6);
text-decoration: none;
}
#footer.dark .footer-menu ul li a {
color: hsla(0, 0%, 100%, .4)
}
.footer-menu ul li {
padding-right: 30px;
font-size: 14px;
} #page {
visibility: visible
}
.hide_desktop {
display: none
}
.wrapper-small {
width: 100%;
margin-right: auto;
margin-left: auto;
margin-bottom: 100px;
}
.wrapper {
width: 100%;
margin-right: auto;
margin-left: auto;
margin-bottom: 100px;
}
.wrapper-full {
width: 100%;
margin-bottom: 100px;
}
.section {
width: 100%;
margin-bottom: 100px;
position: relative;
background-size: cover;
background-position: center;
}
.section.fullscreen {
height: 100%;
margin-bottom: 0;
}
.section.has-bg {
margin-bottom: 350px;
padding-top: 100px;
margin-top: 350px;
}
.page-content .section:last-child {
margin-bottom: 0
}
.send-back {
z-index: -2
}
.section.send-back {
z-index: -9
}
.sec-bg-ov {
position: absolute;
width: 25%;
top: 0;
z-index: -2;
}
.sec-bg-ov:nth-child(1) {
left: 0;
height: calc(100% + 100px);
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.sec-bg-ov:nth-child(2) {
left: 25%;
height: calc(100% + 200px);
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
}
.sec-bg-ov:nth-child(3) {
left: 50%;
height: calc(100% + 300px);
-webkit-transform: translateY(-150px);
-ms-transform: translateY(-150px);
transform: translateY(-150px);
}
.sec-bg-ov:nth-child(4) {
left: 75%;
height: calc(100% + 200px);
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
}
.wrapper:after,
.wrapper-small:after,
.wrapper-full:after,
section:after {
display: table;
clear: both;
content: '';
}
.c-col-1,
.c-col-2,
.c-col-3,
.c-col-4,
.c-col-5,
.c-col-6,
.c-col-7,
.c-col-8,
.c-col-9,
.c-col-10,
.c-col-11,
.c-col-12 {
float: left;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.no-gap {
padding-left: 0;
padding-right: 0;
}
.c-col-6 {
width: 50%;
}
.c-col-4 {
width: 33.333333%
}
.c-col-8 {
width: 66.666666%
}
.c-col-3 {
width: 25%;
}
.c-col-2 {
width: 16.6666666%
}
.c-col-5 {
width: 41.666666%
}
.c-col-10 {
width: 83.333333%
}
.c-col-9 {
width: 75%
}
.c-col-12 {
width: 100%;
}
.no-margin {
margin-bottom: 0 !important
}
.align-center {
text-align: center
}
@media only screen and (max-width: 576px) {
.wrapper {
max-width: 90%;
margin-bottom: 25px;
}
.wrapper-small {
max-width: 90%;
margin-bottom: 25px;
}
.wrapper-full {
margin-bottom: 100px;
}
.c-col-1,
.c-col-2,
.c-col-3,
.c-col-4,
.c-col-5,
.c-col-6,
.c-col-7,
.c-col-8,
.c-col-9,
.c-col-10,
.c-col-11,
.c-col-12 {
width: 100%;
margin-bottom: 35px;
}
.fit-col {
margin: 0;
}
}
@media only screen and (min-width: 576px) {
.wrapper {
max-width: 90%;
}
.wrapper-small {
max-width: 90%;
}
}
@media only screen and (min-width: 768px) {
.wrapper {
max-width: 90%;
}
.wrapper-small {
max-width: 88%;
}
}
@media only screen and (min-width: 992px) {
.wrapper {
max-width: 1014px;
}
.wrapper-small {
max-width: 790px;
}
}
@media only screen and (min-width: 1200px) {
.wrapper {
max-width: 1274px;
}
.wrapper-small {
max-width: 950px;
}
}
@media only screen and (min-width: 1600px) {
.wrapper {
max-width: 1500px;
}
.wrapper-small {
max-width: 1200px;
}
}
.section.parallax-bg {
width: 100%;
z-index: -1;
background-size: cover;
background-position: 50% 0%;
background-repeat: no-repeat;
overflow: hidden;
}
.a-empty-space {
display: block;
width: 100%;
float: revert;
clear: both
} .post.alioth-post {
display: block;
overflow: hidden;
position: relative;
}
.post.alioth-post a {
text-decoration: none;
color: #191b1d
}
.posts-navigation {
display: block;
float: left;
}
.posts-navigation ul li {
display: inline-block;
font-size: 20px;
font-weight: 700;
margin: 0 15px;
}
.posts-navigation ul li a {
color: rgba(25, 27, 29, .6);
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
letter-spacing: -0.03em;
}
.posts-navigation ul li.active a {
color: #191b1d;
}
.posts-navigation ul li a:hover {
color: #191b1d;
} ul.comment-list {
list-style: none;
padding: 0;
margin: 0;
}
.comment {
background: #ebebeb;
padding: 30px;
margin-bottom: 30px;
overflow: hidden;
}
.comment .comment-meta .image {
display: block;
float: left;
}
.comment-meta h4.name {
margin: 0;
}
.comment-meta h4.name a {
color: #191b1d
}
.comment-usr {
display: block;
float: left;
padding-top: 10px;
padding-left: 20px;
}
.comment .text_holder {
display: block;
float: left;
}
.comment-meta {
display: block;
float: left;
width: 100%;
}
a.comment-reply-link {
display: block;
float: left;
clear: both;
}
.comment-meta::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -20px;
width: 100%;
background: rgba(25, 27, 29, .2);
height: 1px;
} .post-header {
width: 100%;
position: relative;
}
.post-image,
.post-image img {
width: 100%;
height: 50vh;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.post-image {
position: relative;
}
.post-metas {
display: block;
width: 100%;
float: left;
margin-bottom: 30px;
}
.post-header.no-thumb .post-metas {
margin-bottom: 10px
}
.post-header.no-thumb .post-details-wrapper {
margin-top: 80px
}
.post-metas a {
text-decoration: none;
color: rgba(25, 27, 29, .6);
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease
}
.post-metas a:hover {
color: #191b1d
}
.post-date,
.post-cat {
display: inline-block;
font-size: 14px;
font-weight: normal;
color: rgba(25, 27, 29, .6);
}
body.light .post-cat a,
body.light .post-date a,
body.light .post-category a,
body.light .post-cat,
body.light .post-date,
body.light .post-category {
color: rgba(25, 27, 29, .6)
}
.post-details-wrapper {
margin-top: 35px;
}
.post-category::before {
content: "";
display: inline-block;
width: 30px;
height: 1px;
background: rgba(25, 27, 29, .6);
vertical-align: middle;
margin: -1px 10px 0 10px;
}
body.light .post-category::before {
background: rgba(25, 27, 29, .6)
}
.post-details-wrapper {
margin-top: 35px;
margin-bottom: 35px;
position: relative;
overflow: hidden
}
.post-details-wrapper::after {
content: "";
display: block;
position: absolute;
bottom: 20px;
width: 100%;
height: 1px;
background: rgba(25, 27, 29, .2);
}
body.light .post-details-wrapper::after {
background: rgba(25, 27, 29, .1)
}
.next-post {
display: block;
position: relative;
width: 100%;
float: left;
padding-top: 30px;
}
.next-post a {
text-decoration: none;
}
.next-post::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: hsla(0, 0%, 100%, .2);
}
body.light .next-post::before {
background: rgba(25, 27, 29, .6)
}
h5.np-text {
color: rgba(25, 27, 29, .6)
}
body.dark h5.np-text {
color: hsla(0, 0%, 100%, .2);
}
h3.next-post-title {
max-width: 60%;
}
.blog-archive .post-image,
.blog-archive .post-image img {
height: auto
}
.post-header.no-thumb {
display: block;
width: 100%;
position: relative;
padding-top: 200px;
background: #EBEBEB;
margin-bottom: 50px;
z-index: 2;
}
.post-header.no-thumb .post-details-wrapper::after {
display: none
}
.page-header.archive-header {
padding-top: 200px;
} .blog-classic .post.alioth-post {
width: 45%;
float: left;
margin: 0 2.5%;
margin-bottom: 100px;
}
.posts-col {
padding: 0 50px
}
.sidebar-col.sidebar-left {
padding-left: 0;
padding-right: 30px;
border-right: 1px solid rgba(25, 27, 29, .1);
}
.sidebar-col.sidebar-right {
border-left: 1px solid rgba(25, 27, 29, .1);
padding-right: 0;
padding-left: 30px;
}
.blog-classic .post-image {
width: 100%;
height: 100%;
}
.blog-classic .post-image img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
display: block
}
.alioth-blog.blog-classic {
display: block;
overflow: hidden;
}
.blog-classic .post.alioth-post.sticky {
width: 100%;
margin: 0 auto;
float: none;
clear: both;
margin-bottom: 100px;
}
.blog-classic .post.alioth-post.sticky .post-image {
width: 60%;
display: block;
float: left
}
.blog-classic .post.alioth-post.sticky .post-meta {
width: 100%
}
.blog-classic .post.alioth-post .post-title {
margin-bottom: 10px;
margin-top: 0
}
.blog-classic .post-date {
display: block;
float: left
}
.blog-classic h5.post-date::after {
content: "";
display: inline-block;
width: 20px;
height: 1px;
background: rgba(25, 27, 29, .6);
vertical-align: middle;
margin-top: -1px;
margin-left: 10px;
margin-right: 10px;
}
.blog-classic .post-meta {
display: block;
float: left;
overflow: hidden;
width: 100%;
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.alioth-blog.blog-classic .post.alioth-post .post-title h2 {
margin-bottom: 0;
margin-top: 0
}
.blog-classic .post-date,
.blog-classic .post-cat {
color: rgba(25, 27, 29, .6);
margin-top: 0;
font-size: 16px
}
.blog-classic .post-date a,
.blog-classic .post-cat a {
color: rgba(25, 27, 29, .6);
}
body.dark .blog-classic .post-date a,
body.dark .blog-classic .post-cat a {
color: hsla(0, 0%, 100%, .4);
}
body.dark .blog-classic .post-date,
.blog-classic.dark .post-date,
body.dark .blog-classic .post-cat,
.blog-classic.dark .post-cat {
color: hsla(0, 0%, 100%, .4);
}
body.dark h5.post-date::after,
.blog-classic.dark h5.post-date::after {
background: hsla(0, 0%, 100%, .4);
}
body.dark .page-header {
background: #131517
}
body.dark .page-title h1 {
color: #fff;
} .post.alioth-post .post-title h3,
.post.alioth-post .post-title h2 {
margin-bottom: 10px;
margin-top: 0
}
.post.alioth-post.no_thumb,
.blog-archive .post.alioth-post,
.blog-list .post.alioth-post {
margin-bottom: 45px;
padding-bottom: 30px;
}
.post.alioth-post.no_thumb .post-date,
.blog-list .post-date,
.alioth-post .post-category {
font-size: 14px;
color: rgba(25, 27, 29, .6);
margin-left: 0.3em;
margin-top: 0;
display: inline-block;
}
.alioth-blog.blog-list {
margin-top: 50px;
}
.post.alioth-post.no_thumb .post-summary,
.blog-list .post-summary {
font-size: 16px;
color: rgba(25, 27, 29, .6);
display: block;
float: left;
line-height: 32px;
margin-top: 0
}
.post.alioth-post.no_thumb .post-cat,
.blog-list .post-cat,
.blog-archive .post-cat {
font-size: 14px;
display: inline-block;
margin-top: 0;
margin-bottom: 0;
}
.blog-archive .post-cat::before {
content: "";
display: inline-block;
width: 30px;
height: 1px;
background: rgba(25, 27, 29, .3);
vertical-align: middle;
margin: 0 10px;
}
.post-read {
display: block;
float: left;
overflow: hidden;
clear: both
}
body.light .blog-list .post-cat::before {
background: #191b1d
}
.blog-archive .post.alioth-post::after,
.blog-list .post.alioth-post::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: rgba(25, 27, 29, .2);
}
.blog-archive .post.alioth-post.sticky::after,
.blog-list .post.alioth-post.sticky::after {
background: #191b1d;
}
body.dark .blog-list .post.alioth-post::after,
.blog-list.dark .post.alioth-post::after {
background: hsla(0, 0%, 100%, .4)
}
.blog-list .post.alioth-post .post-image {
display: none
}
.blog-list .post-images {
position: fixed;
width: 30%;
-webkit-transform: translateY(50px) translateX(50px);
-ms-transform: translateY(50px) translateX(50px);
transform: translateY(50px) translateX(50px)
}
.blog-list .post-images .post-image {
display: block;
width: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden
}
.blog-list .post-images .post-image img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
max-width: unset;
}
body.dark .blog-list .post-cat a,
.blog-list.dark .post-cat,
body.dark .blog-list .post-summary,
.blog-list.dark .post-summary,
body.dark .blog-list .post-date a,
.blog-list.dark .post-date {
color: hsla(0, 0%, 100%, .4)
}
.blog-list .post-date,
.blog-list .post-cat {
font-size: 14px;
margin-bottom: 20px;
}
.blog-list .post-date::after {
content: "";
display: inline-block;
width: 20px;
height: 1px;
background: rgba(25, 27, 29, .6);
vertical-align: middle;
margin: 0 15px;
}
body.dark .blog-list .post-date::after {
background: hsla(0, 0%, 100%, .4)
}   .portfolio-showcase.showcase-video {
position: relative
}
.portfolio-showcase video {
height: 100%;
object-fit: cover
}
.portfolio-showcase .plyr__controls {
display: none
}
.plyr--full-ui input[type="range"] {
color: #000
}
.portfolio-showcase .plyr--video .plyr__control.plyr__tab-focus,
.portfolio-showcase .plyr--video .plyr__control:hover,
.portfolio-showcase .plyr--video .plyr__control[aria-expanded="true"] {
background: #000
}
.portfolio-showcase .plyr__control--overlaid {
background: #000;
}
.portfolio-showcase .plyr__video-embed iframe {
top: 0%;
height: 100%;
width: 100%;
}
.portfolio-showcase .plyr--full-ui.plyr--video .plyr__control--overlaid {
display: none;
}
.portfolio-showcase .plyr {
width: 100%;
height: 100%;
pointer-events: none
}
.portfolio-showcase .plyr__video-wrapper {
width: calc((75vh - 2rem) * 1.77777778);
min-width: 100%;
height: 100%;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.showcase-video {
width: 100%;
height: 100%;
}
.showcase-video video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top
}
.portfolio-showcase .plyr__video-embed__container {
height: 100% !important
} .showcase-footer {
position: absolute;
bottom: 7.5%;
width: 83%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
z-index: 1
}
.showcase-footer-left,
.showcase-footer-right {
display: block;
float: left;
width: 50%;
height: 100%;
pointer-events: all
}
.showcase-footer-right {
text-align: right;
float: right;
pointer-events: all
} .a-plus-button {
position: relative;
display: inline-block;
cursor: pointer;
width: 50px;
height: 50px;
}
.a-plus-button::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1px;
background: #191b1d;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.a-plus-button::after {
content: "";
display: block;
position: absolute;
width: 1px;
height: 50px;
background: #191b1d;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: -webkit-transform .6s ease;
transition: -webkit-transform .6s ease;
-o-transition: transform .6s ease;
transition: transform .6s ease;
transition: transform .6s ease, -webkit-transform .6s ease
}
body.dark .a-plus-button::before,
body.dark .a-plus-button::after,
.a-plus-button.light::after,
.a-plus-button.light::before {
background: #fff
}
.a-plus-button a {
display: block;
width: 100%;
height: 100%;
white-space: nowrap;
color: #191b1d;
font-size: 12px;
overflow: hidden;
font-weight: 600;
}
body.dark .a-plus-button a,
.a-plus-button.light a {
color: #fff
}
.a-plus-button a > span {
display: inline-block;
position: absolute;
top: 30%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
overflow: hidden;
}
.a-plus-button a > span > span {
display: block;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform .3s ease .3s;
transition: -webkit-transform .3s ease .3s;
-o-transition: transform .3s ease .3s;
transition: transform .3s ease .3s;
transition: transform .3s ease .3s, -webkit-transform .3s ease .3s;
}
.a-plus-button:hover a > span > span {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.a-plus-button:hover::after {
-webkit-transform: translateX(-50%) rotate(270deg);
-ms-transform: translateX(-50%) rotate(270deg);
transform: translateX(-50%) rotate(270deg);
} .fullscreen-slider-showcase {
display: block;
position: relative;
width: 100%;
height: 100vh;
} @supports (-webkit-touch-callout: none) {
.fullscreen-slider-showcase { height: -webkit-fill-available;
}
}
.fullscreen-slider-showcase .slide-bgimg,
.fullscreen-slider-showcase .swiper-wrapper {
-webkit-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1) !important;
-o-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1) !important;
transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1) !important;
}
.slide-bgimg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.fs-project.swiper-slide .fs-project-image {
display: none
}
.fs-project {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
z-index: 2;
pointer-events: none
}
.fs-project.active {
visibility: visible
}
.fs-project-dets {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 35%;
left: 15%;
}
.fs-title {
font-size: 110px;
font-weight: 700;
letter-spacing: -0.06em;
margin-bottom: 100px;
line-height: 115px;
width: 100%;
display: block;
overflow: hidden
}
.fullscreen-slider-showcase.dark .fs-title,
body.dark .fullscreen-slider-showcase .fs-title {
color: #fff
}
.fs-meta {
display: inline-block;
margin-left: 5px;
}
.fs-meta span {
font-size: 20px;
font-weight: 700;
letter-spacing: -0.06em;
color: rgba(25, 27, 29, .6);
line-height: 25px;
}
.fs-cat > span {
display: inline-block;
}
.fs-cat > span::after {
content: "-";
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.fs-cat > span:last-child::after {
display: none;
}
.fullscreen-slider-showcase.dark .fs-meta span,
body.dark .fullscreen-slider-showcase .fs-meta span {
color: hsla(0, 0%, 100%, .5)
}
span.fs-year::before {
content: "/";
margin: 0 5px;
}
.fs-nav {
display: block;
}
.fs-nav span {
font-size: 16px;
font-weight: 700;
letter-spacing: -0.06em;
display: inline-block;
color: rgba(25, 27, 29, .6);
cursor: pointer
}
.fs-nav span.swiper-pagination-progressbar-fill {
background: #191b1d
}
.fullscreen-slider-showcase.dark .fs-nav span,
body.dark .fullscreen-slider-showcase .fs-nav span {
color: hsla(0, 0%, 100%, .6)
}
span.fs-prog {
width: 100px;
height: 1px;
background: rgba(25, 27, 29, .3);
vertical-align: middle;
margin-top: -1px;
margin-left: 15px;
margin-right: 15px;
position: relative;
}
.fullscreen-slider-showcase.dark span.fs-prog,
body.dark .fullscreen-slider-showcase span.fs-prog {
background: hsla(0, 0%, 100%, .2)
}
.fullscreen-slider-showcase.dark .swiper-pagination-progressbar.fs-prog .swiper-pagination-progressbar-fill,
body.dark .fullscreen-slider-showcase .swiper-pagination-progressbar.fs-prog .swiper-pagination-progressbar-fill {
background: #fff
}
span.fs-prog-bar {
background: #191b1d;
width: 50%;
height: 1px;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.fullscreen-slider-showcase.dark span.fs-prog-bar,
body.dark .fullscreen-slider-showcase span.fs-prog-bar {
background: #fff
}
.fullscreen-slider-showcase.dark .swiper-pagination-progressbar.fs-prog .swiper-pagination-progressbar-fill,
body.dark .fullscreen-slider-showcase .swiper-pagination-progressbar.fs-prog .swiper-pagination-progressbar-fill {
color: #fff
}
.fs-button {
position: absolute;
right: 20%;
top: 32%;
display: block;
pointer-events: all
}
.fs-button a {
text-decoration: none;
color: #191b1d;
font-size: 16px;
font-weight: 700;
letter-spacing: -0.05em;
position: relative;
display: block;
}
.fullscreen-slider-showcase.dark .fs-button a::after,
body.dark .fs-button a::after,
.fullscreen-slider-showcase.dark .fs-button a,
body.dark .fs-button a {
color: #fff
}
.fs-button a::after {
content: "\ea5d";
font-family: IcoFont;
font-size: 20px;
vertical-align: middle;
margin-left: 10px;
margin-top: -1px;
display: inline-block;
}
.fs-button,
.fs-meta,
.fs-fraction {
overflow: hidden
}
.fs-tit-char {
overflow: hidden;
padding-right: 3px;
margin-right: -3px
}
.fs-tit-char > span,
.fs-button > span,
.fs-meta > span,
.fs-fraction > span {
display: block
}
.fs-images {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0
}
.fs-images .fs-project-image .fs-im-wrap {
position: absolute;
width: 100%;
height: 100%
}
.fs-images .fs-project-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 1s ease;
}
.fs-fraction {
display: block;
position: absolute;
left: 8.5%;
top: 29.5%;
overflow: hidden;
z-index: 2
}
.fs-fraction span {
font-size: 20px;
font-weight: 700;
letter-spacing: -0.06em;
font-size: 15px;
color: rgba(25, 27, 29, .6);
display: block
}
.fullscreen-slider-showcase.dark .fs-fraction span,
body.dark .fs-fraction span {
color: hsla(0, 0%, 100%, .4)
}
span.fs-tot::before {
content: "/";
margin-right: 5px;
}
.fs-img-wrap {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden
} .portfolio-showcase.showcase-slideshow {
position: relative;
width: 100%;
height: 100vh;
z-index: 1
} @supports (-webkit-touch-callout: none) {
.portfolio-showcase.showcase-slideshow { height: -webkit-fill-available;
}
}
.showcase-slideshow-wrapper {
position: absolute;
top: 50%;
right: 10%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
width: 35%;
height: 68%;
}
.ss-project {
width: 100%;
height: 100%;
display: block;
position: absolute;
visibility: hidden;
}
.ss-project.active {
visibility: visible
}
.ss-project .ss1-image {
display: none
}
.ss1-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.ss1-details {
position: relative;
top: 40%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
overflow: hidden
}
.ss1-met-wrap {
display: block;
float: right;
width: 60%;
}
.ss1-title {
font-size: 100px;
font-weight: 700;
letter-spacing: -0.06em;
float: left;
width: 100%;
display: block;
line-height: 120px;
white-space: pre-line
}
.ss1-title .st-line {
display: block;
}
.ss1-summary {
float: left;
width: 100%;
margin-top: 50px;
font-size: 14px;
line-height: 25px;
}
.ss1-date {
position: absolute;
top: 0;
right: 0;
}
.ss1-cat {
display: block;
font-size: 30px;
line-height: 35px;
font-weight: 700;
letter-spacing: -0.05em;
color: rgba(25, 27, 29, .6);
margin-left: 100px;
margin-bottom: 30px;
float: left;
overflow: hidden;
}
.ss1-cat span {
display: inline-block;
}
.ss1-cat span::after {
content: "/";
display: inline-block;
vertical-align: middle;
margin: 0 10px;
}
.ss1-cat span:last-child::after {
display: none;
}
.showcase-slideshow.dark .ss1-title,
.showcase-slideshow.dark .ss1-dots.swiper-pagination-bullets span,
.showcase-slideshow.dark .ss1-date,
body.dark .ss1-title,
body.dark .ss1-dots.swiper-pagination-bullets span,
body.dark .ss1-date {
color: #fff
}
.showcase-slideshow.dark .ss1-cat,
body.dark .ss1-cat,
.showcase-slideshow.dark .ss1-summary,
body.dark .ss1-summary {
color: hsla(0, 0%, 100%, .4)
}
.ss1-images {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
overflow: hidden
}
.ss1-images .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.ss1-images .ss1-image-wrap img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.ss1-image-wrap {
width: 100%;
height: 100%;
}
.ss1-image-wrap.active {
width: 100%
}
.ss1-image-wrapper {
position: absolute;
top: 0;
left: 0;
}
.ss1-sl-image {
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease
}
.ss1-sl-image {
position: absolute;
top: 50%;
left: 15%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
width: 50%;
height: 62%;
overflow: hidden;
}
.ss1-sl-image .plyr__video-wrapper {
width: calc((75vh) * 1.77777778) !important
}
.ss1-sl-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.ss1-images .swiper-wrapper {
-webkit-transition-timing-function: cubic-bezier(0.51, 0.51, 0, 1.01);
-o-transition-timing-function: cubic-bezier(0.51, 0.51, 0, 1.01);
transition-timing-function: cubic-bezier(0.51, 0.51, 0, 1.01);
}
.ss1-dots.swiper-pagination-bullets {
position: absolute;
top: 50%;
left: 8%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 3
}
.ss1-dots.swiper-pagination-bullets span {
width: auto;
height: auto;
background: none !important;
display: block;
margin-bottom: 40px;
font-size: 12px;
font-weight: 600;
letter-spacing: -0.04em;
cursor: pointer;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.ss1-dots.swiper-pagination-bullets span:last-child {
margin-bottom: 0;
}
.ss1-fraction {
position: absolute;
right: 8%;
bottom: 5%;
}
.ss1-fraction div {
font-size: 14px;
font-weight: 500;
letter-spacing: -0.05em;
}
.ss1-curr::after {
content: "";
display: block;
width: 1px;
height: 30px;
background: rgba(25, 27, 29, .6);
margin: 10px auto;
}
.showcase-slideshow.dark .ss1-fraction div,
body.dark .ss1-fraction div {
color: #fff
}
.showcase-slideshow.dark .ss1-curr::after,
body.dark .ss1-curr::after {
background: hsla(0, 0%, 100%, .2)
}
.ss1-button {
display: block;
border-radius: 50px;
background: #ebebeb;
display: inline-block;
position: absolute;
right: 20%;
bottom: 20%;
overflow: hidden;
white-space: nowrap
}
.ss1-button a {
display: block;
text-decoration: none;
color: #191b1d;
padding: 20px 40px;
}
body.dark .ss1-button {
background: hsla(0, 0%, 100%, .2)
}
body.dark .ss1-button a {
color: #fff
}
.ss1-button a::after {
content: "\ea94";
font-family: IcoFont;
font-size: 20px;
display: inline-block;
vertical-align: middle;
}
.ss1-nav {
position: absolute;
bottom: 5%;
left: 8%;
}
.ss1-nav i {
font-size: 25px;
}
.ss1-prev::after {
content: "";
display: block;
width: 1px;
height: 20px;
background: #191b1d;
margin: 0 auto;
margin-top: -16px;
}
.ss1-next::before {
content: "";
display: block;
width: 1px;
height: 20px;
background: #191b1d;
margin: 0 auto;
margin-bottom: -16px;
}
.ss1-nav div {
padding: 10px 0;
cursor: pointer;
}
.showcase-slideshow.dark .ss1-nav div,
body.dark .ss1-nav div {
color: #fff
}
.showcase-slideshow.dark .ss1-prev::after,
.showcase-slideshow.dark .ss1-next::before,
body.dark .ss1-prev::after,
body.dark .ss1-next::before {
background: #fff;
color: #fff
}
.tl-wrap,
.ssum-line {
display: block;
overflow: hidden;
}
.fs-right-custom {
position: absolute;
bottom: 5%;
right: 8%;
}
.fs-left-custom {
position: absolute;
bottom: 5%;
left: 8%;
} .fullscreen-wall-showcase {
position: relative;
width: 100%;
height: 100vh;
}
.fw-projects {
position: fixed;
top: 50%;
left: 7.5%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 70%;
z-index: 1
}
body.smooth-scroll-enabled .fw-projects {
position: absolute
}
.fw-projects .fwt-line {
overflow: hidden
}
.fw-images {
position: fixed;
top: 0;
right: 0;
width: 50%;
height: 100%;
pointer-events: none
}
.portfolio-showcase .fw-images .plyr__video-wrapper {
width: calc((100vh) * 1.77777778)
}
.fw-images .fw-project-image,
.fw-images .fw-project-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
.fw-images .fw-project-image {
position: absolute;
top: 0;
right: 0;
}
.fw-project {
display: inline-block;
padding: 0px 5px 0px;
cursor: pointer;
overflow: hidden;
padding-right: 5px
}
.fw-project a {
text-decoration: none;
color: #191b1d;
display: inline-block;
}
body.dark .fw-project a,
.fullscreen-wall-showcase.dark .fw-project a {
color: #fff
}
.fw-projects .fw-project-image {
display: none
}
.fw-project .fw-project-category {
display: none
}
.fw-project-title {
font-size: 60px;
font-weight: 700;
letter-spacing: -0.06em;
display: inline-block;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.fw-project.opdown .fw-project-title {
opacity: .2
}
.fw-project.active.opdown .fw-project-title {
opacity: 1;
}
.fw-project-image-wrap {
position: absolute;
top: 0;
right: 0;
width: 0%;
height: 100%;
overflow: hidden;
}
.fw-project::after {
content: "/";
display: inline-block;
font-size: 60px;
margin: 0 20px;
font-weight: 700;
color: rgba(25, 27, 29, .2);
}
.fwt-line .fw-project:last-child::after {
display: none
}
.fw-cat {
font-size: 20px;
font-weight: 700;
letter-spacing: -0.05em;
color: rgba(25, 27, 29, .6);
overflow: hidden
}
.fw-cat span {
display: inline-block;
}
.fw-cat span::after {
content: "/";
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.fw-cat span:last-child::after {
display: none;
}
body.dark .fw-cat,
.fullscreen-wall-showcase.dark .fw-cat,
body.dark .fw-project::after,
.fullscreen-wall-showcase.dark .fw-project::after {
color: hsla(0, 0%, 100%, .6)
} .ss2-project {
position: absolute;
width: 100%;
height: 100%;
}
.portfolio-showcase.showcase-slideshow-v2 {
position: relative;
width: 100%;
height: 100vh;
}
.portfolio-showcase.showcase-slideshow-v2::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
background: #191b1d;
width: 100%;
height: 100%;
z-index: 3;
opacity: 0;
pointer-events: none;
}
.showcase-slideshow-2-wrapper {
display: block;
position: relative;
max-width: 35%;
height: 70%;
top: 50%;
left: 16%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ss2-project-meta {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ss2-project-image {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute
}
.ss2-project-image img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100% !important;
}
.ss2-project .ss2-project-image {
display: none
}
.ss2-images {
position: absolute !important;
right: 8.5%;
top: 50%;
width: 35%;
height: 70%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.slide-bgimg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.ss2-project-title {
font-size: 100px;
font-weight: 700;
letter-spacing: -0.06em;
display: block;
margin-bottom: 30px;
line-height: 120px;
}
body.dark .ss2-button a,
.showcase-slideshow-v2.dark .ss2-button a,
.showcase-slideshow-v2.dark .ss2-dots span.ss2-dot,
body.dark .ss2-dots span.ss2-dot,
body.dark .ss2-project-cat,
.showcase-slideshow-v2.dark .ss2-project-cat,
body.dark .ss2-project-title,
.showcase-slideshow-v2.dark {
color: #fff
}
body.dark .ss2-overlay,
.showcase-slideshow-v2.dark .ss2-overlay {
color: #131313
}
.ss2-project-cat {
display: inline-block;
margin-bottom: 25px;
overflow: hidden;
line-height: 35px;
font-size: 25px;
font-weight: 700;
letter-spacing: -0.06em;
color: rgba(25, 27, 29, .6)
}
body.dark .ss2-project-excerpt,
.showcase-slideshow-v2.dark .ss2-project-excerpt,
body.dark .ss2-project-cat,
.showcase-slideshow-v2.dark .ss2-project-cat {
color: hsla(0, 0%, 100%, .4)
}
body.dark .ss2-back-texts,
.showcase-slideshow-v2.dark .ss2-back-texts {
color: hsla(0, 0%, 100%, .01)
}
.ss2-project-cat span {
display: block;
}
.ss2-project-cat span > span {
display: inline-block;
}
.ss2-project-cat span > span::after {
content: "/";
display: inline-block;
margin: 0 10px;
}
.ss2-project-cat span > span:last-child::after {
display: none;
}
.ss2-project-excerpt {
width: 60%;
font-size: 14px;
line-height: 28px;
margin-left: 7px;
color: rgba(25, 27, 29, .4);
}
.ss2-project-excerpt > div {
display: block;
overflow: hidden
}
.ss2-project-excerpt > div > span {
display: block
}
.ss2-overlay {
position: absolute;
right: 0;
top: 0;
width: 25%;
height: 100%;
background: #ebebeb;
z-index: -2;
}
body.dark .ss2-button,
.showcase-slideshow-v2.dark .ss2-button,
body.dark .ss2-overlay,
.showcase-slideshow-v2.dark .ss2-back-texts {
background: #131313
}
.fullscreen-footer.ss2-footer {
position: absolute;
bottom: 8%;
left: 7.5%;
display: block;
right: 7.5%;
}
.ss2-footer-left {
position: absolute;
left: 0;
bottom: 30px;
pointer-events: all
}
.ss2-footer-right {
position: absolute;
right: 0;
}
.ss2-dots {
position: absolute;
left: 8.5%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ss2-dots span.ss2-dot {
display: block;
cursor: pointer;
margin-left: 25px;
opacity: .3;
font-size: 12px;
font-weight: 700;
letter-spacing: -0.05em;
padding: 15px 0;
background: none;
width: 0;
height: 0;
border-radius: 0;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
margin-bottom: 20px;
}
.ss2-dot::after {
content: "";
display: inline-block;
width: 0;
height: 1px;
background: #191b1d;
vertical-align: middle;
margin-top: -40px;
margin-left: 20px;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.ss2-dots span.ss2-dot:hover {
opacity: .6
}
.ss2-dots span.ss2-dot.swiper-pagination-bullet-active {
opacity: 1;
margin-left: 0;
}
.ss2-dot.swiper-pagination-bullet-active::after {
width: 20px;
}
.ss2-project .title-line {
overflow: hidden
}
.ss2-project {
visibility: hidden
}
.ss2-project.active {
visibility: visible
}
.ss2-nav {
position: absolute;
bottom: 8%;
right: 25%;
-webkit-transform: translateX(-30%);
-ms-transform: translateX(-30%);
transform: translateX(-30%);
}
.ss2-nav div {
display: inline-block;
cursor: pointer;
vertical-align: middle
}
.ss2-nav i {
font-size: 25px;
display: inline-block;
vertical-align: middle;
}
.ss2-prev::after {
content: "";
display: inline-block;
width: 15px;
height: 1px;
background: #191b1d;
vertical-align: middle;
margin-left: -15px;
}
.ss2-nav div.ss2-prev {
margin-right: 15px;
}
.ss2-next::before {
content: "";
display: inline-block;
width: 15px;
height: 1px;
background: #191b1d;
vertical-align: middle;
margin-right: -15px;
}
.ss2-nav div.ss2-next {
margin-left: 15px;
}
.ss2-fract div {
display: inline-block;
font-size: 12px;
}
.ss2-fract .ss2-curr::after {
content: '/';
display: inline-block;
margin-left: 4px;
}
.ss2-back-texts {
position: absolute;
top: 22%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 220px;
font-weight: 700;
white-space: nowrap;
color: rgba(25, 27, 29, .02);
width: 100%;
height: auto;
}
.ss2-back-text {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.ss2-back-text.active {
visibility: visible
}
.ss2-back-text .bt-char {
overflow: hidden
}
.ss2-back-text .bt-char span {
display: block
}
.ss2-button {
position: absolute;
width: 150px;
height: 150px;
background: #ebebeb;
border-radius: 50%;
bottom: 20%;
left: 50%;
-webkit-transform: translateX(-80%);
-ms-transform: translateX(-80%);
transform: translateX(-80%);
z-index: 2;
}
.ss2-button a {
text-decoration: none;
color: #191b1d;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
white-space: nowrap;
display: block;
}
.ss2-button a::after {
content: "\eac7";
display: block;
text-align: center;
font-family: IcoFont;
margin-top: 10px;
font-size: 20px;
} .scroll-notice {
position: relative;
display: inline-block;
width: auto;
cursor: pointer;
}
.scroll-notice span:last-child {
display: block;
position: relative;
width: auto;
white-space: nowrap;
font-size: 12px;
font-weight: 600;
color: rgba(25, 27, 29, .6);
writing-mode: vertical-lr
}
body.dark .scroll-notice span {
color: hsla(0, 0%, 100%, .4)
}
span.sn_bef {
position: absolute;
width: 1px;
height: 40px;
background: rgba(25, 27, 29, .6);
bottom: 140%;
left: 10px;
}
body.dark .scroll-notice span.sn_bef {
background: hsla(0, 0%, 100%, .4)
} .portfolio-showcase.carousel-showcase {
width: 100%;
height: 100vh
}
.cas-project-wrapper {
display: -webkit-inline-box;
display: inline-flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
}
.cas-project {
display: block;
margin-right: 300px;
width: 50vw;
position: relative;
height: 50vh;
}
.cas-project .cs-cat {
display: none
}
.cas-project:last-child {
margin-right: 0
}
.cas-headline {
position: absolute;
top: 50%;
left: 8.5%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 80vw;
font-size: 60px;
font-weight: 700;
letter-spacing: -0.06em;
line-height: 75px;
padding-left: 5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cas-line-wrap {
display: block;
overflow: hidden
}
.cas-headline .cas-line {
overflow: hidden;
padding-right: 6px
}
.cas-headline .cas-line span {
display: block;
}
.cs-image {
width: 100%;
overflow: hidden;
height: 100%;
}
.cs-image img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100% !important;
}
.cas-progress.swiper-pagination-progressbar {
position: absolute;
bottom: 5%;
top: unset;
width: 60%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 1px;
}
.cas-progress.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #191b1d;
}
.cas-titles {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
height: 250px;
overflow: hidden;
}
.cas-titles .cas-titles-wrap {
display: block;
position: relative;
overflow: hidden;
-webkit-transform: translateY(250px);
-ms-transform: translateY(250px);
transform: translateY(250px)
}
.cas-titles .cs-title {
font-size: 150px;
font-weight: 700;
letter-spacing: -0.06em;
white-space: nowrap;
padding: 50px 0;
line-height: 150px
}
.cas-titles .cs-title a {
text-decoration: none;
color: #191b1d;
display: block;
overflow: hidden
}
.cas-progress {
display: block;
position: fixed;
bottom: 7.5%;
width: 50%;
height: 1px;
background: rgba(25, 27, 29, .2);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.cas-progress span {
position: absolute;
left: 0;
background: #191b1d;
height: 100%;
width: 0%;
}
.carousel-showcase.dark .cas-progress,
body.dark .cas-progress {
background: hsla(0, 0%, 100%, .2)
}
.carousel-showcase.dark .cas-progressspan,
body.dark .cas-progress span {
background: #fff
}
.cas-bg-text {
font-size: 200px;
font-weight: 700;
letter-spacing: -0.07em;
position: fixed;
top: 10%;
left: 0;
white-space: nowrap;
opacity: .02;
}
.carousel-showcase.dark .cas-titles .cs-title a,
body.dark .cas-titles .cs-title a,
.carousel-showcase.dark .cas-headline,
body.dark .cas-headline {
color: #fff
} .portfolio-showcase.showcase-list {
position: relative;
width: 100%;
height: 100%;
overflow: hidden
}
.showcase-list-wrapper {
position: relative;
left: 25%;
width: 100%;
height: 100%;
margin-top: 250px;
}
.portfolio-showcase.showcase-list .plyr {
min-height: 500px
}
.sl-project {
display: block;
padding: 40px 0;
cursor: pointer;
z-index: auto;
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, -webkit-transform .3s ease;
-o-transition: transform .3s ease, opacity .3s ease;
transition: transform .3s ease, opacity .3s ease;
transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
position: relative;
}
.sl-project a {
text-decoration: none;
color: #191b1d;
display: block;
overflow: hidden
}
.showcase-list.dark .sl-project a,
body.dark .sl-project a {
color: #fff
}
.sl-project.opdown {
opacity: .1
}
.sl-project:hover {
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px)
}
.sl-images {
position: fixed;
z-index: -1
}
.sl-images .sl-project-image {
width: 50vw;
position: absolute;
top: 0;
overflow: hidden;
pointer-events: none;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
visibility: hidden
}
.sl-images .sl-project-image .sl-hover-wrap {
width: 100%;
height: 100%;
-webkit-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);
overflow: hidden;
-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0.55, 0.45, 1);
transition: -webkit-transform .6s cubic-bezier(0, 0.55, 0.45, 1);
-o-transition: transform .6s cubic-bezier(0, 0.55, 0.45, 1);
transition: transform .6s cubic-bezier(0, 0.55, 0.45, 1);
transition: transform .6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform .6s cubic-bezier(0, 0.55, 0.45, 1);
}
.sl-images .sl-project-image img {
width: 100%;
height: 100%;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-transition: -webkit-transform .6s cubic-bezier(0, 0.55, 0.45, 1);
transition: -webkit-transform .6s cubic-bezier(0, 0.55, 0.45, 1);
-o-transition: transform .6s cubic-bezier(0, 0.55, 0.45, 1);
transition: transform .6s cubic-bezier(0, 0.55, 0.45, 1);
transition: transform .6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform .6s cubic-bezier(0, 0.55, 0.45, 1);
}
.sl-images .sl-project-image.active .sl-hover-wrap {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.sl-images .sl-project-image.active img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.sl-project-title {
font-size: 100px;
font-weight: 700;
letter-spacing: -0.06em;
position: relative;
z-index: -1;
}
.sl-project::before {
content: attr(data-index);
position: absolute;
left: 0;
top: 20px;
font-size: 16px;
letter-spacing: 0;
font-weight: 500;
-webkit-transform: translateX(-150%);
-ms-transform: translateX(-150%);
transform: translateX(-150%);
color: rgba(25, 27, 29, .6);
opacity: 1
}
.no-numbers .sl-project::before {
display: none
}
.sl-project-meta div {
display: inline-block;
font-size: 20px;
font-weight: 700;
letter-spacing: -0.05em;
color: rgba(25, 27, 29, .6);
}
.showcase-list.dark .sl-project::before,
body.dark .sl-project::before,
.showcase-list.dark .sl-project-meta div,
body.dark .sl-project-meta div {
color: hsla(0, 0%, 100%, .4)
}
.sl-project-cat::after {
content: "/";
display: inline-block;
margin-left: 10px;
opacity: .5;
margin-right: 10px;
}
.sl-project-cat span {
display: inline-block;
}
.sl-project-cat span::after {
content: "-";
display: inline-block;
margin: 0 5px;
}
.sl-project-cat span:last-child::after {
display: none;
}
.sl-project-meta {
display: block;
margin-top: 10px;
margin-left: 5px;
position: relative;
z-index: -1
}
.sl-project:hover .sl-project-title,
.sl-project:hover .sl-project-meta {
z-index: 5
}
.sl-scroll {
display: block;
position: relative;
width: 100%;
overflow: hidden
}
.portfolio-showcase.showcase-list .showcase-footer {
position: fixed
} .project-image {
display: none
}
.portfolio-showcase.showcase-wall {
position: relative;
width: 100%;
height: 100vh;
}
.wall-projects {
position: absolute;
top: 57%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
}
.wall-projects-top,
.wall-projects-bottom {
white-space: nowrap;
display: inline-block;
width: auto;
}
.wall-projects-top {
margin-bottom: 30px;
-webkit-transform: translateX(10%);
-ms-transform: translateX(10%);
transform: translateX(10%)
}
.wall-projects-bottom {
float: right;
-webkit-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%)
}
.wall-project {
display: inline-block;
}
.wall-project a {
text-decoration: none;
color: #191b1d;
display: block;
}
.showcase-wall.dark .wall-project a,
body.dark .wall-project a {
color: #fff
}
.wall-project .project-title {
font-size: 125px;
font-weight: 700;
letter-spacing: -0.07em;
line-height: 125px;
overflow: visible
}
.wall-project .project-title::after {
content: "/";
opacity: .3;
margin: 0 30px;
}
.wall-project .project-title::before {
content: attr(data-index);
position: absolute;
top: 0;
left: 0;
font-size: 20px;
display: inline-block;
line-height: 20px;
width: 20px;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
font-size: 15px;
font-weight: 500;
letter-spacing: 0;
color: rgba(25, 27, 29, .6);
}
.no-numbers .wall-project .project-title::before {
display: none
}
.showcase-wall.dark .wall-project .project-title::before,
body.dark .wall-project .project-title::before {
color: hsla(0, 0%, 100%, .2)
}
.wall-project:last-child .project-title::after {
display: none
}
#images-canvas {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.wall-projects.on-hover .wall-project {
opacity: .2;
}
.wall-projects.on-hover .wall-project.hovered {
opacity: 1;
}
.wall-images {
position: fixed;
top: 50%;
left: 50%;
width: 30%;
height: 70%;
z-index: -2;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block
}
.wall-image-fix {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
left: 0;
visibility: hidden;
}
.wall-images img {
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top
}
.showcase-wall .circular-button {
position: relative;
-webkit-transform: none;
-ms-transform: none;
transform: none;
display: block;
left: 0;
bottom: 0;
}
.wall-drag {
position: absolute;
width: 50%;
height: 1px;
bottom: 10%;
background: rgba(25, 27, 29, .3);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
body.dark .wall-drag,
.showcase-wall.dark .wall-drag {
background: hsla(0, 0%, 100%, .2)
}
span.wall-prog {
position: absolute;
left: 0;
width: 0%;
height: 1px;
background: #191b1d;
z-index: 6;
}
body.dark span.wall-prog,
.showcase-wall.dark span.wall-prog {
background: #fff
} .line-holder {
overflow: hidden;
display: block
}
.word-holder,
.char-holder {
overflow: hidden;
display: inline-block;
vertical-align: middle
}
.has-anim {
display: block;
width: 100%
}
.img-anim-wrapper {
display: block;
position: relative;
width: 100%;
overflow: hidden;
}
.img-anim-ov {
position: absolute;
display: block;
pointer-events: none;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1
}
.img-anim-wrapper img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
.single-image span {
display: block;
position: absolute;
}
.anim_line {
display: block;
overflow: hidden
}  .single-image {
width: 100%;
display: block;
position: relative;
float: left
}
.single-image.align-left {
float: left
}
.single-image.align-right {
float: right
}
.single-image.align-center {
float: none;
margin: 0 auto;
}
.single-image.lightbox {
cursor: pointer
}
.single-image img {
width: 100%;
max-width: unset !important
}
.single-image.parallax_wrapper {
width: 100%;
background-size: cover;
background-position: 50% 0%;
background-repeat: no-repeat;
overflow: hidden;
} .text-wrapper {
display: block;
float: left;
width: 100%
}
.align-right {
text-align: right
} .alioth-single-project {
display: block;
width: 100%;
position: relative;
margin-bottom: 50px;
}
.alioth-single-project a {
text-decoration: none;
color: #191b1d;
}
body.dark .alioth-single-project a,
.alioth-single-project.dark a {
color: #fff
}
.sw-image {
width: 100%;
display: block;
overflow: hidden;
}
.sw-image img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1.1) translateY(-4%);
-ms-transform: scale(1.1) translateY(-4%);
transform: scale(1.1) translateY(-4%);
}
.sw-detail {
position: relative;
padding-top: 30px;
padding-left: 30px;
display: block;
}
.sw-title {
font-size: 35px;
font-weight: 700;
letter-spacing: -0.06em;
display: block;
margin-bottom: 5px;
}
.sw-cat {
font-size: 20px;
font-weight: 700;
letter-spacing: -0.05em;
color: rgb(25 27 29 / 50%);
}
.sw-cat span {
display: inline-block;
}
.sw-cat span::after {
content: "/";
display: inline-block;
margin: 0 7px;
}
.sw-cat span:last-child::after {
display: none;
}
body.dark .alioth-single-project .sw-cat,
.alioth-single-project.dark .sw-cat {
color: hsla(0, 0%, 100%, .4)
} .alioth-page-nav {
display: block;
width: 100%;
overflow: hidden;
background-color: #f1f1f1
}
.alioth-page-nav.dark {
background: #101010
}
.alioth-page-nav a {
text-decoration: none;
display: block;
width: 100%;
padding: 50px 0;
overflow: hidden;
color: #191b1d
}
.alioth-page-nav .page-title {
font-size: 150px;
font-weight: 700;
letter-spacing: -0.06em;
color: rgba(25, 27, 29, .6);
display: block;
margin-right: 50px;
width: 100%;
overflow: hidden;
-webkit-transition: color .5s ease;
-o-transition: color .5s ease;
transition: color .5s ease
}
.alioth-page-nav.dark .page-title,
body.dark .page-title {
color: hsla(0, 0%, 100%, .1)
}
.alioth-page-nav a:hover .page-title {
color: #191b1d
}
.alioth-page-nav.dark .page-sub-title,
body.dark .page-sub-title,
.alioth-page-nav.dark a:hover .page-title,
body.dark a:hover .page-title {
color: #fff
}
.page-sub-title {
position: absolute;
bottom: 15%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
color: #191b1d
}
.page-sub-title::after {
content: "\ea5d";
font-family: IcoFont;
position: absolute;
top: 0;
-webkit-transform: translateY(-65%) translateX(65%) rotate(-45deg);
-ms-transform: translateY(-65%) translateX(65%) rotate(-45deg);
transform: translateY(-65%) translateX(65%) rotate(-45deg);
right: 0;
}
.alioth-page-nav.dark .page-sub-title::after,
body.dark .page-sub-title::after {
color: #fff
} .alioth-list {
display: block;
width: 100%;
}
.alioth-list ul {
list-style: none;
margin: 0;
padding: 0;
}
.alioth-list ul li a {
text-decoration: none;
color: rgba(25, 27, 29, .6);
display: inline-block;
position: relative;
-webkit-transition: color .4s ease;
-o-transition: color .4s ease;
transition: color .4s ease
}
body.dark .alioth-list ul li,
.alioth-list.dark ul li,
body.dark .alioth-list ul li a,
.alioth-list.dark ul li a {
color: hsla(0, 0%, 100%, .4)
}
.alioth-list ul li {
font-size: 12px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: -0.01em;
padding: 0;
margin-bottom: 25px;
}
.alioth-list ul li a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
background: rgba(25, 27, 29, .2);
width: 100%;
height: 1px;
}
body.dark .alioth-list ul li a::before,
.alioth-list.dark ul li a::before {
background: hsla(0, 0%, 100%, .4)
}
.alioth-list ul li a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
background: #191b1d;
width: 0%;
height: 1px;
z-index: 2;
-webkit-transition: width .4s ease;
-o-transition: width .4s ease;
transition: width .4s ease;
}
body.dark .alioth-list ul li a::after {
background: #fff
}
.alioth-list ul li a:hover {
color: #191b1d
}
.alioth-list ul li a:hover::after {
width: 100%;
} .a-number-counter {
position: relative;
display: block;
}
.ac-number {
font-size: 100px;
font-weight: 700;
letter-spacing: -7.5px;
height: 100px;
position: relative;
display: inline-block;
overflow-y: hidden;
line-height: 100px
}
.ac-number span {
display: block;
}
.numbers-wrapper {
-webkit-transform: translateY(28%);
-ms-transform: translateY(28%);
transform: translateY(28%)
}
.ac-number span:last-child::after {
content: attr(data-sign);
display: inline-block;
margin-left: 5px;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.count_anim_end .ac-number span:last-child::after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
span.ac-sign {
font-size: 100px;
font-weight: 700;
letter-spacing: -7.5px;
display: inline-block;
padding-bottom: 20px;
vertical-align: top;
overflow: hidden;
line-height: 100px
}
.a-number-counter.dark span.ac-sign {
color: #fff
}
.ac-title {
display: block;
font-size: 16px;
margin-top: -1px;
overflow: hidden;
color: rgba(25, 27, 29, .6)
}
.ac-title span {
display: block;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform .5s ease 1s;
transition: -webkit-transform .5s ease 1s;
-o-transition: transform .5s ease 1s;
transition: transform .5s ease 1s;
transition: transform .5s ease 1s, -webkit-transform .5s ease 1s;
}
.a-number-counter.count_inview .ac-title span {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%)
}
.ac-title::before {
content: "";
display: block;
background: rgba(25, 27, 29, .2);
width: 0%;
height: 1px;
margin-bottom: 30px;
-webkit-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease
}
body.dark .ac-title::before {
background: hsla(0, 0%, 100%, .2)
}
.a-number-counter.count_inview .ac-title::before {
width: 80%
}
.a-number-counter.dark .ac-number,
body.dark .ac-number {
color: #fff;
}
.a-number-counter.dark .ac-title,
body.dark .ac-title {
color: hsla(0, 0%, 100%, .4)
} .alioth-embed-video {
position: relative;
}
.alioth-embed-video .plyr--full-ui input[type="range"] {
color: #000
}
.alioth-embed-video .plyr--video .plyr__control.plyr__tab-focus,
.alioth-embed-video .plyr--video .plyr__control:hover,
..alioth-embed-video plyr--video .plyr__control[aria-expanded="true"] {
background: #000
}
.alioth-embed-video .plyr__control--overlaid {
background: #000;
}
.alioth-embed-video .plyr__video-embed iframe {
top: -50%;
height: 200%;
}
.alioth-embed-video .plyr--full-ui.plyr--video .plyr__control--overlaid {
display: none;
}
.alioth-embed-video .video-overlay {
position: absolute;
top: 50%;
left: 50%;
width: 123px;
height: 123px;
background: rgba(0, 0, 0, 0.49);
z-index: 1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
cursor: pointer;
}
.alioth-embed-video .video-overlay:hover {
width: 130px;
height: 130px;
}
.alioth-embed-video .play-button {
position: absolute;
top: 50%;
left: 53%;
z-index: 2;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-size: 40px;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 30px solid #fff;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.alioth-embed-video .plyr__controls {
opacity: 0;
}
.alioth-embed-video.video-play .plyr__controls {
opacity: 1;
}
.alioth-embed-video.video-play .video-overlay {
opacity: 0;
pointer-events: none;
}
.alioth-embed-video.no-interaction .video-overlay {
display: none
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
height: 0
} .alioth-image-carousel {
position: relative;
display: block;
overflow: hidden;
margin: 50px 0;
}
.ai-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 30px
}
.ai-image {
display: block;
margin-right: 30px;
-ms-flex-preferred-size: 40vw;
flex-basis: 40vw;
min-width: 40vw;
position: relative;
}
.ai-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
} .alioth-seperator {
display: block;
width: 0%;
height: 1px;
background: rgba(25, 27, 29, .6);
float: left;
}
.alioth-seperator.align-center {
float: none;
margin: 0 auto;
}
.alioth-seperator.align-right {
float: right
} .linked-text {
display: block;
float: left;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.linked-text.loaded {
pointer-events: all
}
.linked-text a {
text-decoration: none;
color: #191b1d;
position: relative;
display: inline-block
}
.linked-text a > div {
background-repeat: repeat;
-webkit-background-clip: text;
background-repeat: repeat;
-webkit-background-clip: text;
padding-right: 4px;
margin-right: -4px;
}
.linked-text a::before {
content: "";
position: absolute;
width: 0%;
height: 12px;
background: #191b1d;
bottom: 0;
left: 0;
border-top: 2px solid #fff;
-webkit-box-sizing: content-box;
box-sizing: content-box;
z-index: 1;
-webkit-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease
}
.linked-text.loaded a:hover::before {
width: 0%
}
.linked-text.loaded a::before {
width: 100%;
}
.linked-line {
overflow: hidden;
padding-right: 5px;
}
.linked-text .link-target {
display: block;
color: rgba(25, 27, 29, .6)
}
body.dark .linked-text a::before,
.linked-text.light a::before {
background: #fff;
border-top: 2px solid #191b1d
}
body.dark .link-target,
.linked-text.light .link-target {
color: hsla(0, 0%, 100%, .2)
}
body.dark .linked-text a,
.linked-text.light a {
color: #fff
} .alioth-services {
overflow: hidden;
margin-top: 0
}
.alioth-services .services {
display: block;
width: 100%;
float: left;
}
.alioth-services .service-title {
font-size: 80px;
line-height: 100px;
font-weight: 700;
letter-spacing: -0.07em;
cursor: pointer;
display: block;
float: left;
padding: 60px 0;
overflow: hidden;
}
.alioth-services .service-title .ser_tit_line {
overflow: hidden;
padding-right: 10px
}
.alioth-services .service-wrap {
overflow: hidden;
margin-left: 10px;
display: block;
float: left;
position: relative;
}
.alioth-services .service-wrap::before {
content: "";
display: block;
position: absolute;
top: 0;
width: 100%;
height: 1px;
background: #191b1d;
}
.alioth-services .service {
display: block;
position: relative;
float: left;
width: 100%
}
.alioth-services .service::after {
content: "";
display: block;
width: 100%;
height: 1px;
background: rgba(25, 27, 29, .2);
position: absolute;
bottom: 0
}
.alioth-services .service-toggle {
display: block;
float: right;
padding: 60px 0
}
.alioth-services .service-toggle i {
float: right;
font-size: 50px;
vertical-align: middle;
display: block;
}
.alioth-services .service-cont {
display: block;
float: right;
width: 65%;
padding-right: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
padding-top: 60px;
padding-bottom: 60px;
}
.alioth-services.dark .service-toggle,
body.dark .alioth-services .service-toggle,
body.dark .alioth-services .service-title,
.alioth-services.dark .service-title {
color: #fff;
}
body.dark .alioth-services .service::after,
.alioth-services.dark .service::after {
background: hsla(0, 0%, 100%, .2);
}
body.dark .alioth-services .service-wrap::before,
.alioth-services.dark .service-wrap::before {
background: #fff;
}
.alioth-services.light .service-toggle,
.alioth-services.light .service-title {
color: #191b1d !important;
}
.alioth-services.light .service::after {
background: rgba(25, 27, 29, .6) !important
}
.alioth-services.light .service-wrap::before {
background: #191b1d !important;
} .a-testimonials {
display: block;
width: 100%;
}
.a-testimonial {
position: absolute;
visibility: hidden
}
.a-testimonial.active {
visibility: visible
}
.testimonial-text {
font-weight: 700;
font-size: 36px;
letter-spacing: -0.05em;
line-height: 48px;
margin-bottom: 40px;
}
.testimonial-meta {
display: inline-block;
}
.testimonial-name,
.testimonial-brand {
font-size: 16px;
font-weight: 400;
letter-spacing: -0.05em;
line-height: 25px
}
.testimonial-name {
margin-bottom: 10px;
}
.a-testimonials.dark .testimonial-brand {
font-weight: 400;
color: #9d9d9d;
}
.testimonial-name,
.testimonial-brand {
font-weight: 500;
}
.a-testimonals-control {
display: block;
margin-bottom: 30px
}
.a-testimonials-wrapper {
display: block;
width: 100%;
position: relative;
}
.a-test-prev,
.a-test-next {
display: inline-block;
font-size: 18px;
cursor: pointer;
}
.a-test-prev {
margin-right: 10px;
}
.a-test-next {
margin-left: 10px;
}
.a-test-frac {
display: inline-block;
}
span.a-test-current,
span.a-test-total {
font-size: 14px;
font-weight: 600;
color: #191b1d;
opacity: .7;
letter-spacing: -0.05em;
}
.a-test-prev::after,
.a-test-next::before {
content: "";
width: 10px;
height: 1px;
display: inline-block;
background: #000;
vertical-align: middle;
margin-top: -2.4px;
}
.a-test-next::before {
margin-right: -11px;
}
.a-test-prev::after {
margin-left: -11px;
}
.cakomako {
display: block;
}
.testimonial-meta div,
.testimonial-text div {
display: block;
overflow: hidden;
}
.testimonial-meta div span,
.testimonial-text div span {
display: block
}
.a-testimonials-count {
display: inline-block;
width: 30px;
height: 1px;
background: #191b1d;
vertical-align: middle;
margin-top: -3px;
margin-left: 10px;
margin-right: 10px;
position: relative;
}
.a-testimonials.autoplay .a-testimonials-count {
width: 100px;
background: rgba(25, 27, 29, .2);
}
.a-testimonials-count span {
position: absolute;
left: 0;
width: 0%;
height: 100%;
background: #191b1d;
}
body.dark .a-testimonials.autoplay .a-testimonials-count {
background: hsla(0, 0%, 100%, .2)
}
body.dark .a-testimonials-count span {
background: #fff
}
body.dark span.a-test-current,
body.dark span.a-test-total,
body.dark .a-test-prev,
body.dark .a-test-next,
body.dark .testimonial-text,
body.dark .testimonial-name,
.a-testimonials.light span.a-test-current,
.a-testimonials.light span.a-test-total,
.a-testimonials.light .a-test-prev,
.a-testimonials.light .testimonial-text,
.a-testimonials.light .a-test-next {
color: #fff;
}
.a-testimonials.light .testimonial-brand,
.a-testimonials.light .testimonial-name {
color: hsla(0, 0%, 100%, .4);
}
body.light span.a-test-current,
body.light span.a-test-total,
body.light .a-test-prev,
body.light .a-test-next,
body.light .testimonial-text,
body.light .testimonial-name,
.a-testimonials.dark span.a-test-current,
.a-testimonials.dark span.a-test-total,
.a-testimonials.dark .a-test-prev,
.a-testimonials.dark .a-test-next,
.a-testimonials.dark .testimonial-text,
.a-testimonials.dark .testimonial-name {
color: #191b1d;
}
.a-testimonials.light .a-testimonials-count {
background: hsla(0, 0%, 100%, .4);
}
.a-testimonials.light .a-testimonials-count span {
background: #fff;
} .alioth-clients {
display: block;
width: 100%;
float: left;
}
.a-client {
display: block;
float: left;
margin-bottom: 50px;
}
.a-client a {
margin: 0 auto;
display: inline-block;
width: 100%;
height: 100%;
text-align: center;
}
.alioth-clients.column-5 .a-client {
width: 20%;
}
.alioth-clients.column-4 .a-client {
width: 25%;
}
.alioth-clients.column-3 .a-client {
width: 33.3333333%;
}
.alioth-clients.column-2 .a-client {
width: 50%;
}
.alioth-clients.column-1 .a-client {
width: 100%;
}
.a-client img {
width: 100%;
} .alioth-awards {
display: block;
position: relative;
overflow: hidden;
float: left;
width: 100%
}
.a-award {
display: block;
width: 100%;
float: left;
padding-bottom: 20px;
margin-bottom: 30px;
position: relative;
}
.a-award a {
text-decoration: none;
display: block;
overflow: hidden;
}
.award-dets {
display: block;
float: left;
}
.award-date {
display: block;
float: right;
margin-top: 0.4em;
}
.award-title,
.award-date {
color: #fff;
font-size: 25px;
font-weight: 700;
letter-spacing: -0.04em;
display: block;
overflow: hidden
}
.award-title span,
.award-date span,
.award-loc span {
display: block;
}
.award-loc {
color: hsla(0, 0%, 100%, .4);
font-size: 20px;
margin-top: 10px;
font-weight: 600;
letter-spacing: -0.05em;
display: block;
overflow: hidden
}
.a-award::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 0%;
background: hsla(0, 0%, 100%, .2);
height: 1px;
-webkit-transition: width .7s ease .4s;
-o-transition: width .7s ease .4s;
transition: width .7s ease .4s;
}
.a-award.is_inview::after {
width: 100%;
}
.award-date {
color: hsla(0, 0%, 100%, .4);
}
.alioth-awards.light .award-title,
.alioth-awards.light .award-date {
color: #191b1d;
}
.alioth-awards.light .award-loc {
color: rgb(25 27 29 / 69%);
}
.alioth-awards.light .a-award::after {
background: rgba(25, 27, 29, .2);
} .a-recent-works {
display: block;
padding-top: 10%;
padding-bottom: 0;
}
.recent-works-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ar-work {
display: block;
margin-right: 100px;
-ms-flex-preferred-size: 40vw;
flex-basis: 40vw;
min-width: 40vw;
position: relative;
}
.ar-work a {
text-decoration: none;
display: block;
overflow: hidden;
}
.ar-work-image,
.ar-work-image img {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.ar-work-title {
font-size: 45px;
font-weight: 700;
letter-spacing: -0.05em;
padding: 20px 20px 0 20px;
color: #191b1d
}
body.dark .ar-work-title,
.a-recent-works.dark .ar-work-title {
color: #fff
}
.ar-work-cat {
font-size: 25px;
font-weight: 700;
letter-spacing: -0.02em;
padding-left: 20px;
color: rgba(25, 27, 29, .6);
}
.project-cat span > span,
.ar-work-cat span {
display: inline-block;
position: relative;
}
.project-cat span > span::before,
.ar-work-cat span::before {
content: "/";
display: inline-block;
margin: 0 5px;
}
.project-cat span > span:first-child::before,
.ar-work-cat span:first-child::before {
display: none;
}
body.dark .ar-work-cat,
.a-recent-works.dark .ar-work-cat {
color: hsla(0, 0%, 100%, .4)
}
.recent-works-bg-text {
position: absolute;
top: 0;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
font-size: 200px;
white-space: nowrap;
font-weight: 700;
letter-spacing: -0.06em;
color: rgba(25, 27, 29, 0.2);
pointer-events: none;
}
body.dark .recent-works-bg-text {
color: rgba(255, 255, 255, 0.2)
}
.recent-works-button {
text-align: center;
margin-top: 75px;
display: block;
}
.a-recent-works-nav {
position: relative;
display: block;
margin-bottom: 50px;
}
.a-recent-works .a-button.style_1 {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-top: 100px;
}
.a-recent-works.navby-scroll .a-recent-works-nav {
display: none
}
.a-recent-works-nav div {
display: block;
float: left;
cursor: pointer;
}
.a-recent-works-nav div i {
font-size: 25px;
}
.a-recent-works.dark .recent-works-bg-text,
.a-recent-works.dark .ar-work-cat {
color: hsla(0, 0%, 100%, .2);
}
.a-recent-works.dark .a-recent-works-nav div,
.a-recent-works.dark .ar-work-title {
color: #fff
}
.a-recent-works.dark .a-button.style_1 {
background-color: hsla(0, 0%, 100%, .2);
} .alioth-heading {
position: relative;
display: block;
}
.heading-bg-text {
position: absolute;
bottom: 0;
left: 0;
-webkit-transform: translatex(-30%) translateY(50%);
-ms-transform: translatex(-30%) translateY(50%);
transform: translatex(-30%) translateY(50%);
z-index: -1;
font-size: 250px;
white-space: nowrap;
display: block;
font-weight: 700;
letter-spacing: -0.06em;
color: hsl(0deg 0% 0% / 3%);
z-index: 0;
}
.alioth-heading.dark .heading-bg-text,
body.dark .heading-bg-text {
color: hsla(0, 0%, 100%, .01)
}
.alioth-heading .ah-title {
z-index: 1
}
.alioth-heading.no-image .ah-image {
display: none
}
.alioth-heading.will_anim.with_image .ah-title {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
}
.alioth-heading.will_anim.with_image .ah-image {
display: block;
max-width: 60%;
margin: 0 auto
}
.alioth-heading.will_anim.with_image .ah-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
} .alioth-team-member {
display: block;
width: 100%;
position: relative;
}
.elementor-widget-aliothteammeber {
margin-bottom: 0 !important;
}
.member-image,
.member-image img {
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.member-meta {
position: absolute;
left: 10%;
bottom: 10%;
}
.member-name {
font-size: 30px;
font-weight: 700;
color: #fff;
letter-spacing: -0.04em;
line-height: 39px;
}
.member-title {
color: hsla(0, 0%, 100%, .4);
font-size: 20px;
font-weight: 700;
letter-spacing: -0.03em;
}
.member-socials li {
font-size: 20px;
font-weight: 700;
letter-spacing: -0.04em;
line-height: 30px;
display: block;
overflow: hidden;
padding: 0;
}
.member-socials li a {
text-decoration: none;
display: block;
color: hsla(0, 0%, 100%, .4);
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all .6s cubic-bezier(0.22, 1, 0.36, 1);
-o-transition: all .6s cubic-bezier(0.22, 1, 0.36, 1);
transition: all .6s cubic-bezier(0.22, 1, 0.36, 1);
}
.member-socials li a:hover {
color: hsla(0, 0%, 100%, 1);
}
.member-socials {
position: absolute;
top: 10%;
left: 10%;
}
.alioth-team-member:hover .member-socials a {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.member-socials ul {
padding: 0;
list-style: none;
} .scrollable-text {
white-space: nowrap;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
} .alioth-personal-head {
display: block;
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background: -o-radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(200, 200, 200, 1) 100%);
background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(200, 200, 200, 1) 100%)
}
.aph-image {
position: absolute;
bottom: 0;
width: 35%;
left: 50%;
-webkit-transform: translatex(-50%);
-ms-transform: translatex(-50%);
transform: translatex(-50%);
z-index: 5;
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom
}
.aph-image img {
width: 100%;
display: block
}
.aph-details {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 84%;
height: 200px
}
.aph-name {
font-size: 200px;
font-weight: 700;
letter-spacing: -0.07em;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
z-index: 6;
pointer-events: none;
overflow: hidden
}
.alioth-personal-header.dark .aph-name,
body.dark .aph-name {
color: #fff
}
.aph-name.back {
z-index: 4
}
.aph-name .name-back {
opacity: 0;
visibility: hidden
}
.aph-name.back .name-front {
opacity: 0;
visibility: hidden;
}
.aph-name.back .name-back {
opacity: 1;
visibility: visible
}
.aph-welc {
position: absolute;
top: 0;
left: 15%;
font-size: 40px;
font-weight: 700;
letter-spacing: -0.06em;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
color: rgba(25, 27, 29, .6);
overflow: hidden
}
.aph-sub-text {
position: absolute;
right: 0;
max-width: 30%;
-webkit-transform: translateY(200px);
-ms-transform: translateY(200px);
transform: translateY(200px);
font-size: 20px;
font-weight: 600;
letter-spacing: -0.06em;
line-height: 30px;
color: rgba(25, 27, 29, .6);
bottom: 0;
}
.aph_sub_line {
overflow: hidden
}
.aph_sub_line span {
display: block
}
body.dark .aph-sub-text,
.alioth-personal-header.dark .aph-sub-text,
.alioth-personal-header.dark .aph-welc,
body.dark .aph-welc {
color: hsla(0, 0%, 100%, .4)
}
.circular-button {
position: absolute;
bottom: 10%;
left: 20%;
background: #191b1d;
border-radius: 50%;
width: 150px;
height: 150px;
text-decoration: none;
color: #fff;
}
.circular-button.dark,
body.dark .circular-button {
color: #fff;
background: #101010
}
.circular-button span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
z-index: 2;
opacity: 0
}
a.circular-button::after {
content: "";
position: absolute;
width: 0%;
height: 0%;
background: #ebebeb;
border-radius: 50%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
z-index: 1
}
a.circular-button.dark::after,
body.dark a.circular-button::after {
background: #fff
}
a.circular-button:hover::after {
width: 100%;
height: 100%;
}
a.circular-button:hover {
color: #191b1d
}
a.circular-button.dark:hover,
body.dark a.circular-button:hover {
color: #191b1d
}
.circular-button span i {
display: block;
margin-top: 10px
} .a-button.light a,
.a-button a {
color: #fff;
text-decoration: none;
position: relative;
z-index: 1;
-webkit-transition: color .5s ease;
-o-transition: color .5s ease;
transition: color .5s ease;
padding: 20px 30px 20px 40px;
display: block;
float: left;
}
.a-button i {
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
.a-button.style_1.light,
.a-button.style_1 {
display: inline-block;
background-color: #191b1d;
margin: 25px 0;
border-radius: 30px;
position: relative;
overflow: hidden
}
.a-button.style_1.dark,
body.dark .a-button.style_1 {
background-color: hsla(0, 0%, 100%, .2)
}
.a-button.style_1.light {
background-color: #191b1d
}
.a-button.light::before,
.a-button.style_1::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
background: #b7babe;
border-radius: 0px;
height: 100%;
width: 0%;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.a-button.style_1:hover::before {
width: 100%;
border-radius: 25px;
}
.a-button.light:hover i,
.a-button.light:hover a,
.a-button.style_1:hover i,
.a-button.style_1:hover a {
color: #191b1d
}
a.inner-button {
font-size: 20px;
font-weight: 700;
letter-spacing: -0.06em;
text-decoration: none;
color: hsla(0, 0%, 100%, .4);
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
a.inner-button:hover {
color: #fff;
}
a.inner-button.dark {
color: rgba(25, 27, 29, .6)
}
a.inner-button.dark:hover {
color: #191b1d;
}
.alioth-button {
display: block;
}
.alioth-button.align-right a.button {
float: right
}
.alioth-button.align-center {
text-align: center
}
.alioth-button.button-text a.button {
background: none !important;
}
.alioth-button.button-text .a-button {
background: none !important;
}
.alioth-button.button-text .a-button a {
color: rgba(25, 27, 29, .6);
font-size: 20px;
font-weight: 700;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
padding: 0;
letter-spacing: -0.06em;
}
.alioth-button.button-text .a-button a:hover {
color: #191b1d;
}
.alioth-button.button-text .a-button a::before {
display: none;
}
.alioth-button.button-text .a-button .button-overlay {
display: none !important;
}
.alioth-button.button-text .a-button::before {
display: none !important;
} .project-page-header {
display: block;
width: 100%;
overflow: hidden
}
.project-featured-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.project-featured-video,
.project-featured-video .plyr {
width: 100%;
height: 100%;
}
.project-featured-video video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.project-featured-video .plyr--video .plyr__control.plyr__tab-focus,
.project-featured-video .plyr--video .plyr__control:hover,
.project-featured-video .plyr--video .plyr__control[aria-expanded="true"] {
background: #000
}
.project-featured-video .plyr__control--overlaid {
background: #000;
}
.project-featured-video .plyr__video-embed iframe {
top: 0%;
height: 100%;
width: 100%;
}
.portfolio-showcase .plyr--full-ui.plyr--video .plyr__control--overlaid {
display: none;
}
.project-title {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
overflow: hidden;
display: block
}
.project-title h1.big-title {
margin: 0;
display: block;
font-size: 110px;
line-height: 127px
}
.project-title h1 .tit_word {
overflow: hidden;
margin-top: -30px;
padding-right: 10px
}
.project-title h1 .tit_word span {
display: block
}
.project-details {
display: block;
width: 100%;
}
.project-details {
display: block;
width: 75%;
margin: auto;
overflow: hidden
}
.project-page-header.style_1 .project-details {
overflow: visible
}
.project-meta {
display: block;
float: left;
padding-left: 9px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.project-metas {
margin-top: -30px;
overflow: hidden
}
.project-meta.project-cats {
width: 35%;
}
.project-meta.meta-summary {
width: 65%;
}
.project-cat {
font-size: 30px;
font-weight: 700;
letter-spacing: -0.06em;
margin-bottom: 25px;
line-height: 40px
}
.project-meta.meta-summary h5,
.project-other h5,
.project-cat {
color: rgba(25, 27, 29, .6);
}
body.dark .project-meta.meta-summary h5,
.project-page-header.dark .project-meta.meta-summary h5,
body.dark .project-other h5,
.project-page-header.dark .project-other h5,
body.dark .project-cat,
.project-page-header.dark .project-cat {
color: hsla(0, 0%, 100%, .4)
}
.project-page-header.style_1 {
margin-bottom: 100px
}
.project-page-header.style_1 .project-featured-image {
height: 55vh;
width: 100%;
}
.project-page-header.style_1 .project-featured-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.project-page-header.style_2 .project-featured-image {
height: 100vh;
margin-bottom: 50px;
overflow: hidden
}
.project-page-header.style_2::before {
display: none
}
.project-page-header.style_2 .project-head {
position: absolute;
top: 50vh;
left: 12.5%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.project-page-header.style_2 .project-title {
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-bottom: 0;
display: block;
overflow: hidden
}
.project-page-header.style_2 .project-cat .cat-char,
.project-page-header.style_2 .project-title .tt-char {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.tt-line {
overflow: hidden;
padding-right: 5px
}
.project-page-header.style_2 .project-cat {
font-size: 50px;
margin-left: 6px;
display: block;
overflow: hidden;
line-height: 60px
}
.project-page-header.style_2 {
margin-bottom: 100px
}
.project-page-header.style_2 .project-metas {
margin-top: 0
}
.project-page-header.style_2 .project-meta.project-other {
width: 35%
}
.project-page-header.style_2 .project-meta.project-summary {
width: 65%
}
.project-page-header.style_3 {
display: block;
margin-bottom: 100px
}
.project-page-header.style_3 .project-title {
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-bottom: 35px;
display: block;
overflow: hidden
}
.project-page-header.style_3 .project-head {
display: block;
background: #ebebeb;
padding: 15% 8.5% 20px 8.5%;
}
body.dark .project-page-header.style_3 .project-head,
.project-page-header.dark.style_3 .project-head {
background: #131313
}
.project-page-header.style_3 .big-title {
font-size: 100px;
margin-bottom: 20px;
overflow: hidden;
display: block
}
.project-page-header .project-other span,
.project-page-header .summ_line span,
.project-page-header .project-cat .cat-char,
.project-page-header .big-title .tt-char {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.project-page-header.style_3 .project-details {
width: 84%;
margin-top: 40px;
}
.project-page-header.style_3 .project-metas {
margin-top: 0
}
.project-page-header.style_3 .project-meta.project-other {
width: 40%
}
.project-page-header.style_3 .project-meta.meta-summary {
width: 60%
}
.project-page-header.style_3 .project-cat {
font-size: 50px;
margin-top: -30px;
line-height: 60px
}
.project-title .tit_word,
.project-cat,
.summ_line,
.project-other h5 {
overflow: hidden
}
.project-cat span,
.summ_line span,
.project-other span,
.project-title .tit_word span {
display: block;
}
.project-other h5 > span span {
display: inline-block;
}
.project-other h5 > span span:last-child::before {
content: "";
display: inline-block;
width: 20px;
height: 1px;
background: rgba(25, 27, 29, .6);
vertical-align: middle;
margin: 0 10px;
}
body.dark .project-other h5 > span span:last-child::before {
background: hsla(0, 0%, 100%, .2);
}
s .next-project-section {
overflow: hidden;
margin-bottom: 0;
position: relative
}
.next-project-section a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
padding-top: 150px;
padding-bottom: 40px;
}
.next-project-section::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
background: #f1f1f1;
z-index: -1;
width: 100%;
height: 100%;
-webkit-transition: height .8s cubic-bezier(.25, .74, .22, .99);
-o-transition: height .8s cubic-bezier(.25, .74, .22, .99);
transition: height .8s cubic-bezier(.25, .74, .22, .99)
}
body.dark .next-project-section::after {
background: #101010;
}
.next-project-section:hover::after {
height: 0%
}
.next-project-wrap,
.next-project-wrap h1 {
color: #191b1d;
display: block;
float: left;
width: 100%;
position: relative;
-webkit-transition: color .1s ease .1s;
-o-transition: color .1s ease .1s;
transition: color .1s ease .1s
}
body.dark .next-project-wrap,
body.dark .next-project-wrap h1 {
color: #fff !important
}
.next-project-section:hover .next-project-wrap h1::before {
background: #191b1d
}
.next-project-wrap span {
display: block;
margin-bottom: 20px;
font-size: 16px;
opacity: .6;
}
.next-project-wrap h1::after {
content: "\eab8";
font-family: 'IcoFont';
display: block;
float: right;
text-align: right;
font-weight: normal;
font-size: 60px;
-webkit-transition: 0;
-o-transition: 0;
transition: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.next-project-section:hover .next-project-wrap h1::after {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
opacity: 0
}
.next-project-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2
}
.next-project-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
} .alioth-works {
display: block;
width: 100%;
overflow: hidden;
}
.aw-project {
display: block;
margin-bottom: 200px;
overflow: hidden;
height: 500px
}
.aw-project-image,
.aw-project img {
height: 100%
}
.aw-project a {
text-decoration: none;
color: #191b1d
}
.aw-project-wrap {
position: relative;
overflow: hidden;
height: 100%
}
.aw-project .aw-project-wrap::before {
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: #ebebeb;
z-index: 1;
-webkit-transition: width .8s cubic-bezier(0.54, 0.54, 0.14, 0.99);
-o-transition: width .8s cubic-bezier(0.54, 0.54, 0.14, 0.99);
transition: width .8s cubic-bezier(0.54, 0.54, 0.14, 0.99)
}
body.dark .aw-project .aw-project-wrap::before {
background: #101010
}
.aw-project.is_inview .aw-project-wrap::before {
width: 0;
}
.alioth-works.column_2 .aw-works-sizer,
.alioth-works.column_2 .aw-project {
width: 45%
}
.alioth-works.column_3 .aw-works-sizer,
.alioth-works.column_3 .aw-project {
width: 30%
}
.alioth-works.column_3 .aw-project {
margin-bottom: 100px
}
.alioth-works.column_3 .aw-works-gutter {
width: 3%
}
.alioth-works.column_3 .aw-works-stamp {
display: none
}
.aw-works-gutter {
width: 10%
}
.alioth-works.no-gutter .aw-works-gutter {
width: 0
}
.alioth-works.no-gutter .aw-project {
margin-bottom: 0
}
.aw-works-stamp {
position: absolute;
right: 0;
width: 10px;
height: 100px;
}
.aw-project img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100% !important
}
.aw-project-meta {
position: absolute;
bottom: 40px;
left: 40px;
}
.aw-project-title {
font-size: 30px;
font-weight: 700;
letter-spacing: -0.06em;
margin-bottom: 5px;
}
.aw-project-cat {
font-size: 20px;
font-weight: 600;
font-weight: 700;
letter-spacing: -0.05em;
color: rgba(25, 27, 29, .6);
}
.aw-project-cat span {
display: inline-block;
}
.aw-project-cat span::after {
content: "/";
display: inline-block;
vertical-align: middle;
margin: 0 5px;
color: hsla(0, 0%, 100%, .2);
}
.aw-project-cat span:last-child::after {
display: none;
}
body.dark .aw-project-cat {
color: hsla(0, 0%, 100%, .4)
}
body.dark .aw-project-title {
color: #fff
}
.aw-categories {
display: block;
margin-bottom: 50px;
}
ul.aw-cats {
padding: 0;
list-style: none;
}
nav.alioth-works-pagination a {
display: inline-block;
font-size: 50px;
opacity: .4;
transition: opacity .4s ease;
}
nav.alioth-works-pagination a:hover {
opacity: 1
}
nav.alioth-works-pagination {
display: block;
text-align: center;
}
nav.alioth-works-pagination > div {
display: inline-block;
margin: 0 25px;
}
ul.aw-cats li {
display: inline-block;
text-decoration: none;
color: rgba(25, 27, 29, .6);
font-size: 30px;
font-weight: 700;
letter-spacing: -0.06em;
cursor: pointer
}
ul.aw-cats li.active {
color: #191b1d
}
ul.aw-cats li.active::after {
color: #dbdbdb
}
ul.aw-cats li::after {
content: "/";
margin: 0 10px;
}
ul.aw-cats li:last-child::after {
display: none;
}
body.dark ul.aw-cats li {
color: hsla(0, 0%, 100%, .2)
}
body.dark ul.aw-cats li.active {
color: #fff
}  .alioth-products {
display: block;
}
.alioth-products-wrapper {
display: block;
float: left;
width: 100%;
}
.products-met {
display: block;
width: 100%;
float: left;
margin-bottom: 30px;
}
.products-met div {
display: block;
color: rgba(25, 27, 29, .6)
}
body.dark .products-met div {
color: hsla(0, 0%, 100%, .2)
}
.products-count {
float: left;
}
.products-sorting {
float: left;
}
.alioth-products .product {
position: relative;
margin-bottom: 40px !important
}
.alioth-products.column_1 .product,
.alioth-products.column_1 .grid-sizer {
width: 100%
}
.alioth-products.column_2 .product,
.alioth-products.column_2 .grid-sizer {
width: 47.5%
}
.related-products .alioth-products.column_2 .product,
.related-products .alioth-products.column_2 .grid-sizer {
width: 30%
}
.related-products .alioth-products .product {
height: 500px;
}
section.related-products {
margin-top: 50px;
border-top: 1px solid rgba(25, 27, 29, .1);
}
.alioth-products.column_3 .product,
.alioth-products.column_3 .grid-sizer {
width: 30%
}
.alioth-products.column_1 .gutter {
width: 0
}
.alioth-products.column_2 .gutter {
width: 4.5%
}
.gutter {
width: 40px
}
.alioth-products .product a {
text-decoration: none;
color: #191b1d
}
.alioth-products .product .product-image {
width: 100%;
height: 100%;
overflow: hidden
}
.alioth-products .product .product-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all .7s ease;
-o-transition: all .7s ease;
transition: all .7s ease;
-webkit-transform: scale(1.1) translateX(30px);
-ms-transform: scale(1.1) translateX(30px);
transform: scale(1.1) translateX(30px)
}
.alioth-products .product.is_inview .product-image img {
-webkit-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
transform: scale(1) translateX(0)
}
.alioth-products .product:hover .product-image img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.product-details {
position: absolute;
top: 7%;
left: 7%;
z-index: 1
}
.product-title {
font-size: 30px;
font-weight: 700;
letter-spacing: -0.05em;
margin-bottom: 11px;
}
.product-title h1 {
margin-top: 0;
margin-bottom: 0
}
body.dark .product-acts a:hover,
body.dark .product-title {
color: #fff !important
}
.product-price {
font-weight: 700;
font-size: 20px;
letter-spacing: -0.05em;
color: rgba(25, 27, 29, .6);
}
.product-price ins {
background: none;
color: #191b1d;
font-size: 22px;
margin-left: 10px;
}
.product-price del {
text-decoration-color: #191b1d;
text-decoration-thickness: 2px;
}
body.dark .product-price {
color: hsla(0, 0%, 100%, .4)
}
.widget-title {
display: block;
font-size: 20px;
letter-spacing: -0.05em;
font-weight: 700;
margin-bottom: 30px;
}
.product-categories {
display: block;
width: 100%;
}
ul.product-cats {
margin: 0;
padding: 0;
list-style: none
}
ul.product-cats li a {
text-decoration: none;
color: #191b1d
}
body.dark ul.product-cats li a {
color: hsla(0, 0%, 100%, .2)
}
.product-acts {
display: block;
position: absolute;
bottom: 7%;
left: 7%;
overflow: hidden
}
.product-acts a {
display: block !important;
font-size: 30px !important;
font-weight: 700 !important;
letter-spacing: -0.06em !important;
color: rgba(25, 27, 29, .6) !important;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: color .1s ease, -webkit-transform .4s cubic-bezier(0.42, 0.39, 0.06, 0.99);
transition: color .1s ease, -webkit-transform .4s cubic-bezier(0.42, 0.39, 0.06, 0.99);
-o-transition: transform .4s cubic-bezier(0.42, 0.39, 0.06, 0.99), color .1s ease;
transition: transform .4s cubic-bezier(0.42, 0.39, 0.06, 0.99), color .1s ease;
transition: transform .4s cubic-bezier(0.42, 0.39, 0.06, 0.99), color .1s ease, -webkit-transform .4s cubic-bezier(0.42, 0.39, 0.06, 0.99);
background: none !important;
padding: 0 !important;
}
body.dark .product-acts a {
color: hsla(0, 0%, 100%, .2) !important
}
.product-acts a:hover {
color: #191b1d !important
}
.alioth-products .product:hover .product-acts a {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.alioth-products .product::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ebebeb;
z-index: 2;
-webkit-transition: width 1s cubic-bezier(0.54, 0.54, 0.14, 0.99);
-o-transition: width 1s cubic-bezier(0.54, 0.54, 0.14, 0.99);
transition: width 1s cubic-bezier(0.54, 0.54, 0.14, 0.99);
}
body.dark .alioth-products .product::before {
background: #101010;
}
.alioth-products .product.is_inview::before {
width: 0%;
}
.woocommerce nav.woocommerce-pagination {
display: block;
float: left;
width: 100%;
text-align: left;
padding-left: 0;
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none;
font-size: 24px;
font-weight: 600;
line-height: 24px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: none;
color: #191b1d;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
color: rgba(25, 27, 29, .4);
font-weight: 700;
} .product-page {
padding-top: 200px;
display: block;
overflow: hidden;
}
.product-page::before {
content: "";
display: block;
width: 100%;
height: 330px;
background: #ebebeb;
position: absolute;
top: 0;
z-index: -1;
}
.logged-in.admin-bar .product-page::before {
height: 360px;
}
body.dark .product-page::before {
background: #131313
}
.single-product-wrap {
display: block;
width: 83%;
margin: 0 auto;
overflow: hidden
}
.single-product-slider {
width: 50%;
display: block;
float: left;
padding-left: 5%;
position: relative;
}
.single-product-slider img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.single-product-slider .swiper-wrapper {
flex-direction: column
}
.single-product-image {
width: 50%;
display: block;
float: left;
padding-left: 0;
position: relative;
}
.single-product-details {
display: block;
width: 45%;
float: left;
padding-left: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.product-review {
display: block;
width: 100%;
margin-bottom: 10px;
}
ul.rate-proudct {
list-style: none;
padding: 0;
display: inline-block;
}
ul.rate-proudct li {
display: inline-block;
font-size: 12px;
}
.product-review > span {
display: inline-block;
margin-left: 10px;
font-size: 12px;
}
.product-review > span::before {
content: "(";
}
.product-review > span::after {
content: ")";
}
.product-page .product-title {
font-size: 28px !important;
}
.single-product-meta {
display: block;
width: 50%;
float: left;
margin-top: 50px;
clear: both
}
ul.single-product-mets {
list-style: none;
padding: 0;
text-align: center;
}
ul.single-product-mets li {
display: inline-block;
}
ul.single-product-mets li a {
font-size: 25px;
font-weight: 700;
letter-spacing: -0.05em;
color: rgba(25, 27, 29, .6);
text-decoration: none;
}
ul.single-product-mets li a.active {
color: #191b1d
}
body.dark ul.single-product-mets li a {
color: hsla(0, 0%, 100%, .4)
}
body.dark ul.single-product-mets li a.active {
color: #fff
}
ul.single-product-mets li::after {
content: "/";
margin-left: 7px;
font-size: 25px;
font-weight: 700;
letter-spacing: -0.05em;
color: rgba(25, 27, 29, .6);
}
body.dark ul.single-product-mets li::after {
color: hsla(0, 0%, 100%, .2)
}
ul.single-product-mets li:last-child::after {
display: none;
}
ul.single-product-mets li a:hover {
color: #191b1d;
}
body.dark ul.single-product-mets li a:hover {
color: #fff
}
.product-summary {
display: block;
margin-top: 25px;
}
.add-to-cart {
display: inline-block;
margin-top: 20px;
margin-bottom: 20px;
}
.add-to-cart button {
background: #ebebeb;
border-radius: 40px;
padding: 20px 40px;
border: none
}
body.dark .add-to-cart button {
background: #131313;
color: #fff
}
.cart-add-quant {
display: inline-block;
margin-left: 20px;
}
span.caq-red,
span.caq-inc {
color: rgba(25, 27, 29, .6);
cursor: pointer;
}
body.dark span.caq-red,
body.dark span.caq-inc {
color: hsla(0, 0%, 100%, .2)
}
.cart-add-quant span {
font-weight: 700;
}
span.caq-tot {
font-size: 25px;
vertical-align: middle;
display: inline-block;
margin: 0 5px;
}
body.dark span.caq-tot {
color: #fff
}
.product-dets {
display: block;
margin-top: 20px;
}
body.dark .product-dets .posted_in a,
body.dark .product-dets .sku_wrapper span {
color: #fff;
}
.product-dets div {
display: block;
margin-bottom: 20px;
}
.product-dets .sku_wrapper,
.product-dets .posted_in {
display: block;
margin-bottom: 15px;
}
.product-dets .sku_wrapper {
font-weight: 400;
color: #929292;
}
.product-dets .sku_wrapper span {
color: #191b1d;
}
.product-dets .posted_in,
.product-dets .tagged_as {
font-weight: normal;
color: #929292;
}
.product-dets .posted_in a,
.product-dets .tagged_as a {
color: #191b1d;
text-decoration: none;
}
.sp-dots.swiper-pagination-bullets {
position: absolute;
bottom: 0;
left: 0;
}
.sp-dots .swiper-pagination-bullet {
display: block;
margin-bottom: 30px;
background: none;
font-size: 12px;
font-weight: 700;
color: #191b1d;
opacity: .3;
}
.sp-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1
}
body.dark .sp-dots .swiper-pagination-bullet {
color: #fff
}
.sp-arrows {
position: absolute;
left: 12%;
bottom: 3%;
z-index: 1;
pointer-events: none
}
.sp-arrows div {
font-size: 30px;
display: inline-block;
cursor: pointer;
font-weight: bold;
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
-o-transition: transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
pointer-events: all
}
.sp-arrows div.sp-next:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px)
}
.sp-arrows div.sp-prev:hover {
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px)
}
ul.single-product-mets .desc {
display: block;
position: fixed;
right: 0;
bottom: 0;
z-index: 1;
width: 46%;
background: #ebebeb;
padding: 40px 40px 80px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
display: none;
z-index: 2
}
ul.single-product-mets .desc .desc-close {
position: absolute;
right: 40px;
top: 40px;
font-size: 30px;
cursor: pointer;
}
body.dark ul.single-product-mets .desc {
background: #131313
}
.desc-self {
margin: 0;
}
.related-products.alioth-products.column_3 {
width: 84%;
margin: 100px auto;
}
.related-products.alioth-products.column_3 .product,
.related-products.alioth-products.column_3 .grid-sizer {
width: 31%;
}
.alioth-products .product .sale-badge {
position: absolute;
top: 7%;
z-index: 1;
right: 7%;
display: block;
padding: 10px 15px;
background: #191b1d;
color: #fff;
font-weight: 600;
}
body.darkc.alioth-products .product .sale-badge {
background: #fff;
color: #191b1d
}
.related-products.alioth-products.column_3 .product {
height: 500px
}
.wrapper.related-wrap {
max-width: 83%;
}
.related-products h3 {
margin-left: 30px
}
td.woocommerce-grouped-product-list-item__price ins {
background: none;
}
td.woocommerce-grouped-product-list-item__price del {
opacity: .5;
margin-right: 10px;
}
.alioth_add_to_cart .dcrs,
.alioth_add_to_cart .incrs,
.alioth_add_to_cart .quantity {
display: inline-block;
width: auto;
margin: 0;
}
button.single_add_to_cart_button.button.alt {
display: block;
float: left;
background: transparent;
color: #191b1d;
padding: 8px;
font-weight: 400;
margin-right: 15px;
}
.cart.grouped_form button.single_add_to_cart_button.button.alt {
padding: 20px 30px;
background: #ebebeb;
border-radius: 35px;
}
.cart.grouped_form button.single_add_to_cart_button.button.alt:hover {
background: #ebebeb !important;
}
.alioth_add_to_cart {
display: block;
overflow: hidden;
background: #ebebeb;
border-radius: 40px;
padding: 20px 30px;
}
body.dark .alioth_add_to_cart {
background: #101010;
}
body.dark button.single_add_to_cart_button.button.alt {
color: #fff;
}
table.variations th.label {
padding: 0;
display: block;
float: left;
border: none;
line-height: 4em
}
table.variations td {
border: none;
}
table.variations select {
padding: 12px;
margin: 0;
}
form.variations_form.cart {
position: relative;
}
a.reset_variations {
position: absolute;
right: 0;
bottom: 10px;
-webkit-transform: translateX(120%);
-ms-transform: translateX(120%);
transform: translateX(120%);
color: #191b1d;
font-weight: 600;
}
button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
background: none;
color: #191b1d;
} .wc-proceed-to-checkout.a-button.style_1 {
width: auto;
padding: 0;
float: right;
margin-right: 20px;
;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
padding: 20px 30px;
background: none;
margin: 0;
border: none;
font-size: 1em;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background: none !important;
color: #191b1d
}
.woocommerce .cart .button,
.woocommerce .cart input.button {
float: none;
padding: 0;
border: none;
}
button.button.update_cart {
padding: 0
}
.actions {
display: block;
width: 100%;
border-bottom: 1px solid rgba(25, 27, 29, .2);
overflow: hidden;
margin-bottom: 35px;
}
.woocommerce a.remove {
color: #191b1d !important;
font-weight: 400;
font-size: 20px;
border: 1px solid #191b1d;
height: 30px;
width: 30px;
line-height: 27px;
}
.woocommerce a.remove:hover {
background: #191b1d !important
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity input[type="number"] {
background: none !important;
display: block;
float: left;
font-weight: 700;
margin: 0 10px;
font-size: 25px;
width: 50px !important;
line-height: 1
}
.quantity {
display: inline-block;
}
.coupon {
display: block;
float: left;
}
.coupon > div {
display: block;
float: left;
}
input#coupon_code {
padding: 0;
background: none;
border: 1px solid rgba(25, 27, 29, .2);
padding: 20px;
}
input#coupon_code:focus {
border: 1px solid rgba(25, 27, 29, .2) !important;
}
.a-update-cart {
display: block;
float: right;
}
.incrs,
.dcrs {
cursor: pointer;
color: rgba(25, 27, 29, .6);
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
font-size: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
vertical-align: top;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background: none;
border: 1px solid #191b1d;
border-radius: 20px;
padding: 20px;
border-radius: 0;
}
p.return-to-shop {
text-align: center;
}
.alioth-products a.button {
border: none !important
}
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
display: block;
float: left
}
form.woocommerce-cart-form {
width: 70%;
float: left;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
width: 30%;
float: left;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: left;
width: 100%;
background: none
}
.woocommerce .quantity .qty {
padding: 0
}
.cart_totals a {
color: #191b1d;
font-weight: 600;
}
.item-vars {
display: block;
width: 100%;
float: left;
margin-bottom: 10px
}
.variation.cart-product-quants {
display: block;
overflow: hidden;
}
.cart-toggle {
position: relative;
width: 30px;
height: 30px;
cursor: pointer
}
.shopping-cart i {
font-size: 35px;
color: #191b1d;
}
.cart-wrapper {
display: block;
float: left;
padding-right: 30px
}
.cart-wrapper input#coupon_code {
padding: 0;
border: none;
border-right: 1px solid rgba(25, 27, 29, .2);
}
.cart-wrapper input#coupon_code:focus {
border: none !important;
}
.cart-wrapper .coupon-code {
margin-right: 15px;
}
.cart-wrapper .coupon button.button {
font-weight: 600;
}
.cart-wrapper .coupon button.button:hover {
background: none;
color: #191b1d;
}
.cart-wrapper button.button.update_cart {
padding: 0.618em 1em;
}
.cart-produtcs {
display: block;
width: 100%;
padding: 0 70px;
margin-top: 100px
}
.cart-product {
display: block;
width: 100%;
float: left;
margin-bottom: 50px;
position: relative
}
.cart-product-image {
display: block;
width: 30%;
float: left;
height: 100%;
}
.cart-product-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.cart-product-details {
display: block;
float: left;
width: 70%;
position: relative;
margin-top: 30px;
padding-left: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
background: none;
color: #191b1d;
padding-left: 2.5em;
border-bottom: 1px solid rgba(25, 27, 29, .2);
border-radius: 0;
padding-top: 0;
padding-bottom: 0;
}
.woocommerce-form-coupon-toggle .woocommerce-info a {
color: #191b1d;
font-weight: 600
}
.woocommerce-form-coupon-toggle .woocommerce-info::before {
color: #191b1d;
left: 0;
}
.cart-product-title {
display: block;
margin-bottom: 30px;
margin-top: 0;
}
.cart-product-title a {
text-decoration: none;
color: #191b1d;
}
.cart-product-quants .cpq {
display: block;
margin-bottom: 10px;
font-size: 12px;
float: left;
line-height: 1
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
padding: 21px 15px;
}
.select2-container--default .select2-selection--single {
padding: 15px;
height: auto;
background: #ebebeb;
border: none;
border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
transform: translateY(-50%);
right: 20px;
}
.product-quantity {
float: left;
}
.cpq.cpq-cont {
margin-left: 5px;
color: rgba(25, 27, 29, .6)
}
.cart-product-quants .cpq p {
margin: 0;
line-height: 1
}
.cart-product-quants .cpq span {
color: #9a9a9a;
}
.cart-product-remove {
position: absolute;
top: 30px;
right: 0;
cursor: pointer;
z-index: 99
}
.cpq-acts {
display: block;
width: 100%;
margin-top: 15px;
}
.cpq-number,
.cpq-price {
display: block;
}
.cpq-number {
float: left;
}
.cpq-price {
float: right;
font-size: 25px;
font-weight: 700;
letter-spacing: -0.06em;
}
.cart-acts {
display: block;
float: left;
width: 100%;
position: relative;
}
.cart-button {
display: block;
float: left;
border: 1px solid #191b1d;
border-radius: 35px;
padding: 20px 35px;
font-weight: 700;
letter-spacing: -0.05em;
width: 48%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin: 1%;
cursor: pointer;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
body.dark .cart-button {
border: 1px solid #fff;
}
.cart-button:hover {
color: #fff;
border: 1px solid #fff;
background: #191b1d
}
body.dark .cart-button:hover {
color: #191b1d;
border: 1px solid #191b1d;
background: #fff
}
.cart-totals {
display: block;
float: left;
width: 100%;
padding-left: 25px;
}
.cart-totals .cart-product-details {
margin-top: 0
}
.cart-totals .cart-product-title {
margin-bottom: 15px
}
.ct-title {
display: block;
padding-bottom: 20px;
position: relative;
margin-bottom: 20px;
padding-left: 20px;
}
.ct-title::before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
background: rgba(25, 27, 29, .2);
width: 100%;
height: 1px;
}
body.dark .ct-total::before,
body.dark .ct-title::before {
background: hsla(0, 0%, 100%, .2)
}
.ct-title h4 {
margin: 0;
}
.ct-prices {
display: block;
float: left;
width: 100%;
}
.ct-prices > div,
.ct-total {
display: block;
float: left;
width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: rgba(25, 27, 29, .6);
margin: 15px 0;
}
body.dark .ct-prices > div,
body.dark .ct-total {
color: hsla(0, 0%, 100%, .4)
}
.ct-prices > div span,
.ct-total span {
font-weight: 700;
letter-spacing: -0.06em;
font-size: 20px;
float: right;
color: #191b1d;
}
body.dark .ct-prices > div span,
body.dark .ct-total span {
color: #fff;
}
.ct-coupon {
display: block;
float: left;
margin-top: 30px;
width: 100%;
margin-bottom: 30px;
}
.ct-total::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: rgba(25, 27, 29, .2);
}
.ct-total {
position: relative !important;
margin-top: 10px !important;
padding-top: 15px !important;
}
.cpq-number span {
font-size: 20px;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
span.cpq-num {
font-weight: 700;
margin: 0 10px;
font-size: 25px;
}
.cpq-increase,
.cpq-reduce {
cursor: pointer;
color: rgba(25, 27, 29, .6);
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
body.dark .cpq-increase,
body.dark .cpq-reduce {
color: hsla(0, 0%, 100%, .2);
}
.cpq-increase:hover,
.cpq-reduce:hover {
color: #191b1d
}
body.dark .cpq-increase:hover,
body.dark .cpq-reduce:hover {
color: #fff
}
ul.check-payments {
margin: 0;
padding: 0;
list-style: none;
margin-left: 8px;
}
ul.check-payments li {
display: inline-block;
font-size: 25px;
font-weight: 700;
letter-spacing: -0.06em;
cursor: pointer;
color: rgba(25, 27, 29, .6);
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
body.dark ul.check-payments li {
color: hsla(0, 0%, 100%, .4)
}
ul.check-payments li::after {
content: "/";
display: inline-block;
margin: 0 10px;
}
ul.check-payments li:last-child::after {
display: none;
}
ul.check-payments li:hover {
color: #191b1d;
}
body.dark ul.check-payments li:hover {
color: hsla(0, 0%, 100%, .2)
}
.woocommerce #reviews #comments ol.commentlist {
display: block;
width: 100%;
}
.woocommerce #reviews #comments ol.commentlist li {
display: block;
width: 100%;
}
.woocommerce #reviews #comments ol.commentlist li::after {
display: none;
}
#review_form span#reply-title {
margin-bottom: 15px;
display: block;
}
p.stars {
display: block;
float: left;
}
.comment-form-rating label {
display: block;
position: static;
float: left;
left: unset;
top: unset;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-right: 20px;
}
div#order_review {
display: block;
float: left;
width: 33%;
}
.woocommerce #reviews #comments h2 {
font-size: 25px;
margin: 0;
}
ul.single-product-mets .reviews_tab .desc {
padding-bottom: 40px;
}
.woocommerce-noreviews {
font-size: 12px;
font-style: italic;
opacity: .5;
margin-top: 0;
}
.reviews_tab div#comments {
display: block;
border-bottom: 1px solid rgba(25, 27, 29, .3);
margin-bottom: 30px;
}
.comment-form-rating {
margin-bottom: 0;
}
div#customer_details {
display: block;
float: left;
}
div#customer_details.col2-set {
width: 66%;
}
div#customer_details .col-1,
div#customer_details .col-2 {
width: 98%;
float: left
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: none;
}
.comment-form-rating {
margin-top: 30px;
}
.woocommerce p.stars a::before {
font-size: 20px
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: left;
background: #000;
display: block;
width: 100%;
padding: 20px 15px;
border-radius: 35px;
transition: all .4s ease;
}
body.dark .woocommerce #payment #place_order:hover,
body.dark .woocommerce-page #payment #place_order:hover {
background: #ebebeb !important;
color: #191b1d !important
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
padding-left: 25px;
margin-top: 35px;
display: block;
overflow: hidden;
}
.woocommerce p.stars a {
position: relative;
height: auto;
width: 0.8em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
}
body.dark #reviews #comments ol.commentlist li .comment-text {
border: 1px solid hsla(0, 0%, 100%, .2) !important
}
body.dark .reviews_tab div#comments {
border-bottom: 1px solid hsla(0, 0%, 100%, .2);
}
body.dark #review_form #respond textarea {
border: 1px solid hsla(0, 0%, 100%, .2);
}
body.dark #review_form #respond textarea:focus {
border: 1px solid hsla(0, 0%, 100%, .2) !important;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
border: none
}
p.woocommerce-review-link {
margin: 0;
font-size: 12px;
}
.woocommerce .woocommerce-product-rating .star-rating {
margin-right: 15px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
top: 50%;
transform: translateY(-50%);
}
h2.woocommerce-Reviews-title span {
text-decoration: underline;
}
.woocommerce #review_form #respond textarea {
height: unset;
}
.woocommerce form.checkout_coupon {
margin-top: 0;
border: none;
padding-top: 0;
padding-left: 2.5em;
overflow: hidden;
display: block;
float: left;
width: 100%;
border-bottom: 1px solid rgba(25, 27, 29, .2);
}
.woocommerce-form-coupon-toggle {
margin-bottom: 35px;
}
.woocommerce form.checkout_coupon p {
margin: 0;
font-size: 14px;
color: rgba(25, 27, 29, .6);
float: left;
}
.woocommerce form.checkout_coupon p:first-child {
display: block;
width: 100%;
}
.woocommerce form.checkout_coupon p.form-row {
display: inline-block;
padding: 20px;
padding-left: 0;
}
.woocommerce form.checkout_coupon button.button {
border-color: rgba(25, 27, 29, .6);
background: none;
font-weight: 600;
}
.woocommerce form.checkout_coupon .clear {
margin-bottom: 0;
}
body.dark .cart-product-title a {
color: #fff;
}
body.dark .incrs,
body.dark .dcrs {
color: hsla(0, 0%, 100%, .2);
}
body.dark .woocommerce .quantity .qty {
color: #fff;
}
body.dark .woocommerce a.remove {
color: #fff !important;
border-color: #fff;
}
body.dark nav.woocommerce-MyAccount-navigation ul li.is-active a {
color: #fff;
}
body.dark nav.woocommerce-MyAccount-navigation ul li a {
color: hsla(0, 0%, 100%, .2);
}
body.dark .woocommerce-form-coupon-toggle .woocommerce-info {
background: none;
color: #fff;
border-color: hsla(0, 0%, 100%, .2);
}
body.dark .woocommerce-form-coupon-toggle .woocommerce-info a {
color: #fff;
}
body.dark .woocommerce-form-coupon-toggle .woocommerce-info::before {
color: #fff;
}
body.dark .woocommerce form.checkout_coupon p {
color: hsla(0, 0%, 100%, .4);
}
body.dark input#coupon_code {
border-color: hsla(0, 0%, 100%, .2);
}
body.dark input#coupon_code:focus {
border-color: hsla(0, 0%, 100%, .2) !important;
}
body.dark .woocommerce form.checkout_coupon {
border-color: hsla(0, 0%, 100%, .2);
}
body.dark .woocommerce form.checkout_coupon button.button {
border-color: hsla(0, 0%, 100%, .5);
}
body.dark .select2-container--default .select2-selection--single {
background: #131313;
}
span.select2-results {
color: #191b1d;
}
body.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
color: hsla(0, 0%, 100%, .4);
}
body.dark .actions {
border-color: hsla(0, 0%, 100%, .2);
}
.woocommerce .woocommerce-ordering select {
vertical-align: top;
-webkit-appearance: none;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
padding: 8px 20px;
margin-left: -7px;
font-size: 12px;
}
.woocommerce-billing-fields .form-row label {
color: rgba(25, 27, 29, .6);
margin-bottom: 10px;
font-size: 12px;
}
body.dark .woocommerce-billing-fields .form-row label {
color: hsla(0, 0%, 100%, .4);
} nav.woocommerce-MyAccount-navigation ul {
list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
font-size: 25px;
line-height: 50px;
font-weight: 700;
letter-spacing: -0.05em;
}
nav.woocommerce-MyAccount-navigation ul li a {
color: rgba(25, 27, 29, .6);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
color: #191b1d;
}
nav.woocommerce-MyAccount-navigation ul li a:hover {
color: #191b1d;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
border: none;
margin: 0;
background: #191b1d;
color: #fff;
font-size: 14px;
padding-left: 4.5em;
padding-right: 40px;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 40px;
line-height: 3em;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
font-family: WooCommerce;
display: inline-block;
position: absolute;
left: 1.5em;
color: hsla(0, 0%, 100%, .2);
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 20px;
}
.woocommerce-info::before {
color: #fff
}
.woocommerce-notices-wrapper {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 99;
}
.woocommerce .woocommerce-message a.button {
color: #fff;
margin-left: 30px;
font-size: 14px;
font-weight: normal;
border: 1px solid #fff;
padding: 10px 30px;
border-radius: 20px;
}
.woocommerce .woocommerce-message a.button:hover {
color: #191b1d;
} a.cart-contents {
position: relative;
color: #191b1d;
text-decoration: none;
width: 30px;
height: 40px;
display: block;
}
a.cart-contents span {
display: block;
position: absolute;
bottom: 0;
right: 0;
font-size: 10px;
line-height: 10px;
color: #191b1d;
background: #ebebeb;
padding: 4px;
border-radius: 50%;
width: 19px;
height: 19px;
text-align: center;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
}
.cart-icon,
.cart-icon img {
width: 100%;
}
.site-header.light .cart-icon-dark {
display: none;
}
.site-header.dark .cart-icon-light {
display: none;
}
.alioth-atc-ic {
display: block;
margin-top: -0.5em;
}
.site-header.dark a.cart-contents span {
background: #191b1d;
color: #fff;
} .alioth-products-carousel {
display: block;
}
.apc-cats {
display: block;
float: left;
width: 100%;
clear: both;
margin-left: 7.5%;
margin-bottom: 30px
}
.apc-cats ul {
padding: 0;
list-style: none;
display: inline-block;
overflow: hidden
}
.apc-cats ul li {
font-size: 35px;
font-weight: 700;
letter-spacing: -0.06em;
opacity: .3;
display: inline-block;
cursor: pointer;
padding: 0;
overflow: hidden
}
.apc-cats ul li span {
display: inline-block
}
.apc-cats ul.locked {
pointer-events: none;
}
.apc-cats ul li.active {
opacity: 1;
}
.apc-cats ul li::after {
content: "/";
display: inline-block;
margin: 0 15px;
}
.will-anim .apc-cats ul li::after {
content: "/";
display: inline-block;
margin: 0 15px;
transform: translateY(100%);
transition: transform .5s ease;
}
.will-anim.done .apc-cats ul li::after {
transform: translateY(0%)
}
.apc-cats ul li.active::after {
opacity: .35;
}
.apc-cats ul li:last-child::after {
display: none;
}
.apc-product-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 600px;
}
.apc-product {
display: block;
height: 100%;
margin-right: 30px;
position: relative;
width: 31.3vw;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.apc-product:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.apc-product.hide {
display: none
}
.apc-product-image {
width: 100%;
height: 100%;
overflow: hidden
}
.apc-product-image img {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: -webkit-transform .6s ease;
transition: -webkit-transform .6s ease;
-o-transition: transform .6s ease;
transition: transform .6s ease;
transition: transform .6s ease, -webkit-transform .6s ease;
}
.apc-product-det {
position: absolute;
bottom: 30px;
left: 30px;
}
h3.apc-product-title {
margin-bottom: 5px;
}
h4.apc-product-price {
color: rgba(25, 27, 29, .6) !important
}
body.dark h4.apc-product-price {
color: hsla(0, 0%, 100%, .2) !important
}
span.product-ov {
position: absolute;
top: 0;
right: 0;
width: 00%;
height: 100%;
background: #ebebeb;
}
body.dark span.product-ov {
background: #101010
} .alioth-products-cta {
display: block;
width: 100%;
position: relative;
}
.ap-cta-image {
width: 100%;
display: block
}
.ap-cta-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block
}
.ap-cta-det {
position: absolute;
bottom: 70px;
left: 70px;
}
.ap-cta-sub-title {
font-size: 18px;
}
.ap-cta-title {
font-size: 40px;
font-weight: 700;
letter-spacing: -0.06em;
margin: 25px 0;
line-height: 45px;
}
.ap-cta-button {
display: block;
}
.ap-cta-button a {
text-decoration: none;
color: rgba(25, 27, 29, .6);
font-size: 18px;
font-weight: 600;
letter-spacing: -0.05em;
}
.alioth-products-cta.pos-top .ap-cta-det {
top: 70px;
bottom: unset;
}
.alioth-products-cta.light .ap-cta-sub-title,
.alioth-products-cta.light .ap-cta-title {
color: #fff;
}
.alioth-products-cta.light .ap-cta-button a {
color: hsla(0, 0%, 100%, .4);
}
.elementor-widget-aliothimagebox {
margin-bottom: 0 !important
} .alioth-product-categories {
display: block;
width: 100%;
float: left;
}
.apcats-cat {
display: block;
width: 100%;
float: left;
padding: 40px 0;
position: relative;
}
.apcats-cat a {
text-decoration: none;
color: #191b1d
}
body.dark .apcats-cat a {
color: #fff
}
.apc-cat-title {
font-size: 75px;
font-weight: 700;
letter-spacing: -0.06em;
display: inline-block;
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
-o-transition: transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease
}
.apc-cat-quant {
display: inline-block;
vertical-align: middle;
font-size: 20px;
font-weight: 700;
letter-spacing: -0.06em;
margin-left: 50px;
}
.apc-cat-quant::before {
content: "/";
display: inline-block;
margin-right: 3px;
}
.apcats-cat::before {
content: "";
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background: rgba(25, 27, 29, .2);
}
body.dark .apcats-cat::before {
background: hsla(0, 0%, 100%, .2)
}
.apcats-cat::after {
content: "";
display: block;
position: absolute;
bottom: 0;
width: 0%;
height: 1px;
background: #191b1d;
-webkit-transition: width .4s ease;
-o-transition: width .4s ease;
transition: width .4s ease
}
body.dark .apcats-cat::after {
background: #fff
}
.apc-cat-mark {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(-25%, -50%);
-ms-transform: translate(-25%, -50%);
transform: translate(-25%, -50%);
font-size: 50px;
}
.apcats-cat:hover .apc-cat-title {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px)
}
.apcats-cat:hover::after {
width: 100%
} .alioth-single-product {
display: block;
width: 100%;
position: relative;
}
.alioth-single-product a {
text-decoration: none;
color: #191b1d;
}
body.dark .alioth-single-product a {
color: #fff;
}
.asp-image,
.asp-image img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
display: block;
float: left;
}
.asp-det {
display: block;
float: left;
padding: 30px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.asp-product-title {
font-size: 30px;
font-weight: 700;
letter-spacing: -0.05em;
margin-bottom: 15px;
display: block;
width: 100%;
float: left;
}
.asp-product-price {
display: block;
float: left;
font-size: 18px;
font-weight: 700;
letter-spacing: -0.05em;
color: rgba(25, 27, 29, .6)
}
body.dark .asp-product-price {
color: hsla(0, 0%, 100%, .4)
}
.asp-add-to-cart {
display: block;
float: right;
font-size: 30px;
margin-top: -10px;
}
.asp-add-to-cart i {
color: rgba(25, 27, 29, .6);
}
body.dark .asp-add-to-cart i {
color: hsla(0, 0%, 100%, .4);
}
.asp-product-rate {
display: block;
float: left;
margin-bottom: 10px;
position: relative
}
ul.asp-rate {
list-style: none;
padding: 0;
}
ul.asp-rate li {
display: inline-block;
font-size: 12px;
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #191b1d;
}
ul.asp-rate.fill li {
color: #191b1d;
}
ul.asp-rate.fill {
position: absolute;
top: 0;
white-space: nowrap;
width: 0%;
overflow: hidden;
}
body.dark .woocommerce-error,
body.dark .woocommerce-info,
body.dark .woocommerce-message {
background: #ebebeb;
color: #191b1d;
}
body.dark .woocommerce-message a.button {
border-color: #191b1d;
color: #191b1d;
}
body.dark .woocommerce-body.dark error::before,
body.dark .woocommerce-info::before,
body.dark .woocommerce-message::before {
color: #101010;
}
body.dark ul.asp-rate li {
-webkit-text-stroke-color: #fff;
}
body.dark ul.asp-rate.fill li {
color: #fff;
}
td.woocommerce-grouped-product-list-item__label a {
color: #191b1d;
font-weight: 700;
}
td.woocommerce-grouped-product-list-item__label {
padding: 20px 25px;
} .big-button a {
color: #191b1d;
text-decoration: none;
font-size: 47px;
font-weight: 700;
letter-spacing: -3.5px;
position: relative;
}
.big-button a::after {
content: "\ea5d";
font-family: IcoFont;
position: absolute;
font-size: 40px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: -15px;
}
#footer.dark .big-button a {
color: #fff
}  @media only screen and (max-width: 450px) {
.page-header-wrap.wrapper-small {
max-width: 100%;
}
.posts-col {
padding: 0
}
.elementor-inner-section .elementor-container {
margin-left: 0 !important;
margin-right: 0 !important;
}
.big-button a::after {
top: -20px;
font-size: 30px;
right: -10px;
}
html,
body {
overflow-x: hidden
}
.site-branding {
left: 0
}
.hide_mobile {
display: none
}
.hide_desktop {
display: block
}
.page-header {
padding-top: 100px;
margin-bottom: 100px;
}
.page-title h1.big-title {
padding-right: 5px;
font-size: 55px;
line-height: 60px
}
.cart-page .page-title h1.big-title {
font-size: 45px
} #mouseCursor {
display: none
} .alioth-page-loader {
width: 100%;
height: 100%;
}
.apl-count {
font-size: 100px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
}
.apl-count .apl-num {
height: 100px;
line-height: 100px
}
.apl-num.apl-num-3 {
margin-left: -8px
} .site-header {
height: 100px !important
}
.header-widgets {
display: none
}
.site-navigation.fullscreen ul ul li {
font-size: 25px;
line-height: 40px;
}
.site-navigation.fullscreen ul.ulcol {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
} .site-navigation.fullscreen .menu.main-menu {
left: 0;
bottom: unset;
top: 20%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.site-navigation.fullscreen .menu.main-menu > li.menu-item {
font-size: 35px;
line-height: 60px;
}
.site-navigation.fullscreen .fs-menu-wrapper {
height: 100%
}
.site-navigation.fullscreen {
height: 100%
}
.menu-widget-right,
.menu-widget-left {
bottom: 0
}
.social-list li {
display: inline-block;
font-size: 15px;
line-height: 20px;
display: block
}
.sub-toggle {
width: 15px;
height: 15px;
margin-left: 10px;
top: 0;
}
.sub-back {
left: unset;
top: 18%;
transform: none;
right: 0
}
.site-navigation.fullscreen .menu.main-menu.hovered > li.menu-item a::before {
width: 100%
} .c-col-6.footer-widget {
margin-bottom: 60px
}
.c-col-3.footer-widget {
width: 100%;
}
.footer-widget .big-button a {
font-size: 30px;
letter-spacing: -0.06em;
}
.footer-widget.footer_menu {
margin-bottom: 20px
} h1.big-title {
font-size: 50px;
line-height: 65px;
margin-bottom: 0;
margin-bottom: 10px;
padding-right: 0;
margin-left: 0;
}
.heading-bg-text {
font-size: 100px;
-webkit-transform: translatex(-30%) translateY(30%);
-ms-transform: translatex(-30%) translateY(30%);
transform: translatex(-30%) translateY(30%);
} .ar-work {
-ms-flex-preferred-size: 100vw;
flex-basis: 100vw;
min-width: 100vw;
}
.ar-work-title {
font-size: 30px
}
.ar-work-cat {
font-size: 20px
}
.ar-work a {
width: 100%;
height: 100%;
}
.ar-work-image {
height: 65vh !important
}
.a-recent-works .a-button.style_1 {
margin-top: 50px
}
.recent-works-bg-text {
top: 0;
font-size: 100px
} .alioth-latest-posts .post {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 50px
}
.alioth-latest-posts h2 {
font-size: 25px;
line-height: 35px;
} .project-page-header.style_1 .project-featured-image {
height: 65vh;
}
.project-page-header.style_1 .project-details {
width: 84%
}
.project-page-header.style_1 .project-meta.project-cats {
width: 100%;
}
.project-page-header.style_1 .project-meta.project-cats .project-cat {
display: inline-block;
margin-right: 15px;
font-size: 25px
}
.project-page-header.style_1 .project-metas .project-meta {
margin-bottom: 30px;
padding-left: 3px;
width: 100%
}
.project-page-header.style_1 .project-metas div.project-other,
.project-page-header.style_1 .project-metas div.meta-summary {
padding-left: 8px;
}
.project-page-header.style_1 .project-title {
margin-bottom: 15px
}
.project-page-header.style_2 h1.big-title,
.project-page-header.style_1 h1.big-title {
font-size: 45px;
line-height: 55px;
}
.project-page-header.style_2 .project-cat {
font-size: 30px;
margin-left: 2px;
line-height: 35px;
}
.project-page-header.style_2 .project-featured-image {
height: 100vh
}
.project-page-header.style_2 .project-head {
left: 8.5%;
right: 8.5%;
top: unset;
bottom: 10%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.project-page-header.style_2 .project-title {
max-width: 100%
}
.project-page-header.style_2 .project-meta.project-other {
width: 100%
}
.project-page-header.style_3 .project-head {
padding-top: 40%;
}
.project-page-header.style_3 .big-title {
font-size: 45px;
line-height: 55px
}
.project-page-header.style_3 .project-title {
margin-bottom: 0
}
.project-page-header.style_3 .project-cat {
font-size: 25px;
margin-top: 0;
margin-left: 6px;
line-height: 35px
}
.project-page-header.style_2 .project-details {
width: 84%
}
.project-page-header.style_3 .project-meta.project-other,
.project-page-header.style_3 .project-meta.meta-summary {
width: 100%
}
.project-metas .project-meta {
width: 33%;
}
.project-metas div.meta-summary {
width: 100%;
}
.project-title {
-webkit-transform: translateY(-35%);
-ms-transform: translateY(-35%);
transform: translateY(-35%);
display: block;
width: 100%;
margin-bottom: 50px;
white-space: normal
}
.next-project-section a {
padding-top: 70px
}
.next-project-wrap span {
margin-bottom: 0
}
.next-project-wrap h1::after {
font-size: 40px
}
.next-project-wrap h1::before {
width: 20px;
height: 6px;
right: 17px
}
.next-project-wrap h1 {
font-size: 30px
}
.next-project-section .c-col-12,
.next-project-section .wrapper-small {
margin-bottom: 0
} .showcase-footer {
bottom: 3.5%
} .cas-headline {
font-size: 30px;
line-height: 45px;
max-width: 70vw;
padding-left: 0
}
.cas-project {
width: 80vw;
height: 60vh;
margin-right: 50px
}
.cas-titles .cs-title {
font-size: 40px;
padding: 20px 0;
line-height: 40px
}
.cas-titles {
height: 80px
}
.cas-titles .cas-titles-wrap {
-webkit-transform: translateY(80px);
-ms-transform: translateY(80px);
transform: translateY(80px)
}
.cas-progress {
display: none
} .fs-project-dets {
width: 90%;
left: 8.5%;
}
.fs-title {
font-size: 65px;
line-height: 70px;
margin-bottom: 20px
}
span.fs-prog {
width: 50px
}
.fs-button {
position: absolute;
left: 8.5%;
top: 29.5%;
display: block;
}
.fs-fraction {
top: 22.5%
} .sl-project-title {
font-size: 40px
}
.showcase-list-wrapper {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-top: 150px;
text-align: center
}
.sl-project {
padding: 20px 0
}
.sl-project-meta div {
font-size: 15px
}
.sl-project-title::before {
display: none
}
.sl-project:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.sl-images .sl-project-image {
width: 90vw;
}  .alioth-services .service-title {
font-size: 35px;
line-height: 45px;
padding: 30px 0
}
.alioth-services .service-toggle {
padding: 30px 0
}
.alioth-services .service-cont {
width: 100%;
padding-right: 0;
padding-top: 30px;
padding-bottom: 30px;
}
.alioth-services .service-wrap {
margin-left: 0
}
.alioth-services .service-toggle i {
font-size: 35px
} .alioth-clients.column-5 .a-client,
.alioth-clients.column-4 .a-client,
.alioth-clients.column-3 .a-client,
.alioth-clients.column-2 .a-client,
.alioth-clients.column-1 .a-client {
width: 100%;
} .testimonial-text {
font-size: 25px;
line-height: 34px
}
.a-testimonials.autoplay .a-testimonials-count {
width: 50px
} .page-sub-title {
width: 100%;
text-align: center
}
.page-sub-title::after {
-webkit-transform: translateY(-150%) translateX(-50%) rotate(-45deg);
-ms-transform: translateY(-150%) translateX(-50%) rotate(-45deg);
transform: translateY(-150%) translateX(-50%) rotate(-45deg);
right: unset;
left: 50%;
} .ai-image {
min-width: 100vw
} .linked-text a::before {
height: 2px
}
.award-title,
.award-date {
font-size: 20px
}
.trans-text {
font-size: 30px;
line-height: 35px
}
.blog-classic .post.alioth-post,
.blog-classic .post.alioth-post.sticky .post-meta,
.blog-classic .post.alioth-post.sticky .post-image,
.blog-classic .post.alioth-post.sticky {
width: 100%
}
.blog-classic .post.alioth-post .post-title h3 {
font-size: 20px;
letter-spacing: -0.03em;
}
.blog-classic .post-meta {
margin-top: 25px;
padding-left: 20px;
padding-right: 20px;
}
.blog-classic .post.sticky .post-meta {
padding-top: 20px
}
.blog-classic .post.alioth-post {
margin-bottom: 60px
}
.blog-list .post-images {
width: 60%
} .cart-product-details {
margin-top: 0px;
padding-left: 15px;
}
.a-plus-button {
width: 30px;
height: 30px;
}
.a-plus-button::after {
height: 30px;
}
.cart-product-title {
margin-bottom: 10px;
font-size: 20px
}
.cpq-acts {
margin-top: 20px
}
.cart-totals {
padding-left: 0
}
ul.check-payments li {
font-size: 20px
}
ul.check-payments {
margin-bottom: 15px
}
form > div.half-field {
width: 100%
}
ul.single-product-mets {
text-align: left
}
.alioth-products.column_2 .product,
.alioth-products.column_2 .grid-sizer {
width: 100%;
}
ul.single-product-mets {
margin-left: 10px
}
ul.single-product-mets li {
display: block;
}
h3.next-post-title {
max-width: 100%;
}
.post-title h1 {
font-size: 30px;
line-height: 40px;
}
.single-product-wrap {
width: 95%;
margin-top: 50px
}
.single-product-image {
width: 100%
}
.wrapper.related-wrap {
width: 90%;
max-width: 90%;
}
.related-products .alioth-products.column_2 .product,
.related-products .alioth-products.column_2 .grid-sizer {
width: 100%;
}
.single-product-slider {
width: 100%;
padding-left: 0;
margin-bottom: 50px 
}
.sp-arrows {
left: 3%
}
.single-product-details {
width: 100%;
padding-left: 10px
}
.single-product-meta {
width: 100%;
margin-left: 0
}
ul.single-product-mets li::after {
display: none
}
ul.single-product-mets .desc {
width: 100%
}
.related-products.alioth-products.column_3 .product,
.related-products.alioth-products.column_3 .grid-sizer {
width: 100%
}
.related-products.alioth-products.column_3 .product {
height: 400px
}
.product-page {
padding-top: 130px
} .ss1-sl-image {
position: absolute;
top: 0;
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
width: 100%;
height: 100%;
overflow: hidden;
}
.showcase-slideshow-wrapper {
position: absolute;
top: 50%;
right: unset;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
left: 50%;
pointer-events: none
}
.ss1-cat {
margin-left: 0;
font-size: 20px;
float: unset;
margin-bottom: 0;
}
.ss1-met-wrap {
display: none
}
.ss1-title {
font-size: 50px;
line-height: 70px
}
.ss1-details {
position: absolute;
top: 30%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 80%;
left: 10%;
text-align: center;
}
.ss1-nav {
display: none
}
.ss1-dots.swiper-pagination-bullets {
bottom: 5%;
left: 8%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: unset
}
.ss1-button {
right: unset;
left: 50%;
bottom: 10%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.ss1-sl-image .plyr__video-wrapper {
width: calc((100vh) * 1.77777778) !important;
}
.project-featured-video .plyr__video-embed,
.project-featured-video .plyr__video-wrapper--fixed-ratio {
height: 100%;
width: calc((100vh) * 1.77777778) !important
}
.fw-projects {
width: 100%;
left: 10%;
}
.fw-project-title {
font-size: 30px
}
.fw-project {
padding: 10px 0;
display: block
}
.fw-project::after {
font-size: 30px
}
.aph-name {
font-size: 60px;
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.aph-image {
width: 100%
}
.aph-name.back {
display: none
}
.aph-welc {
display: none
}
.aph-name .name-back {
opacity: 1;
visibility: visible
}
.aph-details {
top: unset;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
z-index: 99
}
.aph-sub-text {
max-width: 100%;
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
text-align: center
}
.alioth-personal-head .circular-button {
display: none
}
.asp-image img {
height: 100%;
}
.apc-product {
height: 100%;
width: 93vw
}
.apc-cats ul li {
font-size: 20px;
margin-bottom: 15px;
display: inline-block;
}
.apc-cats ul {
text-align: center
}
.apc-cats {
margin-left: 0
}
.apc-cats ul li::after {
visibility: hidden;
margin: 0 !important;
}
.apc-cats ul li {
margin: 5px 10px;
}
.apc-cat-title {
font-size: 30px
}
.apc-cat-quant {
font-size: 12px;
margin-left: 10px
}
.apc-cat-mark {
font-size: 35px
}
.apcats-cat {
padding: 25px 0
}
.ap-cta-det {
left: 35px;
top: 50% !important;
bottom: unset !important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ap-cta-title {
font-size: 25px;
margin: 10px 0
}
.showcase-slideshow-2-wrapper {
max-width: 100%;
width: 100%;
left: 0;
height: 100%;
}
.ss2-images {
right: 0;
width: 100%;
height: 100%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: 0;
z-index: -1 !important
}
.ss2-project-title {
font-size: 50px;
line-height: 60px;
}
.ss2-project-meta {
left: 10%;
width: 80%
}
.ss2-back-texts {
display: none
}
.ss2-dots {
display: none
}
.ss2-project-excerpt {
display: none
}
.ss2-nav {
position: absolute;
bottom: 5%;
right: 5%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.ss2-button {
bottom: unset;
opacity: 1;
width: auto;
height: auto;
background: none;
top: 70%;
left: 25%;
font-weight: 600;
}
.ss2-button a::after {
display: inline-block;
margin-left: 15px;
vertical-align: sub;
}
.portfolio-showcase.showcase-slideshow-v2 .plyr__video-wrapper {
width: calc((100vh) * 1.77777778)
}
.fw-images {
width: 100%
}
.wall-project .project-title {
font-size: 60px;
line-height: 60px
}
.wall-projects-top {
margin-bottom: 0
}
.alioth-works.column_2 .aw-works-sizer,
.alioth-works.column_2 .aw-project {
width: 100%
}
.aw-project {
margin-bottom: 50px;
height: 300px
}
.aw-project-title {
font-size: 25px;
letter-spacing: -0.05em
}
ul.aw-cats li {
font-size: 20px;
letter-spacing: -0.05em;
padding-bottom: 10px
}
.aw-categories {
margin-bottom: 0
}
.aw-works-stamp {
height: 35px
}
.alioth-embed-video .video-overlay {
width: 80px;
height: 80px
}
.alioth-embed-video .play-button {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #fff;
}
.wall-images {
width: 84%
}
.sw-title {
font-size: 25px;
letter-spacing: -0.04em;
}
.sw-cat {
font-size: 16px;
letter-spacing: -0.02em;
}
form.woocommerce-cart-form,
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
width: 100%;
}
.cart-wrapper {
padding: 0;
}
.coupon {
width: 100%;
}
.a-update-cart {
width: 100%;
text-align: center;
margin: 15px 0;
}
.cart-product-remove {
top: 0;
}
.woocommerce a.remove {
font-size: 20px;
border: none;
}
.coupon > div {
margin-right: 0 !important;
width: 50%;
text-align: center;
}
div#customer_details.col2-set {
width: 100%;
}
div#order_review {
width: 100%;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
padding-left: 1px;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border-bottom: none;
margin-top: 20px;
}
textarea#order_comments {
padding: 15px;
}
.cart-wrapper .coupon {
width: 50%;
float: left;
}
.a-update-cart {
width: 50%;
text-align: right;
}
.cart-wrapper .coupon-code {
width: 100%;
}
.cart-wrapper .coupon-submit {
width: 100%;
text-align: left;
margin-top: 10px;
}
.cart-wrapper input#coupon_code {
border: none;
}
} @media (min-width: 450px) and (max-width: 900px) {
body,
html {
overflow-x: hidden;
width: 100%;
}
.hide_tablet {
display: none
}
#mouseCursor {
display: none
}
.c-col-4,
.c-col-8,
.c-col-9,
.c-col-10 {
width: 100%
}
.site-navigation.fullscreen .fs-menu-wrapper {
height: 100%
}
.header-wrapper.menu-opened {
height: 100vh
}
.site-navigation.fullscreen .menu.main-menu {
bottom: unset;
top: 20%;
left: 0;
width: 100%;
}
.site-navigation.fullscreen ul ul li {
font-size: 30px;
line-height: 55px;
letter-spacing: -0.05em
}
.aph-image {
width: 75%
}
.aph-name {
font-size: 100px;
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.aph-name.back {
display: none
}
.aph-welc {
display: none
}
.aph-name .name-back {
opacity: 1;
visibility: visible
}
.aph-details {
top: unset;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 15%;
z-index: 99;
width: 50%
}
.aph-sub-text {
max-width: 100%;
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
text-align: center
}
.alioth-personal-head .circular-button {
z-index: 10;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 5%;
left: 50%;
}
.ai-image {
min-width: 70vw;
-ms-flex-preferred-size: 70vw;
flex-basis: 70vw
}
.showcase-slideshow-2-wrapper {
max-width: 100%;
width: 100%;
left: 0;
height: 100%;
}
.ss2-images {
right: 0;
width: 100%;
height: 100%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: 0;
z-index: -1
}
.ss2-project-title {
font-size: 100px;
line-height: 120px;
}
.ss2-project-meta {
left: 10%;
width: 80%
}
.ss2-back-texts {
display: none
}
.ss2-dots {
display: none
}
.ss2-project-excerpt {
display: none
}
.ss2-nav {
position: absolute;
bottom: 5%;
right: 5%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.ss2-button {
bottom: 5%;
opacity: .6
}
.portfolio-showcase.showcase-slideshow-v2 .plyr__video-wrapper {
width: calc((100vh) * 1.77777778)
}
.fs-title {
font-size: 80px;
line-height: 95px
}
.fs-project-dets {
width: 80%;
}
.fs-button {
right: 10%;
top: 30%
}
.showcase-slideshow-wrapper {
width: 50%
}
.c-col-6.footer-widget.footer_cta {
width: 100%;
margin-bottom: 35px;
}
.ar-work-image {
height: 65vh;
}
.ar-work {
flex-basis: 60vw;
min-width: 60vw;
}
.cas-project {
width: 75vw;
height: 70vh;
}
.cas-titles .cs-title {
font-size: 100px
}
.sl-project-title {
font-size: 70px
}
.showcase-list-wrapper {
left: 15%
}
.ss1-sl-image {
width: 70%;
height: 70%;
}
.showcase-slideshow-wrapper {
width: 50%;
right: 50%;
transform: translateX(50%) translateY(-50%);
}
.ss1-met-wrap {
width: 100%;
text-align: center
}
.ss1-title {
text-align: center;
}
.ss1-button {
right: 50%;
transform: translateX(50%);
}
.linked-text a::before {
height: 5px;
}
}