/* css/main.min.css?v=2 */ @font-face{font-family:"hosting-icons-pack";src:url("/icons-pack/hosting/Flaticon.eot");src:url("/icons-pack/hosting/Flaticon.eot#iefix") format("embedded-opentype"), url("/icons-pack/hosting/Flaticon.woff") format("woff"), url("/icons-pack/hosting/Flaticon.ttf") format("truetype"), url("/icons-pack/hosting/Flaticon.svg#Flaticon") format("svg");font-weight:normal;font-style:normal;} @media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:"hosting-icons-pack";src:url("/icons-pack/hosting/Flaticon.svg#Flaticon") format("svg");} } @font-face{font-family:"electronic-icons-pack";src:url("/icons-pack/electronics/Flaticon.eot");src:url("/icons-pack/electronics/Flaticon.eot#iefix") format("embedded-opentype"), url("/icons-pack/electronics/Flaticon.woff2") format("woff2"), url("/icons-pack/electronics/Flaticon.woff") format("woff"), url("/icons-pack/electronics/Flaticon.ttf") format("truetype"), url("/icons-pack/electronics/Flaticon.svg#Flaticon") format("svg");font-weight:normal;font-style:normal;} @media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:"electronic-icons-pack";src:url("/icons-pack/electronics/Flaticon.svg#Flaticon") format("svg");} } @font-face {font-display:swap; font-family: 'fontello';src: url("/icons-pack/fontello/fontello.eot?24141936");src: url("/icons-pack/fontello/fontello.eot?24141936#iefix") format('embedded-opentype'),url("/icons-pack/fontello/fontello.woff2?24141936") format('woff2'),url("/icons-pack/fontello/fontello.woff?24141936") format('woff'),url("/icons-pack/fontello/fontello.ttf?24141936") format('truetype'),url("/icons-pack/fontello/fontello.svg?24141936#fontello") format('svg');font-weight: normal;font-style: normal; } .fa{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-concierge-bell:before{content:"\f562"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-diagnoses:before{content:"\f470"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hashtag:before{content:"\f292"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url("/icons-pack/fontawesome/fa-brands-400.eot");src:url("/icons-pack/fontawesome/fa-brands-400.eot#iefix") format("embedded-opentype"),url("/icons-pack/fontawesome/fa-brands-400.woff2") format("woff2"),url("/icons-pack/fontawesome/fa-brands-400.woff") format("woff"),url("/icons-pack/fontawesome/fa-brands-400.ttf") format("truetype"),url("/icons-pack/fontawesome/fa-brands-400.svg#fontawesome") format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url("/icons-pack/fontawesome/fa-regular-400.eot");src:url("/icons-pack/fontawesome/fa-regular-400.eot#iefix") format("embedded-opentype"),url("/icons-pack/fontawesome/fa-regular-400.woff2") format("woff2"),url("/icons-pack/fontawesome/fa-regular-400.woff") format("woff"),url("/icons-pack/fontawesome/fa-regular-400.ttf") format("truetype"),url("/icons-pack/fontawesome/fa-regular-400.svg#fontawesome") format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url("/icons-pack/fontawesome/fa-solid-900.eot");src:url("/icons-pack/fontawesome/fa-solid-900.eot#iefix") format("embedded-opentype"),url("/icons-pack/fontawesome/fa-solid-900.woff2") format("woff2"),url("/icons-pack/fontawesome/fa-solid-900.woff") format("woff"),url("/icons-pack/fontawesome/fa-solid-900.ttf") format("truetype"),url("/icons-pack/fontawesome/fa-solid-900.svg#fontawesome") format("svg")}.fa{font-family:"Font Awesome 5 Free"}.fa{font-weight:900} html{position:relative;min-height:100%;} body{font-family:'iranyekan', sans-serif;} *, body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;} a,a:hover{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .dropdown-item:active{color:#16181b;text-decoration:none;background-color:#f8f9fa;} @-webkit-keyframes bigono{0%{opacity:2;transform:scale(1);} 50%{opacity:0.6;transform:scale(1.1);} 100%{opacity:2;transform:scale(1);} } @-moz-keyframes bigono{0%{opacity:2;transform:scale(1);} 50%{opacity:0.6;transform:scale(1.1);} 100%{opacity:2;transform:scale(1);} } @keyframes bigono{0%{opacity:2;transform:scale(1);} 50%{opacity:0.6;transform:scale(1.1);} 100%{opacity:2;transform:scale(1);} } @-webkit-keyframes waves{0%{-webkit-transform:scale(0.2, 0.2);transform:scale(0.2, 0.2);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} 50%{opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";} 100%{-webkit-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} } @keyframes waves{0%{-webkit-transform:scale(0.2, 0.2);transform:scale(0.2, 0.2);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} 50%{opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";} 100%{-webkit-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} } .footer-section{padding:100px 0 30px;background:#33334f;color:#fff;}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @-webkit-keyframes spaceboots{0%{-webkit-transform:rotate(0deg);} 10%{-webkit-transform:rotate(-5deg);} 20%{-webkit-transform:rotate(5deg);} 30%{-webkit-transform:rotate(0deg);} 40%{-webkit-transform:rotate(1deg);} 50%{-webkit-transform:rotate(-1deg);} 60%{-webkit-transform:rotate(-5deg);} 70%{-webkit-transform:rotate(5deg);} 80%{-webkit-transform:rotate(1deg);} 90%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-10deg);} } @-webkit-keyframes floating{from{-webkit-transform:rotate(0deg) translate(-10px) rotate(0deg);transform:rotate(0deg) translate(-10px) rotate(0deg);} to{-webkit-transform:rotate(360deg) translate(-10px) rotate(-360deg);transform:rotate(360deg) translate(-10px) rotate(-360deg);} } @keyframes floating{from{-webkit-transform:rotate(0deg) translate(-10px) rotate(0deg);transform:rotate(0deg) translate(-10px) rotate(0deg);} to{-webkit-transform:rotate(360deg) translate(-10px) rotate(-360deg);transform:rotate(360deg) translate(-10px) rotate(-360deg);} } @keyframes scaleIn { 0 { transform: scale(1, 1); opacity: 0.7; } 40% { transform: scale(1.5, 1.5); opacity: 0.3; } 100% { transform: scale(1, 1); opacity: 0; } } /* css/rtl.css */ body{ direction: rtl; } main{ text-align: right; } .navbar-brand{ margin-right: auto; margin-left: 1rem; } section{ text-align: right; } .fa-globe:before{ margin-right: 15px; } .footer-section{ text-align: right; } .dropdown-menu{ left: auto !important; right: 0 !important; text-align: right; } /* css/idanifonts.css */ @font-face {font-display:swap; font-family: iranyekan; font-style: normal; font-weight: bold; src: url("/fonts/eot/iranyekanwebbold.eot"); src: url("/fonts/eot/iranyekanwebbold.eot#iefix") format('embedded-opentype'), url("/fonts/woff2/iranyekanwebbold.woff2") format('woff2'), url("/fonts/woff/iranyekanwebbold.woff") format('woff'), url("/fonts/ttf/iranyekanwebbold.ttf") format('truetype'); } @font-face {font-display:swap; font-family: iranyekan; font-style: normal; font-weight: 300; src: url("/fonts/eot/iranyekanweblight.eot"); src: url("/fonts/eot/iranyekanweblight.eot#iefix") format('embedded-opentype'), url("/fonts/woff2/iranyekanweblight.woff2") format('woff2'), url("/fonts/woff/iranyekanweblight.woff") format('woff'), url("/fonts/ttf/iranyekanweblight.ttf") format('truetype'); } @font-face {font-display:swap; font-family: iranyekan; font-style: normal; font-weight: normal; src: url("/fonts/eot/iranyekanwebregular.eot"); src: url("/fonts/eot/iranyekanwebregular.eot#iefix") format('embedded-opentype'), url("/fonts/woff2/iranyekanwebregular.woff2") format('woff2'), url("/fonts/woff/iranyekanwebregular.woff") format('woff'), url("/fonts/ttf/iranyekanwebregular.ttf") format('truetype'); } @font-face {font-display:swap; font-family: roboto; font-style: normal; font-weight: bold; src: url("/fonts/eot/robotobold.eot"); src: url("/fonts/eot/robotobold.eot#iefix") format('embedded-opentype'), url("/fonts/woff2/robotobold.woff2") format('woff2'), url("/fonts/woff/robotobold.woff") format('woff'), url("/fonts/ttf/robotobold.ttf") format('truetype'); } @font-face {font-display:swap; font-family: roboto; font-style: normal; font-weight: 300; src: url("/fonts/eot/robotolight.eot"); src: url("/fonts/eot/robotolight.eot#iefix") format('embedded-opentype'), url("/fonts/woff2/robotolight.woff2") format('woff2'), url("/fonts/woff/robotolight.woff") format('woff'), url("/fonts/ttf/robotolight.ttf") format('truetype'); } @font-face {font-display:swap; font-family: roboto; font-style: normal; font-weight: normal; src: url("/fonts/eot/robotoregular.eot"); src: url("/fonts/eot/robotoregular.eot#iefix") format('embedded-opentype'), url("/fonts/woff2/robotoregular.woff2") format('woff2'), url("/fonts/woff/robotoregular.woff") format('woff'), url("/fonts/ttf/robotoregular.ttf") format('truetype'); } /* fonts/fontiran.css */ /** * * Name: IRAN Sans-Serif Font * Version: 5.0 * Author: Moslem Ebrahimi (moslemebrahimi.com) * Created on: Dec 25, 2012 * Updated on: Sep 01, 2017 * Website: http://fontiran.com * Copyright: Commercial/Proprietary Software -------------------------------------------------------------------------------------- فونت های ایران سن سریف یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید -------------------------------------------------------------------------------------- IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com -------------------------------------------------------------------------------------- This set of fonts are used in this project under the license: (84326) -------------------------------------------------------------------------------------- * **/ @font-face {font-display:swap; font-family: IRANSans; font-display: swap; font-style: normal; font-weight: 900; src: url("/fonts/eot/IRANSansWeb(FaNum)_Black.eot"); src: url("/fonts/eot/IRANSansWeb(FaNum)_Black.eot#iefix") format('embedded-opentype'), /* IE6-8 */ url("/fonts/woff2/IRANSansWeb(FaNum)_Black.woff2") format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url("/fonts/woff/IRANSansWeb(FaNum)_Black.woff") format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("/fonts/ttf/IRANSansWeb(FaNum)_Black.ttf") format('truetype'); } @font-face {font-display:swap; font-family: IRANSans; font-display: swap; font-style: normal; font-weight: bold; src: url("/fonts/eot/IRANSansWeb(FaNum)_Bold.eot"); src: url("/fonts/eot/IRANSansWeb(FaNum)_Bold.eot#iefix") format('embedded-opentype'), /* IE6-8 */ url("/fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2") format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url("/fonts/woff/IRANSansWeb(FaNum)_Bold.woff") format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("/fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf") format('truetype'); } @font-face {font-display:swap; font-family: IRANSans; font-display: swap; font-style: normal; font-weight: 500; src: url("/fonts/eot/IRANSansWeb(FaNum)_Medium.eot"); src: url("/fonts/eot/IRANSansWeb(FaNum)_Medium.eot#iefix") format('embedded-opentype'), /* IE6-8 */ url("/fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2") format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url("/fonts/woff/IRANSansWeb(FaNum)_Medium.woff") format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("/fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf") format('truetype'); } @font-face {font-display:swap; font-family: IRANSans; font-display: swap; font-style: normal; font-weight: 300; src: url("/fonts/eot/IRANSansWeb(FaNum)_Light.eot"); src: url("/fonts/eot/IRANSansWeb(FaNum)_Light.eot#iefix") format('embedded-opentype'), /* IE6-8 */ url("/fonts/woff2/IRANSansWeb(FaNum)_Light.woff2") format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url("/fonts/woff/IRANSansWeb(FaNum)_Light.woff") format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("/fonts/ttf/IRANSansWeb(FaNum)_Light.ttf") format('truetype'); } @font-face {font-display:swap; font-family: IRANSans; font-display: swap; font-style: normal; font-weight: 200; src: url("/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot"); src: url("/fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot#iefix") format('embedded-opentype'), /* IE6-8 */ url("/fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2") format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url("/fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff") format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("/fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf") format('truetype'); } @font-face {font-display:swap; font-family: IRANSans; font-display: swap; font-style: normal; font-weight: normal; src: url("/fonts/eot/IRANSansWeb(FaNum).eot"); src: url("/fonts/eot/IRANSansWeb(FaNum).eot#iefix") format('embedded-opentype'), /* IE6-8 */ url("/fonts/woff2/IRANSansWeb(FaNum).woff2") format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url("/fonts/woff/IRANSansWeb(FaNum).woff") format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("/fonts/ttf/IRANSansWeb(FaNum).ttf") format('truetype'); } /* css/bootstrap.min.css */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; } *, ::after, ::before { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } article, aside, footer, header, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex='-1']:focus { outline: 0 !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { margin-top: 0; margin-bottom: 1rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } b, strong { font-weight: bolder; } small { font-size: 80%; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } code, pre { font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } button, input, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button { text-transform: none; } [type='button'], [type='reset'], [type='submit'], button { -webkit-appearance: button; } [type='button']:not(:disabled), [type='reset']:not(:disabled), [type='submit']:not(:disabled), button:not(:disabled) { cursor: pointer; } [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } input[type='radio'] { box-sizing: border-box; padding: 0; } input[type='date'], input[type='time'] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { outline-offset: -2px; -webkit-appearance: none; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } .h1, h1 { font-size: 2.5rem; } .h2, h2 { font-size: 2rem; } .h3, h3 { font-size: 1.75rem; } .h4, h4 { font-size: 1.5rem; } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .small, small { font-size: 80%; font-weight: 400; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item { margin-right: 0.5rem; } .img-fluid { max-width: 100%; height: auto; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .col-12, .col-lg-10, .col-lg-12, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-8, .col-lg-9, .col-md-10, .col-md-12, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-12, .col-xl-4, .col-xl-8 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 576px) { .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-last { -ms-flex-order: 13; order: 13; } } @media (min-width: 1200px) { .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .order-xl-first { -ms-flex-order: -1; order: -1; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6; } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled { background-color: #e9ecef; opacity: 1; } textarea.form-control { height: auto; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-control.is-valid, .was-validated .form-control:valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled { pointer-events: none; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropdown, .dropleft, .dropright, .dropup { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ''; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ''; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ''; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ''; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ''; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^='bottom'], .dropdown-menu[x-placement^='left'], .dropdown-menu[x-placement^='right'], .dropdown-menu[x-placement^='top'] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control { margin-left: -1px; } .input-group > .form-control:focus { z-index: 3; } .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-append { display: -ms-flexbox; display: flex; } .input-group-append .btn { position: relative; z-index: 2; } .input-group-append .btn:focus { z-index: 3; } .input-group-append .btn + .btn { margin-left: -1px; } .input-group-append { margin-left: -1px; } .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; justify-content: center; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: '/'; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:focus, a.badge:hover { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal-dialog-scrollable { display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ''; } .modal-dialog-centered.modal-dialog-scrollable { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .modal-footer > :not(:first-child) { margin-left: 0.25rem; } .modal-footer > :not(:last-child) { margin-right: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ''; border-color: transparent; border-style: solid; } .bs-tooltip-auto[x-placement^='top'], .bs-tooltip-top { padding: 0.4rem 0; } .bs-tooltip-auto[x-placement^='top'] .arrow, .bs-tooltip-top .arrow { bottom: 0; } .bs-tooltip-auto[x-placement^='top'] .arrow::before, .bs-tooltip-top .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-auto[x-placement^='right'], .bs-tooltip-right { padding: 0 0.4rem; } .bs-tooltip-auto[x-placement^='right'] .arrow, .bs-tooltip-right .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^='right'] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-auto[x-placement^='bottom'], .bs-tooltip-bottom { padding: 0.4rem 0; } .bs-tooltip-auto[x-placement^='bottom'] .arrow, .bs-tooltip-bottom .arrow { top: 0; } .bs-tooltip-auto[x-placement^='bottom'] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-auto[x-placement^='left'], .bs-tooltip-left { padding: 0 0.4rem; } .bs-tooltip-auto[x-placement^='left'] .arrow, .bs-tooltip-left .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^='left'] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ''; border-color: transparent; border-style: solid; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { -webkit-transform: translateX(100%); transform: translateX(100%); } .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } .bg-transparent { background-color: transparent !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .rounded { border-radius: 0.25rem !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .w-100 { width: 100% !important; } .h-100 { height: 100% !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mr-3 { margin-right: 1rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mb-5 { margin-bottom: 3rem !important; } .py-0 { padding-top: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .py-1 { padding-top: 0.25rem !important; } .py-1 { padding-bottom: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .p-3 { padding: 1rem !important; } .py-3 { padding-top: 1rem !important; } .py-3 { padding-bottom: 1rem !important; } .p-4 { padding: 1.5rem !important; } .py-4 { padding-top: 1.5rem !important; } .px-4 { padding-right: 1.5rem !important; } .py-4 { padding-bottom: 1.5rem !important; } .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .py-5 { padding-bottom: 3rem !important; } @media (min-width: 576px) { .mb-sm-5 { margin-bottom: 3rem !important; } } @media (min-width: 768px) { .mb-md-0 { margin-bottom: 0 !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } } @media (min-width: 992px) { .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } } .text-left { text-align: left !important; } .text-center { text-align: center !important; } @media (min-width: 1200px) { .text-xl-right { text-align: right !important; } } .text-white { color: #fff !important; } .text-muted { color: #6c757d !important; } .visible { visibility: visible !important; } @media print { *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } pre { white-space: pre-wrap !important; } pre { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6 !important; } } /* css/themify-icons.css */ @font-face {font-display:swap; font-family: 'themify'; src:url("/fonts/themify.eot?-fvbane"); src:url("/fonts/themify.eot#iefix-fvbane") format('embedded-opentype'), url("/fonts/themify.woff?-fvbane") format('woff'), url("/fonts/themify.ttf?-fvbane") format('truetype'), url("/fonts/themify.svg?-fvbane#themify") format('svg'); font-weight: normal; font-style: normal; } [class^="ti-"], [class*=" ti-"] { font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ti-wand:before { content: "\e600"; } .ti-volume:before { content: "\e601"; } .ti-user:before { content: "\e602"; } .ti-unlock:before { content: "\e603"; } .ti-unlink:before { content: "\e604"; } .ti-trash:before { content: "\e605"; } .ti-thought:before { content: "\e606"; } .ti-target:before { content: "\e607"; } .ti-tag:before { content: "\e608"; } .ti-tablet:before { content: "\e609"; } .ti-star:before { content: "\e60a"; } .ti-spray:before { content: "\e60b"; } .ti-signal:before { content: "\e60c"; } .ti-shopping-cart:before { content: "\e60d"; } .ti-shopping-cart-full:before { content: "\e60e"; } .ti-settings:before { content: "\e60f"; } .ti-search:before { content: "\e610"; } .ti-zoom-in:before { content: "\e611"; } .ti-zoom-out:before { content: "\e612"; } .ti-cut:before { content: "\e613"; } .ti-ruler:before { content: "\e614"; } .ti-ruler-pencil:before { content: "\e615"; } .ti-ruler-alt:before { content: "\e616"; } .ti-bookmark:before { content: "\e617"; } .ti-bookmark-alt:before { content: "\e618"; } .ti-reload:before { content: "\e619"; } .ti-plus:before { content: "\e61a"; } .ti-pin:before { content: "\e61b"; } .ti-pencil:before { content: "\e61c"; } .ti-pencil-alt:before { content: "\e61d"; } .ti-paint-roller:before { content: "\e61e"; } .ti-paint-bucket:before { content: "\e61f"; } .ti-na:before { content: "\e620"; } .ti-mobile:before { content: "\e621"; } .ti-minus:before { content: "\e622"; } .ti-medall:before { content: "\e623"; } .ti-medall-alt:before { content: "\e624"; } .ti-marker:before { content: "\e625"; } .ti-marker-alt:before { content: "\e626"; } .ti-arrow-up:before { content: "\e627"; } .ti-arrow-right:before { content: "\e628"; } .ti-arrow-left:before { content: "\e629"; } .ti-arrow-down:before { content: "\e62a"; } .ti-lock:before { content: "\e62b"; } .ti-location-arrow:before { content: "\e62c"; } .ti-link:before { content: "\e62d"; } .ti-layout:before { content: "\e62e"; } .ti-layers:before { content: "\e62f"; } .ti-layers-alt:before { content: "\e630"; } .ti-key:before { content: "\e631"; } .ti-import:before { content: "\e632"; } .ti-image:before { content: "\e633"; } .ti-heart:before { content: "\e634"; } .ti-heart-broken:before { content: "\e635"; } .ti-hand-stop:before { content: "\e636"; } .ti-hand-open:before { content: "\e637"; } .ti-hand-drag:before { content: "\e638"; } .ti-folder:before { content: "\e639"; } .ti-flag:before { content: "\e63a"; } .ti-flag-alt:before { content: "\e63b"; } .ti-flag-alt-2:before { content: "\e63c"; } .ti-eye:before { content: "\e63d"; } .ti-export:before { content: "\e63e"; } .ti-exchange-vertical:before { content: "\e63f"; } .ti-desktop:before { content: "\e640"; } .ti-cup:before { content: "\e641"; } .ti-crown:before { content: "\e642"; } .ti-comments:before { content: "\e643"; } .ti-comment:before { content: "\e644"; } .ti-comment-alt:before { content: "\e645"; } .ti-close:before { content: "\e646"; } .ti-clip:before { content: "\e647"; } .ti-angle-up:before { content: "\e648"; } .ti-angle-right:before { content: "\e649"; } .ti-angle-left:before { content: "\e64a"; } .ti-angle-down:before { content: "\e64b"; } .ti-check:before { content: "\e64c"; } .ti-check-box:before { content: "\e64d"; } .ti-camera:before { content: "\e64e"; } .ti-announcement:before { content: "\e64f"; } .ti-brush:before { content: "\e650"; } .ti-briefcase:before { content: "\e651"; } .ti-bolt:before { content: "\e652"; } .ti-bolt-alt:before { content: "\e653"; } .ti-blackboard:before { content: "\e654"; } .ti-bag:before { content: "\e655"; } .ti-move:before { content: "\e656"; } .ti-arrows-vertical:before { content: "\e657"; } .ti-arrows-horizontal:before { content: "\e658"; } .ti-fullscreen:before { content: "\e659"; } .ti-arrow-top-right:before { content: "\e65a"; } .ti-arrow-top-left:before { content: "\e65b"; } .ti-arrow-circle-up:before { content: "\e65c"; } .ti-arrow-circle-right:before { content: "\e65d"; } .ti-arrow-circle-left:before { content: "\e65e"; } .ti-arrow-circle-down:before { content: "\e65f"; } .ti-angle-double-up:before { content: "\e660"; } .ti-angle-double-right:before { content: "\e661"; } .ti-angle-double-left:before { content: "\e662"; } .ti-angle-double-down:before { content: "\e663"; } .ti-zip:before { content: "\e664"; } .ti-world:before { content: "\e665"; } .ti-wheelchair:before { content: "\e666"; } .ti-view-list:before { content: "\e667"; } .ti-view-list-alt:before { content: "\e668"; } .ti-view-grid:before { content: "\e669"; } .ti-uppercase:before { content: "\e66a"; } .ti-upload:before { content: "\e66b"; } .ti-underline:before { content: "\e66c"; } .ti-truck:before { content: "\e66d"; } .ti-timer:before { content: "\e66e"; } .ti-ticket:before { content: "\e66f"; } .ti-thumb-up:before { content: "\e670"; } .ti-thumb-down:before { content: "\e671"; } .ti-text:before { content: "\e672"; } .ti-stats-up:before { content: "\e673"; } .ti-stats-down:before { content: "\e674"; } .ti-split-v:before { content: "\e675"; } .ti-split-h:before { content: "\e676"; } .ti-smallcap:before { content: "\e677"; } .ti-shine:before { content: "\e678"; } .ti-shift-right:before { content: "\e679"; } .ti-shift-left:before { content: "\e67a"; } .ti-shield:before { content: "\e67b"; } .ti-notepad:before { content: "\e67c"; } .ti-server:before { content: "\e67d"; } .ti-quote-right:before { content: "\e67e"; } .ti-quote-left:before { content: "\e67f"; } .ti-pulse:before { content: "\e680"; } .ti-printer:before { content: "\e681"; } .ti-power-off:before { content: "\e682"; } .ti-plug:before { content: "\e683"; } .ti-pie-chart:before { content: "\e684"; } .ti-paragraph:before { content: "\e685"; } .ti-panel:before { content: "\e686"; } .ti-package:before { content: "\e687"; } .ti-music:before { content: "\e688"; } .ti-music-alt:before { content: "\e689"; } .ti-mouse:before { content: "\e68a"; } .ti-mouse-alt:before { content: "\e68b"; } .ti-money:before { content: "\e68c"; } .ti-microphone:before { content: "\e68d"; } .ti-menu:before { content: "\e68e"; } .ti-menu-alt:before { content: "\e68f"; } .ti-map:before { content: "\e690"; } .ti-map-alt:before { content: "\e691"; } .ti-loop:before { content: "\e692"; } .ti-location-pin:before { content: "\e693"; } .ti-list:before { content: "\e694"; } .ti-light-bulb:before { content: "\e695"; } .ti-Italic:before { content: "\e696"; } .ti-info:before { content: "\e697"; } .ti-infinite:before { content: "\e698"; } .ti-id-badge:before { content: "\e699"; } .ti-hummer:before { content: "\e69a"; } .ti-home:before { content: "\e69b"; } .ti-help:before { content: "\e69c"; } .ti-headphone:before { content: "\e69d"; } .ti-harddrives:before { content: "\e69e"; } .ti-harddrive:before { content: "\e69f"; } .ti-gift:before { content: "\e6a0"; } .ti-game:before { content: "\e6a1"; } .ti-filter:before { content: "\e6a2"; } .ti-files:before { content: "\e6a3"; } .ti-file:before { content: "\e6a4"; } .ti-eraser:before { content: "\e6a5"; } .ti-envelope:before { content: "\e6a6"; } .ti-download:before { content: "\e6a7"; } .ti-direction:before { content: "\e6a8"; } .ti-direction-alt:before { content: "\e6a9"; } .ti-dashboard:before { content: "\e6aa"; } .ti-control-stop:before { content: "\e6ab"; } .ti-control-shuffle:before { content: "\e6ac"; } .ti-control-play:before { content: "\e6ad"; } .ti-control-pause:before { content: "\e6ae"; } .ti-control-forward:before { content: "\e6af"; } .ti-control-backward:before { content: "\e6b0"; } .ti-cloud:before { content: "\e6b1"; } .ti-cloud-up:before { content: "\e6b2"; } .ti-cloud-down:before { content: "\e6b3"; } .ti-clipboard:before { content: "\e6b4"; } .ti-car:before { content: "\e6b5"; } .ti-calendar:before { content: "\e6b6"; } .ti-book:before { content: "\e6b7"; } .ti-bell:before { content: "\e6b8"; } .ti-basketball:before { content: "\e6b9"; } .ti-bar-chart:before { content: "\e6ba"; } .ti-bar-chart-alt:before { content: "\e6bb"; } .ti-back-right:before { content: "\e6bc"; } .ti-back-left:before { content: "\e6bd"; } .ti-arrows-corner:before { content: "\e6be"; } .ti-archive:before { content: "\e6bf"; } .ti-anchor:before { content: "\e6c0"; } .ti-align-right:before { content: "\e6c1"; } .ti-align-left:before { content: "\e6c2"; } .ti-align-justify:before { content: "\e6c3"; } .ti-align-center:before { content: "\e6c4"; } .ti-alert:before { content: "\e6c5"; } .ti-alarm-clock:before { content: "\e6c6"; } .ti-agenda:before { content: "\e6c7"; } .ti-write:before { content: "\e6c8"; } .ti-window:before { content: "\e6c9"; } .ti-widgetized:before { content: "\e6ca"; } .ti-widget:before { content: "\e6cb"; } .ti-widget-alt:before { content: "\e6cc"; } .ti-wallet:before { content: "\e6cd"; } .ti-video-clapper:before { content: "\e6ce"; } .ti-video-camera:before { content: "\e6cf"; } .ti-vector:before { content: "\e6d0"; } .ti-themify-logo:before { content: "\e6d1"; } .ti-themify-favicon:before { content: "\e6d2"; } .ti-themify-favicon-alt:before { content: "\e6d3"; } .ti-support:before { content: "\e6d4"; } .ti-stamp:before { content: "\e6d5"; } .ti-split-v-alt:before { content: "\e6d6"; } .ti-slice:before { content: "\e6d7"; } .ti-shortcode:before { content: "\e6d8"; } .ti-shift-right-alt:before { content: "\e6d9"; } .ti-shift-left-alt:before { content: "\e6da"; } .ti-ruler-alt-2:before { content: "\e6db"; } .ti-receipt:before { content: "\e6dc"; } .ti-pin2:before { content: "\e6dd"; } .ti-pin-alt:before { content: "\e6de"; } .ti-pencil-alt2:before { content: "\e6df"; } .ti-palette:before { content: "\e6e0"; } .ti-more:before { content: "\e6e1"; } .ti-more-alt:before { content: "\e6e2"; } .ti-microphone-alt:before { content: "\e6e3"; } .ti-magnet:before { content: "\e6e4"; } .ti-line-double:before { content: "\e6e5"; } .ti-line-dotted:before { content: "\e6e6"; } .ti-line-dashed:before { content: "\e6e7"; } .ti-layout-width-full:before { content: "\e6e8"; } .ti-layout-width-default:before { content: "\e6e9"; } .ti-layout-width-default-alt:before { content: "\e6ea"; } .ti-layout-tab:before { content: "\e6eb"; } .ti-layout-tab-window:before { content: "\e6ec"; } .ti-layout-tab-v:before { content: "\e6ed"; } .ti-layout-tab-min:before { content: "\e6ee"; } .ti-layout-slider:before { content: "\e6ef"; } .ti-layout-slider-alt:before { content: "\e6f0"; } .ti-layout-sidebar-right:before { content: "\e6f1"; } .ti-layout-sidebar-none:before { content: "\e6f2"; } .ti-layout-sidebar-left:before { content: "\e6f3"; } .ti-layout-placeholder:before { content: "\e6f4"; } .ti-layout-menu:before { content: "\e6f5"; } .ti-layout-menu-v:before { content: "\e6f6"; } .ti-layout-menu-separated:before { content: "\e6f7"; } .ti-layout-menu-full:before { content: "\e6f8"; } .ti-layout-media-right-alt:before { content: "\e6f9"; } .ti-layout-media-right:before { content: "\e6fa"; } .ti-layout-media-overlay:before { content: "\e6fb"; } .ti-layout-media-overlay-alt:before { content: "\e6fc"; } .ti-layout-media-overlay-alt-2:before { content: "\e6fd"; } .ti-layout-media-left-alt:before { content: "\e6fe"; } .ti-layout-media-left:before { content: "\e6ff"; } .ti-layout-media-center-alt:before { content: "\e700"; } .ti-layout-media-center:before { content: "\e701"; } .ti-layout-list-thumb:before { content: "\e702"; } .ti-layout-list-thumb-alt:before { content: "\e703"; } .ti-layout-list-post:before { content: "\e704"; } .ti-layout-list-large-image:before { content: "\e705"; } .ti-layout-line-solid:before { content: "\e706"; } .ti-layout-grid4:before { content: "\e707"; } .ti-layout-grid3:before { content: "\e708"; } .ti-layout-grid2:before { content: "\e709"; } .ti-layout-grid2-thumb:before { content: "\e70a"; } .ti-layout-cta-right:before { content: "\e70b"; } .ti-layout-cta-left:before { content: "\e70c"; } .ti-layout-cta-center:before { content: "\e70d"; } .ti-layout-cta-btn-right:before { content: "\e70e"; } .ti-layout-cta-btn-left:before { content: "\e70f"; } .ti-layout-column4:before { content: "\e710"; } .ti-layout-column3:before { content: "\e711"; } .ti-layout-column2:before { content: "\e712"; } .ti-layout-accordion-separated:before { content: "\e713"; } .ti-layout-accordion-merged:before { content: "\e714"; } .ti-layout-accordion-list:before { content: "\e715"; } .ti-ink-pen:before { content: "\e716"; } .ti-info-alt:before { content: "\e717"; } .ti-help-alt:before { content: "\e718"; } .ti-headphone-alt:before { content: "\e719"; } .ti-hand-point-up:before { content: "\e71a"; } .ti-hand-point-right:before { content: "\e71b"; } .ti-hand-point-left:before { content: "\e71c"; } .ti-hand-point-down:before { content: "\e71d"; } .ti-gallery:before { content: "\e71e"; } .ti-face-smile:before { content: "\e71f"; } .ti-face-sad:before { content: "\e720"; } .ti-credit-card:before { content: "\e721"; } .ti-control-skip-forward:before { content: "\e722"; } .ti-control-skip-backward:before { content: "\e723"; } .ti-control-record:before { content: "\e724"; } .ti-control-eject:before { content: "\e725"; } .ti-comments-smiley:before { content: "\e726"; } .ti-brush-alt:before { content: "\e727"; } .ti-youtube:before { content: "\e728"; } .ti-vimeo:before { content: "\e729"; } .ti-twitter:before { content: "\e72a"; } .ti-time:before { content: "\e72b"; } .ti-tumblr:before { content: "\e72c"; } .ti-skype:before { content: "\e72d"; } .ti-share:before { content: "\e72e"; } .ti-share-alt:before { content: "\e72f"; } .ti-rocket:before { content: "\e730"; } .ti-pinterest:before { content: "\e731"; } .ti-new-window:before { content: "\e732"; } .ti-microsoft:before { content: "\e733"; } .ti-list-ol:before { content: "\e734"; } .ti-linkedin:before { content: "\e735"; } .ti-layout-sidebar-2:before { content: "\e736"; } .ti-layout-grid4-alt:before { content: "\e737"; } .ti-layout-grid3-alt:before { content: "\e738"; } .ti-layout-grid2-alt:before { content: "\e739"; } .ti-layout-column4-alt:before { content: "\e73a"; } .ti-layout-column3-alt:before { content: "\e73b"; } .ti-layout-column2-alt:before { content: "\e73c"; } .ti-instagram:before { content: "\e73d"; } .ti-google:before { content: "\e73e"; } .ti-github:before { content: "\e73f"; } .ti-flickr:before { content: "\e740"; } .ti-facebook:before { content: "\e741"; } .ti-dropbox:before { content: "\e742"; } .ti-dribbble:before { content: "\e743"; } .ti-apple:before { content: "\e744"; } .ti-android:before { content: "\e745"; } .ti-save:before { content: "\e746"; } .ti-save-alt:before { content: "\e747"; } .ti-yahoo:before { content: "\e748"; } .ti-wordpress:before { content: "\e749"; } .ti-vimeo-alt:before { content: "\e74a"; } .ti-twitter-alt:before { content: "\e74b"; } .ti-tumblr-alt:before { content: "\e74c"; } .ti-trello:before { content: "\e74d"; } .ti-stack-overflow:before { content: "\e74e"; } .ti-soundcloud:before { content: "\e74f"; } .ti-sharethis:before { content: "\e750"; } .ti-sharethis-alt:before { content: "\e751"; } .ti-reddit:before { content: "\e752"; } .ti-pinterest-alt:before { content: "\e753"; } .ti-microsoft-alt:before { content: "\e754"; } .ti-linux:before { content: "\e755"; } .ti-jsfiddle:before { content: "\e756"; } .ti-joomla:before { content: "\e757"; } .ti-html5:before { content: "\e758"; } .ti-flickr-alt:before { content: "\e759"; } .ti-email:before { content: "\e75a"; } .ti-drupal:before { content: "\e75b"; } .ti-dropbox-alt:before { content: "\e75c"; } .ti-css3:before { content: "\e75d"; } .ti-rss:before { content: "\e75e"; } .ti-rss-alt:before { content: "\e75f"; } /* css/bootstrap.rtl.min.css */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; } *, ::after, ::before { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } article, aside, footer, header, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: right; background-color: #fff; } [tabindex='-1']:focus { outline: 0 !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { margin-top: 0; margin-bottom: 1rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-right: 0; } b, strong { font-weight: bolder; } small { font-size: 80%; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } code, pre { font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; font-size: 1em; direction: ltr; unicode-bidi: bidi-override; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: right; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } button, input, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button { text-transform: none; } [type='button'], [type='reset'], [type='submit'], button { -webkit-appearance: button; } [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } input[type='radio'] { box-sizing: border-box; padding: 0; } input[type='date'], input[type='time'] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { outline-offset: -2px; -webkit-appearance: none; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: inherit; } .h1, h1 { font-size: 2.5rem; } .h2, h2 { font-size: 2rem; } .h3, h3 { font-size: 1.75rem; } .h4, h4 { font-size: 1.5rem; } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; font-family: 'IRANSans'; } .small, small { font-size: 80%; font-weight: 400; } .list-unstyled { padding-right: 0; list-style: none; } .list-inline { padding-right: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item { margin-left: 0.5rem; } .img-fluid { max-width: 100%; height: auto; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .container { width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .col-12, .col-lg-10, .col-lg-12, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-8, .col-lg-9, .col-md-10, .col-md-12, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-12, .col-xl-4, .col-xl-8 { position: relative; width: 100%; padding-left: 15px; padding-right: 15px; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 576px) { .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-last { -ms-flex-order: 13; order: 13; } } @media (min-width: 1200px) { .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .order-xl-first { -ms-flex-order: -1; order: -1; } } .table { width: 100%; margin-bottom: 1rem; background-color: transparent; } .table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table .table { background-color: #fff; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6; } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled { background-color: #e9ecef; opacity: 1; } textarea.form-control { height: auto; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-control.is-valid, .was-validated .form-control:valid { border-color: #28a745; padding-left: 2.25rem; background-repeat: no-repeat; background-position: center left calc(2.25rem / 4); background-size: calc(2.25rem / 2) calc(2.25rem / 2); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-left: 2.25rem; background-position: top calc(2.25rem / 4) left calc(2.25rem / 4); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545; padding-left: 2.25rem; background-repeat: no-repeat; background-position: center left calc(2.25rem / 4); background-size: calc(2.25rem / 2) calc(2.25rem / 2); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-left: 2.25rem; background-position: top calc(2.25rem / 4) left calc(2.25rem / 4); } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled { pointer-events: none; } .fade { transition: opacity 0.15s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropdown, .dropleft, .dropright, .dropup { position: relative; } .dropdown-toggle::after { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ''; border-top: 0.3em solid; border-left: 0.3em solid transparent; border-bottom: 0; border-right: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-right: 0; } .dropdown-menu { position: absolute; top: 100%; left: auto; z-index: 1000; display: none; float: right; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: right; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-right { left: 0; right: auto; } @media (min-width: 576px) { .dropdown-menu-sm-right { left: 0; right: auto; } } @media (min-width: 768px) { .dropdown-menu-md-right { left: 0; right: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-right { left: 0; right: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-right { left: 0; right: auto; } } .dropdown-menu-left { left: auto; right: 0; } @media (min-width: 576px) { .dropdown-menu-sm-left { left: auto; right: 0; } } @media (min-width: 768px) { .dropdown-menu-md-left { left: auto; right: 0; } } @media (min-width: 992px) { .dropdown-menu-lg-left { left: auto; right: 0; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { left: auto; right: 0; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ''; border-top: 0; border-left: 0.3em solid transparent; border-bottom: 0.3em solid; border-right: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-right: 0; } .dropright .dropdown-menu { top: 0; left: auto; right: 100%; margin-top: 0; margin-right: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ''; border-top: 0.3em solid transparent; border-left: 0; border-bottom: 0.3em solid transparent; border-right: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-right: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; left: 100%; right: auto; margin-top: 0; margin-left: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ''; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ''; border-top: 0.3em solid transparent; border-left: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-right: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^='bottom'], .dropdown-menu[x-placement^='left'], .dropdown-menu[x-placement^='right'], .dropdown-menu[x-placement^='top'] { left: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:first-child { border-top-right-radius: calc(0.25rem - 1px); border-top-left-radius: calc(0.25rem - 1px); } .dropdown-item:last-child { border-bottom-left-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); } .dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .dropdown-toggle-split { padding-left: 0.5625rem; padding-right: 0.5625rem; } .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-right: 0; } .dropleft .dropdown-toggle-split::before { margin-left: 0; } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control { margin-right: -1px; } .input-group > .form-control:focus { z-index: 3; } .input-group > .form-control:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-control:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-append { display: -ms-flexbox; display: flex; } .input-group-append .btn { position: relative; z-index: 2; } .input-group-append .btn:focus { z-index: 3; } .input-group-append .btn + .btn { margin-right: -1px; } .input-group-append { margin-right: -1px; } .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:not(:last-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .input-group-append > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; font-family: 'sahel'; } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 1.1rem; padding-bottom: 0.3125rem; margin-left: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-right: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-left: 0; padding-right: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > .list-group:first-child .list-group-item:first-child { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; color: inherit; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .accordion .card { overflow: hidden; } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion .card:first-of-type { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .accordion .card:last-of-type { border-top-right-radius: 0; border-top-left-radius: 0; } .accordion .card .card-header { margin-bottom: -1px; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-right: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-left: 0.5rem; color: #6c757d; content: '/'; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } a.badge:focus, a.badge:hover { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-right: 0; margin-bottom: 0; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .list-group-item:focus, .list-group-item:hover { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .close { float: left; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled) { cursor: pointer; } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.25rem; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; right: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-dialog-centered::before { display: block; height: calc(100vh - (0.5rem * 2)); content: ''; } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #e9ecef; border-top-right-radius: 0.3rem; border-top-left-radius: 0.3rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem auto -1rem -1rem; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .modal-footer > :not(:first-child) { margin-right: 0.25rem; } .modal-footer > :not(:last-child) { margin-left: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-dialog-centered::before { height: calc(100vh - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-style: normal; font-weight: 400; line-height: 1.5; text-align: right; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ''; border-color: transparent; border-style: solid; } .bs-tooltip-auto[x-placement^='top'], .bs-tooltip-top { padding: 0.4rem 0; } .bs-tooltip-auto[x-placement^='top'] .arrow, .bs-tooltip-top .arrow { bottom: 0; } .bs-tooltip-auto[x-placement^='top'] .arrow::before, .bs-tooltip-top .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-auto[x-placement^='right'], .bs-tooltip-right { padding: 0 0.4rem; } .bs-tooltip-auto[x-placement^='right'] .arrow, .bs-tooltip-right .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^='right'] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-auto[x-placement^='bottom'], .bs-tooltip-bottom { padding: 0.4rem 0; } .bs-tooltip-auto[x-placement^='bottom'] .arrow, .bs-tooltip-bottom .arrow { top: 0; } .bs-tooltip-auto[x-placement^='bottom'] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-auto[x-placement^='left'], .bs-tooltip-left { padding: 0 0.4rem; } .bs-tooltip-auto[x-placement^='left'] .arrow, .bs-tooltip-left .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^='left'] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; font-family: 'sahel'; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-style: normal; font-weight: 400; line-height: 1.5; text-align: right; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ''; border-color: transparent; border-style: solid; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-right-radius: calc(0.3rem - 1px); border-top-left-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } .carousel-item { position: relative; display: none; float: right; width: 100%; margin-left: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { -webkit-transform: translateX(100%); transform: translateX(100%); } .carousel-indicators { position: absolute; left: 0; bottom: 0; right: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-right: 0; margin-left: 15%; margin-right: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-left: 3px; margin-right: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } .bg-transparent { background-color: transparent !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .rounded { border-radius: 0.25rem !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .fixed-top { position: fixed; top: 0; left: 0; right: 0; z-index: 1030; } .fixed-bottom { position: fixed; left: 0; bottom: 0; right: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .w-100 { width: 100% !important; } .h-100 { height: 100% !important; } .mr-0 { margin-left: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2 { margin-left: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mb-5 { margin-bottom: 3rem !important; } .py-0 { padding-top: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0 { padding-right: 0 !important; } .py-1 { padding-top: 0.25rem !important; } .py-1 { padding-bottom: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .p-3 { padding: 1rem !important; } .py-3 { padding-top: 1rem !important; } .py-3 { padding-bottom: 1rem !important; } .p-4 { padding: 1.5rem !important; } .py-4 { padding-top: 1.5rem !important; } .px-4 { padding-left: 1.5rem !important; } .py-4 { padding-bottom: 1.5rem !important; } .px-4 { padding-right: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .py-5 { padding-bottom: 3rem !important; } @media (min-width: 576px) { .mb-sm-5 { margin-bottom: 3rem !important; } } @media (min-width: 768px) { .mb-md-0 { margin-bottom: 0 !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } } @media (min-width: 992px) { .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } } .text-left { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 1200px) { .text-xl-right { text-align: left !important; } } .text-white { color: #fff !important; } .text-muted { color: #6c757d !important; } .visible { visibility: visible !important; } @media print { *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } pre { white-space: pre-wrap !important; } pre { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6 !important; } } /* css/style.css */ @font-face {font-display:swap; font-family: 'Sahel'; src: url("/fonts/sahel/Sahel.eot"); src: url("/fonts/sahel/Sahel.eot#iefix") format('embedded-opentype'), url("/fonts/sahel/Sahel.woff") format('woff'), url("/fonts/sahel/Sahel.ttf") format('truetype'); font-weight: normal; } .hero-content-wrap { background: rgba(2, 12, 30, 0.84); padding: 24px; border-radius: 16px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.32); backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.08); } .hero-content-wrap .action-btns { margin-right: -25px; } .hero-content-wrap .action-btns p { margin-right: 25px; } .hero-content-wrap .list-unstyled, .technical-specifications-wrap .list-unstyled { transform: translateX(10px); } @media (max-width: 767.98px) { .hero-content-wrap { padding: 18px; border-radius: 12px; } } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, address, big, code, img, q, s, small, strong, tt, var, b, u, i, center, dt, dd, ol, ul, li, form, label, table, caption, tbody, thead, tr, th, td, article, aside, canvas, details, embed, footer, header, menu, nav, section, summary, time { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, footer, header, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } q { quotes: none; } q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } html { overflow-y: scroll; font-size: 15px; } body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn, a, td { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: 'IRANSans'; } body { direction: rtl; background-color: #ffffff; font-size: 1rem; color: #707070; font-weight: 400; line-height: 1.75; } p:not(:last-child) { margin-bottom: 1.25em; } h1, h2, h3, h4, h5 { margin: 0 0 1rem; font-family: 'IRANSans'; font-weight: 600; line-height: 1.21; color: initial; } h1 { margin-top: 0; font-size: 3.052em; } h2 { font-size: 2.441em; font-family: 'IRANSans'; } h3 { font-size: 1.953em; } h4 { font-size: 1.563em; } h5 { font-size: 1.25em; font-family: 'IRANSans'; white-space: nowrap; } small { font-size: 0.8em; } strong, b { font-weight: 600 !important; font-family: 'IRANSans'; } .badge { display: inline; padding: 0.2rem 0.5rem; line-height: inherit; font-family: 'IRANSans'; font-weight: 600; font-size: 77%; } .ptb-100 { padding: 100px 0; } .pt-165 { padding-top: 165px; } .pb-100 { padding-bottom: 100px; } .gray-light-bg { background: #f5f5f5; } .color-primary { color: #0073ec; } .gradient-bg { background: linear-gradient(75deg, #0073ec 10%, #7100b9) !important; } .hero-equal-height.gradient-bg { position: relative; overflow: hidden; } .hero-particles { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; mix-blend-mode: screen; opacity: 0.9; } .hero-equal-height.gradient-bg::after { content: ''; position: absolute; inset: -25% -5% auto -5%; height: 120%; background: radial-gradient(ellipse at 30% 30%, rgba(255, 255, 255, 0.2), transparent 45%), radial-gradient(ellipse at 70% 20%, rgba(255, 255, 255, 0.08), transparent 40%), conic-gradient(from 210deg at 60% 60%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0)); filter: blur(35px); opacity: 0.9; transform: rotate(-3deg); pointer-events: none; } .white-bg { background: #ffffff; } a { color: #0073ec; } a:hover { color: #0073ec; text-decoration: none; } .color-1 { color: #ff164e; } .color-1-bg { background: rgba(255, 22, 78, 0.15); } .color-3 { color: #0073ec; } .color-4 { color: #ff7c3f; } .animated-btn { transition: all 0.25s ease-in-out; } .animated-btn:hover { transform: translate(0, -3px); -webkit-transform: translate(0, -3px); } .outline-btn, .primary-solid-btn, .solid-white-btn, .outline-white-btn { padding: 12px 30px; font-family: 'Sahel'; font-weight: 600; font-size: 13px; transition: all 0.25s ease-in-out; } .primary-solid-btn { border: 1px solid #0073ec; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.15); background-image: linear-gradient(to bottom, #0073ec, #214eec); color: #ffffff; } .primary-solid-btn:hover { background: transparent; color: #0073ec; } .outline-btn { position: relative; display: inline-block; color: #0073ec; border: 1px solid #0073ec; } .outline-btn:after { content: ' '; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; z-index: -1; border-radius: 4px; opacity: 0; transition: 400ms; text-shadow: 0 0.5px 0.3px rgba(0, 0, 0, 0.1); background-image: linear-gradient(to bottom, #0073ec, #214eec); } .outline-btn:hover:after { opacity: 1; } .outline-btn:hover { color: #ffffff; background-image: linear-gradient(to bottom, #0073ec, #214eec); } .solid-white-btn { background: #ffffff; border-color: #ffffff; color: #0073ec; } .solid-white-btn:hover { background: transparent; color: #ffffff; } .outline-white-btn { color: #ffffff; border-color: #ffffff; } .outline-white-btn:hover { background: #ffffff; color: #0073ec; } .icon-sm { font-size: 25px; line-height: 25px; margin-left: 10px; } .icon-md { font-size: 40px; line-height: 40px; } .form-control { border-color: #ebebeb; padding: 0.75rem 0.85rem; height: calc(2.56em + 0.75rem + 2px); font-family: 'IRANSans'; } .form-control:focus { outline: none; box-shadow: none; } input[type]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b1b1b1 !important; font-size: 13px; font-family: 'sahel'; } input[type]:-moz-placeholder, textarea:-moz-placeholder { color: #b1b1b1; font-size: 13px; font-family: 'sahel'; } input[type]::-moz-placeholder, textarea::-moz-placeholder { color: #b1b1b1; font-size: 13px; font-family: 'sahel'; } input[type]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #b1b1b1; font-size: 13px; font-family: 'sahel'; } .section-heading h2 span { font-weight: 400; font-size: 2rem; } .z-index { z-index: 9; } .gradient-overlay { position: relative; width: 100%; } .gradient-overlay:before { position: absolute; content: ''; background-image: linear-gradient( to left, rgba(0, 115, 236, 0.95), rgba(48, 97, 228, 0.93), rgba(75, 77, 217, 0.9), rgba(96, 52, 203, 0.93), rgba(113, 0, 185, 0.95) ); width: 100%; height: 100%; top: 0; left: 0; opacity: 0.95; } .bg-transparent ul li a:hover, .white-bg.affix ul li a:hover { opacity: 1; } .bg-transparent.affix { background-image: linear-gradient( to left, rgba(0, 115, 236, 1), rgba(48, 97, 228, 1), rgba(75, 77, 217, 1), rgba(96, 52, 203, 0.88), rgba(113, 0, 185, 1) ) !important; } .main-header-menu-wrap, .main-header-menu-wrap.white-bg, .main-header-menu-wrap.border-bottom { display: block !important; background: linear-gradient(135deg, #f8fbff 0%, #eef3ff 46%, #ffffff 100%); box-shadow: 0 12px 30px rgba(11, 42, 102, 0.15); border-bottom: 1px solid #e8effb; position: relative; z-index: 1050; } .main-header-menu-wrap .navbar-brand img { filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.18)); } .main-header-menu-wrap.affix { position: fixed; top: 0; width: 100%; z-index: 9999; transition: all 0.2s ease-in-out; animation-duration: 1s; animation-name: slideInDown; } small, .small { font-size: 85%; font-weight: 400; } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideDown { 0% { -moz-transform: translateY(-100%); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideDown { 0% { -o-transform: translateY(-100%); } 100% { -o-transform: translateY(0); } } @keyframes slideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); } } @-moz-keyframes slideUp { 0% { -moz-transform: translateY(0); } 100% { -moz-transform: translateY(-100%); } } @-o-keyframes slideUp { 0% { -o-transform: translateY(0); } 100% { -o-transform: translateY(-100%); } } @keyframes slideUp { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } @media (min-width: 320px) and (max-width: 992px) { .ptb-100 { padding: 55px 0; } .pb-100 { padding-bottom: 55px; } .pt-165 { padding-top: 100px; } } @media (min-width: 320px) and (max-width: 768px) { .main-with-padding { padding-top: 92px !important; } .main-without-padding { padding-top: 36px !important; } } svg { overflow: hidden; } svg:root { width: 100%; height: 100%; } .main-with-padding { padding-top: 105px; } .hero-equal-height { position: relative; min-height: 660px; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; } .animation-image-wrap { position: relative; } .animation-icon-img { position: absolute; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: bounce 1s ease-in-out 0s infinite alternate; animation: bounce 1s ease-in-out 0s infinite alternate; } .animation-icon-img.animation-icon-1 { left: 15%; top: 30%; } .animation-icon-img.animation-icon-2 { left: inherit; right: 45%; top: 0; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .animation-icon-img.animation-icon-3 { top: 30%; left: 75%; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .animation-icon-img.animation-icon-4 { left: inherit; right: 45%; top: 60%; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .section-ornament { position: relative; overflow: hidden; z-index: 1; } .section-ornament::before, .section-ornament::after { content: ''; position: absolute; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)); filter: blur(2px); z-index: 0; } .section-ornament::before { top: -80px; right: -120px; } .section-ornament::after { bottom: -120px; left: -100px; background: radial-gradient(circle at 70% 70%, rgba(0, 173, 255, 0.2), rgba(255, 255, 255, 0)); } .hero-equal-height.section-ornament::before, .hero-equal-height.section-ornament::after, .hero-equal-height .floating-shapes { display: none; } .floating-shapes { position: absolute; inset: 0; pointer-events: none; z-index: 0; } .floating-shapes span { position: absolute; display: block; width: 12px; height: 12px; border-radius: 50%; background: linear-gradient(145deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.25)); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); animation: float 10s ease-in-out infinite; } .floating-shapes span:nth-child(2) { width: 9px; height: 9px; top: 10%; right: 22%; animation-delay: 1.5s; } .floating-shapes span:nth-child(3) { width: 16px; height: 16px; bottom: 25%; left: 18%; animation-delay: 2.5s; } .floating-shapes span:nth-child(4) { width: 10px; height: 10px; bottom: 12%; right: 30%; animation-delay: 3.5s; } .floating-shapes span:nth-child(5) { width: 20px; height: 20px; top: 18%; left: 32%; animation-delay: 4.2s; } @keyframes float { 0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.9; } 50% { transform: translate3d(12px, -26px, 0) scale(1.05); opacity: 1; } to { transform: translate3d(-10px, -48px, 0) scale(0.95); opacity: 0.7; } } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } to { -webkit-transform: translateY(-25px); transform: translateY(-25px); } } @keyframes bounce { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } to { -webkit-transform: translateY(-25px); transform: translateY(-25px); } } .two-col-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; } .two-col-list li { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; padding: 0 12px 8px 0; font-size: 14px; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (max-width: 768px) and (min-width: 320px) { .two-col-list li { max-width: 100%; flex: 1 1 100%; } } .gradient-overly-right { z-index: 0; width: 100%; min-width: 100%; position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-color: #040d20; background-blend-mode: multiply; isolation: isolate; } .gradient-overly-right > * { position: relative; z-index: 1; } .gradient-overly-right:before { content: ''; z-index: 0; position: absolute; height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0; } .gradient-overly-right:before { background: linear-gradient( 118deg, rgba(2, 10, 28, 0.98) 0%, rgba(0, 45, 115, 0.98) 44%, rgba(0, 78, 160, 0.98) 100% ); opacity: 1; } .offer-box { max-width: 360px; width: 100%; border-radius: 18px; margin: 0 auto; padding: 24px 24px 22px; position: relative; background: linear-gradient(155deg, #ffffff 0%, #f5f7ff 100%); border: 1px solid rgba(0, 115, 236, 0.14); box-shadow: 0 18px 46px rgba(9, 33, 72, 0.18); overflow: hidden; } .offer-box .offer-price { font-family: 'IRANSans'; font-size: 68px; line-height: 1; font-weight: 600; position: relative; color: #0f1a2b; } .offer-box .offer-price .currency { font-size: 34px; line-height: 1; vertical-align: super; margin-top: -18px; display: inline; } .offer-box .offer-price small { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; font-weight: 600; margin-right: 0; margin-top: 0; display: inline-block; color: #4a5670; } .offer-box:before, .offer-box:after { display: none; } .offer-box .action-btns { display: flex; justify-content: center; } .offer-box .action-btns .btn { box-shadow: 0 16px 30px rgba(0, 115, 236, 0.25); display: inline-flex; align-items: center; justify-content: center; min-width: 220px; font-weight: 800; font-size: 14px; border-radius: 12px; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.in { filter: alpha(opacity=90); opacity: 0.9; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .card.single-pricing-pack { transition: all 0.2s ease 0s; box-shadow: 0 14px 32px rgba(12, 55, 117, 0.08); border-radius: 18px !important; border: 1px solid #e2e9f5; background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%); position: relative; overflow: hidden; } .card.single-pricing-pack:hover { z-index: 2; } .single-pricing-pack:hover { box-shadow: 0 20px 40px rgba(12, 55, 117, 0.16) !important; transform: translate(0, -6px); border-color: #cddff6; } .card.single-pricing-pack::before, .card.single-pricing-pack::after { content: ''; position: absolute; width: 160px; height: 160px; border-radius: 50%; background: radial-gradient(circle, rgba(0, 115, 236, 0.1), rgba(255, 255, 255, 0)); transform: rotate(0deg); transition: all 0.35s ease; z-index: 0; } .card.single-pricing-pack::before { top: -80px; right: -90px; } .card.single-pricing-pack::after { bottom: -110px; left: -90px; background: radial-gradient(circle, rgba(7, 201, 147, 0.08), rgba(255, 255, 255, 0)); } .card.single-pricing-pack:hover::before { top: -80px; right: -60px; opacity: 1; } .card.single-pricing-pack:hover::after { bottom: -90px; left: -50px; opacity: 1; } .single-pricing-pack .card-body { color: rgb(132, 146, 166); flex: 1 1 auto; padding: 1.5rem; } .pricing-header { position: relative; background: transparent; border-radius: 14px; box-shadow: none; padding: 12px 0; } .pricing-header .price { display: inline-flex; align-items: baseline; gap: 6px; font-size: 28px; font-weight: 700; color: #0f2f57; font-family: 'IRANSans'; padding: 10px 16px; border-radius: 16px; background: linear-gradient(135deg, #e7f1ff, #d8e7ff); box-shadow: 0 10px 22px rgba(15, 55, 117, 0.14); } .pricing-header .price span { font-size: 13px; margin-left: 0; color: #32507d; } .single-pricing-pack .btn { font-weight: 800; font-size: 14px; padding: 13px 32px; border-radius: 12px; box-shadow: 0 16px 32px rgba(0, 115, 236, 0.2); } .single-pricing-pack .btn.outline-btn { border-width: 2px; } .pricing-header::after { display: none; } .pricing-feature-list li { font-size: 14px; line-height: 30px; font-family: 'IRANSans'; } .pricing-feature-list li i { float: right; line-height: inherit; vertical-align: middle; font-size: 14px; } .pricing-feature-list li span { font-weight: 600; color: #3b4355; font-size: 13.5px; } .popular-price { box-shadow: 0 24px 50px rgba(12, 55, 117, 0.18) !important; border: 1px solid #8ec5ff !important; background: linear-gradient(180deg, #f9fbff 0%, #ecf3ff 100%); } .popular-price:hover { border-color: #6faefe !important; } .yearly-price { display: none; } .table-bordered.comparision-table thead td, .comparision-table.table-bordered thead th { border-bottom-width: 1px; } .comparision-price { font-weight: 700; font-family: 'IRANSans'; } .comparision-price span { font-size: 14px; opacity: 0.7; font-weight: 400; } .comparision-table-body tr > td { font-size: 13px; padding: 6px; min-width: 180px; font-family: 'IRANSans'; } .comparision-table-body tr > td p { padding-left: 10px; } .compare-pricing-section .table-responsive { background: linear-gradient(135deg, #0c1f2e 0%, #0f274a 100%); border-radius: 18px; border: 1px solid rgba(255, 255, 255, 0.08); padding: 16px; box-shadow: 0 24px 65px rgba(9, 17, 40, 0.35); } .compare-pricing-section .table { margin-bottom: 0; } .comparision-table { border-collapse: separate !important; border-spacing: 0 14px; } .comparision-table-head tr { background: linear-gradient(90deg, #0f1f3d 0%, #0c2f63 100%); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); } .comparision-table-head th { color: #eaf1ff; border: none !important; padding: 18px 16px; font-weight: 800; letter-spacing: 0; position: relative; } .comparision-table-head th:first-child { border-radius: 12px 0 0 12px; text-align: right; } .comparision-table-head th:last-child { border-radius: 0 12px 12px 0; } .comparision-table-body tr { background: #ffffff; box-shadow: 0 16px 45px rgba(15, 23, 42, 0.08); border-radius: 14px; transition: transform 0.2s ease, box-shadow 0.2s ease; } .comparision-table-body tr:hover { transform: translateY(-4px); box-shadow: 0 22px 55px rgba(15, 23, 42, 0.12); } .comparision-table-body tr > td { padding: 16px 14px; border: none !important; font-size: 14px; line-height: 1.8; position: relative; background: #ffffff; } .comparision-table-body tr > td:first-child { background: linear-gradient(90deg, rgba(0, 115, 236, 0.12), rgba(0, 115, 236, 0)); border-radius: 12px 0 0 12px; font-weight: 800; color: #0f172a; } .comparision-table-body tr > td:last-child { border-radius: 0 12px 12px 0; } .comparision-table-body tr > td strong { color: #0b1a30; } .comparision-table-body tr > td small, .comparision-table-body tr > td span, .comparision-table-body tr > td p { color: #34415d; } .comparision-table .btn.primary-solid-btn { box-shadow: 0 10px 30px rgba(0, 115, 236, 0.35); border-radius: 12px; padding: 10px 16px; } .comparision-price { color: #0b1a30; } .comparision-table-body tr:hover > td:first-child:before { opacity: 1; } @media (max-width: 991px) { .compare-pricing-section .table-responsive { padding: 14px 10px; box-shadow: 0 16px 45px rgba(9, 17, 40, 0.25); } .comparision-table { border-spacing: 0 10px; } .comparision-table-body tr > td { padding: 14px 12px; } } .accordion-faq .card { border-radius: 0; border: 0; } .accordion-faq .card-header { padding: 20px 0; background: transparent; border-bottom: 1px solid #ebebeb; cursor: pointer; margin-bottom: 0 !important; color: inherit; } .accordion-faq .card-header h6 { font-family: 'sahel'; font-weight: 600; } .accordion-faq .card-body { padding: 25px 0; background: transparent; } .accordion-faq .card-header.collapsed:after { content: '\e61a'; transition: 0.5s; } .accordion-faq .card-header:after { font-family: 'themify'; content: '\e622'; float: right; transition: 0.5s; } .single-promo-hover { transition: all 0.2s ease-out; will-change: transform; } .single-promo-hover:hover { box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125) !important; } a .single-promo-2 p { color: #707070; font-family: 'Sahel'; } .circle-icon { display: block; margin-bottom: 30px; } .single-promo-2 span { font-size: 25px; background-image: url("/img/svg/promo-icon-bg_ee1wnz.svg"); background-size: 120px; padding: 30px; background-repeat: no-repeat; background-position: 40% 25%; } .features-box { position: relative; display: block; } .features-box-icon { display: table-cell; vertical-align: top; } .features-box-content { display: table-cell; padding-left: 20px; } .tech-feature-list li { font-size: 14px; font-family: 'IRANSans'; } .feature-tab li { border: 1px dashed #0073ec; } .feature-tab li:last-child { border-right: 1px dashed #0073ec !important; } .feature-tab li a { padding: 25px 40px; font-size: 18px; } .feature-tab li a.nav-link { border: 0; font-family: 'IRANSans'; font-weight: 600; color: #333333; } .feature-tab li a p { display: block; } ul.disc-style { list-style-type: disc; padding: 0 0 0 18px; margin-right: 15px; } ul.disc-style li { font-size: 14px; margin-bottom: 10px; } .feature-new-tab li { border: 1px solid #0073ec; } .feature-new-tab li:last-child { border-right: 1px solid #0073ec !important; } .feature-new-tab li a { padding: 10px 15px; font-size: 13px; } .feature-new-tab li.nav-item.show .nav-link, .feature-new-tab .nav-link.active { background: #0073ec; color: #ffffff; border: transparent; border-radius: 0; } @media (min-width: 320px) and (max-width: 767px) { .feature-new-tab { margin-bottom: 3rem !important; } } @keyframes loader1 { from { transform: scale(0, 0); } to { transform: scale(1, 1); } } @-webkit-keyframes loader1 { from { -webkit-transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); } } .domain-search-form input { border-radius: 30px 0 0 30px; } .domain-search-form input.form-control { border-color: #0073ec; text-indent: 10px; } .domain-search-form button.search-btn { color: #ffffff; padding-left: 30px; padding-right: 30px; border: 1px solid #0073ec; background: rgba(0, 115, 236, 0.9); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.15); font-weight: 600; font-family: 'IRANSans'; z-index: 0 !important; border-radius: 0 30px 30px 0; } .domain-search-form button.search-btn:hover { color: #ffffff; } .btn-hover:hover:before, .btn-hover:hover:after { left: 0; right: auto; width: 100%; } .btn-hover:after, .btn-hover:before { content: ''; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 0; z-index: -1; border-radius: 0 30px 30px 0; background: rgba(0, 115, 236, 0.9); -webkit-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); -o-transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); } .domain-search-list { position: relative; display: block; } .domain-search-list li:after { content: ''; top: 25%; width: 0; height: 50%; position: absolute; border: 1px solid #ebebeb; border-width: 0.5px; } .domain-search-list li:last-child:after { border: none; } .domain-search-list li:not(:last-child) { margin-right: 0 !important; } .domain-search-list li:last-child { border-right: none; } .domain-search-list li a { display: inline-block; padding: 0 6px; text-align: center; font-weight: 600; color: inherit; } .domain-search-list li a span { font-size: 12px; line-height: 15px; display: block; opacity: 0.7; font-family: 'IRANSans'; } @media (min-width: 320px) and (max-width: 575px) { .domain-search-list li a { padding: 0; } .domain-search-list li:last-child { display: none; } .domain-search-list li:last-child:after { border: none; } } .network-map-wrap { position: relative; display: block; width: 100%; } .network-map-wrap ul li { position: absolute; z-index: 1; width: 10px; height: 10px; margin: -6px; background-color: #0073ec; border-radius: 50%; } .network-map-wrap ul li span { display: block; width: 10px; height: 10px; -webkit-animation: ripple 1s linear infinite; animation: ripple 1s linear infinite; -webkit-transition: 0.5s linear; border-radius: 50%; } @-webkit-keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 115, 236, 0.1), 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1); box-shadow: 0 0 0 0 rgba(0, 115, 236, 0.1), 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1), 0 0 0 30px rgba(0, 115, 236, 0); box-shadow: 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1), 0 0 0 30px rgba(0, 115, 236, 0); } } @keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 115, 236, 0.1), 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1); box-shadow: 0 0 0 0 rgba(0, 115, 236, 0.1), 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1), 0 0 0 30px rgba(0, 115, 236, 0); box-shadow: 0 0 0 10px rgba(0, 115, 236, 0.1), 0 0 0 20px rgba(0, 115, 236, 0.1), 0 0 0 30px rgba(0, 115, 236, 0); } } @-webkit-keyframes ripple-white { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1); } 100% { -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0); } } @keyframes ripple-white { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1); } 100% { -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0); } } .vps-hosting-pricing-table { overflow: visible; -webkit-box-shadow: none; box-shadow: none; border: none; border-collapse: unset; border-spacing: 0 14px; } .vps-hosting-pricing-table > thead { background-color: transparent; } .vps-hosting-pricing-table > thead > tr > th { border: none; font-size: 12px; font-weight: 700; text-transform: uppercase; vertical-align: middle; font-family: 'IRANSans'; color: #4b5675; letter-spacing: 0.02em; } .vps-pricing-row { border-radius: 14px; overflow: hidden; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); box-shadow: 0 10px 34px rgba(12, 55, 117, 0.08); transition: transform 0.18s ease, box-shadow 0.18s ease; border: 1px solid #e5edfb; } .vps-pricing-row { border-radius: 14px; overflow: hidden; background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%); box-shadow: 0 16px 45px rgba(15, 23, 42, 0.08); transition: transform 0.18s ease, box-shadow 0.18s ease; } .vps-pricing-row > td:first-child { border-left: 0; border-radius: 12px 0 0 12px; background: linear-gradient(90deg, rgba(0, 115, 236, 0.12), rgba(0, 115, 236, 0.01)); color: #0f2a54; font-weight: 800; position: relative; } .vps-pricing-row > td:last-child { border-right: 0; border-radius: 0 12px 12px 0; text-align: left; background: rgba(0, 115, 236, 0.06); } .vps-hosting-pricing-table > tbody > tr.vps-pricing-row:hover { -webkit-transform: translateY(-4px) scale(1.01); transform: translateY(-4px) scale(1.01); box-shadow: 0 20px 48px rgba(12, 55, 117, 0.12); } .vps-hosting-pricing-table > tbody > tr > td { padding: 20px 20px; border-right: none; font-weight: 600; font-size: 15px; line-height: 1.4; vertical-align: middle; color: #1b2f4a; } .vps-pricing-row > td { border: none; } .vps-hosting-pricing-table .rate { font-size: 20px; font-weight: 800; color: #0e63ce; font-family: 'IRANSans'; } .vps-hosting-pricing-table .rate span { font-size: 12px; font-weight: 600; margin-left: 5px; opacity: 0.8; color: #757575; } .vps-hosting-pricing-table .cpu-core { display: block; font-size: 14px; color: #55627b; margin-top: 15px; font-weight: 500; } .vps-hosting-pricing-table > tbody > tr > td:first-child::before { content: attr(data-value); display: none; width: initial; height: initial; background-color: transparent; position: relative; left: initial; top: initial; opacity: 1; } .vps-pricing-row > td:before { content: attr(data-value); display: none; } table > tbody > tr > td:first-child:before { content: ''; display: block; width: 3px; height: 100%; background-color: #0073ec; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 991px) { .vps-hosting-pricing-table > thead { display: none; } .vps-pricing-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 4px; width: 45%; float: left; margin: 0 15px 28px 15px; } .vps-hosting-pricing-table > tbody > tr { padding: 15px; } .vps-hosting-pricing-table > tbody > tr > td { padding: 10px 15px; font-size: 14px; font-weight: normal; } .vps-pricing-row:hover.border-accent-primary > td:first-child { margin-bottom: 0; border-radius: 0; border-left: none; } .vps-pricing-row > td:first-child { border-left: none; border-radius: 0; } .vps-hosting-pricing-table > tbody > tr > td:first-child::before { display: block; width: 45%; } .vps-pricing-row > td:before { display: block; width: 45%; } .vps-hosting-pricing-table > tbody > tr > td { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .vps-pricing-row > td:last-child::before { display: none; } .vps-pricing-row > td:last-child { text-align: center !important; margin: auto; } } @media (max-width: 768px) { .vps-pricing-row { width: 100%; float: none; margin-left: auto; margin-bottom: 15px; } } @media (min-width: 992px) and (max-width: 1199px) { .vps-pricing-row td a.primary-solid-btn { padding: 8px 12px !important; } } .page-header-section { position: relative; display: block; width: 100%; overflow: hidden; } .page-header-section:after { content: ''; position: absolute; background-image: url("/img/clouds-right_zb0cqh.png"); right: 0; background-position: right bottom; z-index: 2; bottom: 0; width: 45%; height: 100%; background-size: contain; background-repeat: no-repeat; } .custom-breadcrumb ol li.list-inline-item:not(:last-child) { margin-right: 0; } .custom-breadcrumb ol { margin-bottom: 0; } .custom-breadcrumb ol li a, .custom-breadcrumb ol li.breadcrumb-item.active { opacity: 0.7; font-size: 13px; font-family: 'sahel'; font-weight: 600; } .custom-breadcrumb ol li a:hover { opacity: 1; } .custom-breadcrumb ol li.breadcrumb-item { padding-left: 0; } .custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before { font-family: themify; content: '\e64a'; font-size: 10px; opacity: 0.7; color: inherit; } .post { border-bottom: 1px solid #f0f0f0; padding: 0 0 35px; margin: 0 0 45px; } article, aside, footer, header, main, nav, section { display: block; } .widget { margin-bottom: 30px; } button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } .widget ul { margin-bottom: 0; } .widget a { color: #788487; display: block; font-size: 14px; } .widget a:hover { color: #0073ec; } .scroll-top.open { bottom: 15%; } button.scroll-top:focus { outline: none; } .scroll-top { width: 40px; height: 40px; line-height: 40px; position: fixed; bottom: 105%; right: 30px; font-size: 16px; border-radius: 4px; z-index: 999; color: #ffffff; text-align: center; cursor: pointer; background: #0073ec; transition: 1s ease; border: none; } .scroll-top span { color: #fff; } .scroll-top:after { position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: radial-gradient( ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80% ); } .footer-top { padding: 65px 0; } .footer-hero { position: relative; overflow: hidden; background: linear-gradient(120deg, #0073ec 0%, #2f6dea 30%, #4800b9 100%); } .footer-hero__overlay { position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient( rgba(255, 255, 255, 0.08) 1px, transparent 1px ), linear-gradient(120deg, rgba(255, 255, 255, 0.08), transparent 55%); background-size: 22px 22px, 100% 100%; opacity: 0.8; } .footer-hero__inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1.2fr 1.3fr 1.1fr; gap: 32px; align-items: start; } .footer-identity { display: grid; grid-template-columns: auto 1fr; gap: 16px; color: #fff; padding: 18px 20px; border: 1px solid rgba(255, 255, 255, 0.16); background: rgba(255, 255, 255, 0.06); border-radius: 20px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18); backdrop-filter: blur(8px); } .footer-identity__badge { width: 56px; height: 56px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; font-size: 24px; background: linear-gradient(140deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.05)); color: #ffffff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25), inset 0 -2px 0 rgba(0, 0, 0, 0.14); } .footer-identity__eyebrow { font-size: 12.5px; opacity: 0.9; margin-bottom: 6px; } .footer-identity__title { font-size: 18px; margin-bottom: 12px; font-weight: 800; letter-spacing: 0.02em; } .footer-identity__meta { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; font-size: 13px; } .footer-identity__meta li { display: flex; align-items: center; gap: 8px; opacity: 0.95; } .footer-identity__meta span { font-size: 16px; } .footer-links-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px 26px; padding: 10px 12px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 20px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.14); backdrop-filter: blur(8px); } .footer-links-card h4 { font-size: 14px; display: flex; align-items: center; gap: 8px; } .footer-links-card .nav-link { color: #e8edff; opacity: 0.85; padding: 6px 0; font-size: 13px; } .footer-links-card .nav-link:hover { color: #ffffff; opacity: 1; transform: translateX(-2px); } .footer-trust { position: relative; z-index: 1; } .footer-trust__card { height: 100%; padding: 18px 20px; border-radius: 20px; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.14); color: #fff; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.14); backdrop-filter: blur(8px); display: flex; flex-direction: column; gap: 16px; } .footer-trust__header { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; } .footer-trust__header span { width: 48px; height: 48px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(150deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.06)); font-size: 22px; color: #ffffff; } .footer-trust__badges { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } .footer-trust__badges img { max-height: 70px; background: rgba(255, 255, 255, 0.08); border-radius: 12px; padding: 8px 10px; border: 1px solid rgba(255, 255, 255, 0.12); } .footer-trust__contacts { display: grid; gap: 10px; font-size: 13px; color: #f4f7ff; } .footer-contact { display: flex; align-items: center; gap: 8px; opacity: 0.95; } .footer-contact a { color: inherit; text-decoration: none; border-bottom: 1px dashed rgba(255, 255, 255, 0.4); } .footer-contact a:hover { opacity: 1; border-color: rgba(255, 255, 255, 0.8); } .footer-bottom--glass { background: linear-gradient(120deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.08)); color: #ffffff; border-top: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(12px); } .footer-bottom--glass .list-inline-item:not(:last-child) { margin-left: 14px; } @media (max-width: 991px) { .footer-hero__inner { grid-template-columns: 1fr; } .footer-links-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .footer-identity, .footer-trust__card, .footer-links-grid { box-shadow: 0 18px 48px rgba(0, 0, 0, 0.16); } } @media (max-width: 575px) { .footer-links-grid { grid-template-columns: 1fr; gap: 12px; } .footer-identity { grid-template-columns: 1fr; } .footer-identity__badge { justify-self: start; } } @media (min-width: 320px) and (max-width: 567px) { .footer-top { padding: 50px 0; } } .copyright-text a:hover { opacity: 1; text-decoration: none; } .copyright-text { font-size: 13px; } .tooltip-hover { position: relative; } .tooltip-hover a { display: block; } .tooltip-item { position: absolute; background-color: rgb(255, 255, 255); pointer-events: none; color: rgb(51, 51, 51); font-size: 13px; bottom: 90%; left: 50%; opacity: 0; white-space: nowrap; visibility: hidden; z-index: 999; box-shadow: rgba(0, 0, 0, 0.2) 0 4px 15px; transform: translate3d(-50%, 0px, 0px); padding: 0.4rem 0.8rem; border-radius: 3px; transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } .tooltip-item:after { content: ''; position: absolute; width: 0; height: 0px; bottom: -6px; left: 50%; transform: translateX(-50%); border-top: 6px solid rgb(255, 255, 255); border-right: 6px solid transparent; border-left: 6px solid transparent; } .tooltip-hover:hover .tooltip-item { opacity: 1; visibility: visible; bottom: calc(100% + 5px); } .navbar-brand { margin-right: 0; } .features-box-content { padding-left: 0; padding-right: 20px; } .action-btns a.btn:first-of-type { margin: 0 2em; } .list-inline-item { margin-left: 5px; } .scroll-top { left: 30px !important; right: auto; } .page-header-section:after { left: 0; right: auto; } .tech-feature-list li span { float: right; line-height: inherit; vertical-align: middle; } .tech-feature-list li span { content: '\e662' !important; } .accordion-faq .card-header:after { float: left; } .feature-tab li { border-left: 0 !important; } .feature-tab li:last-child { border-left: 1px dashed #0073ec !important; } .feature-tab li:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .feature-new-tab li:last-child { border-left: 1px solid #0073ec !important; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .domain-search-form { margin-left: auto; direction: rtl; } .why-piko-section { background: linear-gradient(180deg, #f8fbff 0%, #f3f6fb 100%); } .why-card { position: relative; padding: 26px 22px 22px; border-radius: 18px; border: 1px solid #e3e9f2; background: #ffffff; box-shadow: 0 18px 40px rgba(24, 65, 124, 0.08); transition: all 0.25s ease; } .why-card h5 { font-weight: 700; font-size: 17px; color: #1d2b4d; margin-bottom: 10px; } .why-card p { margin-bottom: 0; color: #5c6882; line-height: 1.8; } .why-card:hover { transform: translateY(-8px); border-color: #b8d8ff; box-shadow: 0 24px 55px rgba(0, 115, 236, 0.15); } .why-icon { width: 54px; height: 54px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; border-radius: 16px; color: #ffffff; background: linear-gradient(135deg, #0073ec 0%, #4f9bff 100%); box-shadow: 0 14px 28px rgba(0, 115, 236, 0.25); font-size: 20px; } .feature-no { position: absolute; left: 18px; top: 18px; padding: 6px 12px; font-family: 'IRANSans'; font-weight: 700; font-size: 13px; border-radius: 12px; background: rgba(0, 115, 236, 0.08); color: #0c3c94; } @media (max-width: 575px) { .why-card { text-align: center; } .feature-no { left: 50%; transform: translateX(-50%); } } .solution-cards-section { background: #f7f9fc; position: relative; } .solution-cards-section:before, .solution-cards-section:after { content: ''; position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.25; } .solution-cards-section:before { width: 180px; height: 180px; background: #cbe2ff; top: 40px; left: 26px; } .solution-cards-section:after { width: 220px; height: 220px; background: #d9f3ff; bottom: 20px; right: 30px; } .solution-card { position: relative; padding: 28px 26px; border-radius: 22px; border: 1px solid #e6ecf5; background: #ffffff; box-shadow: 0 22px 40px rgba(16, 64, 129, 0.08); transition: all 0.25s ease; } .solution-card:hover { transform: translateY(-6px); box-shadow: 0 30px 60px rgba(16, 64, 129, 0.12); border-color: #cddff6; } .solution-icon { width: 54px; height: 54px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; color: #0e4ea1; background: linear-gradient(135deg, #eaf3ff 0%, #f5f9ff 100%); box-shadow: inset 0 0 0 1px #d6e6ff; } .solution-number { font-weight: 800; color: #d3dae8; font-size: 26px; font-family: 'IRANSans'; } .solution-card h4 { font-size: 18px; margin-bottom: 14px; color: #14223f; font-weight: 800; } .solution-list { list-style: none; padding: 0; margin: 0; } .solution-list li { position: relative; padding-right: 20px; margin-bottom: 10px; color: #4a5670; line-height: 1.8; } .solution-list li:before { content: '\2022'; position: absolute; right: 2px; color: #2f80ed; font-size: 20px; top: -2px; } .optimize-reasons-section { background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%); } .reason-card { height: 100%; padding: 22px 20px; border-radius: 16px; border: 1px solid #dfe7f3; background: #ffffff; box-shadow: 0 15px 35px rgba(12, 55, 117, 0.08); transition: all 0.25s ease; } .reason-card h5 { font-weight: 800; font-size: 17px; color: #0f2b57; margin-bottom: 10px; } .reason-card p { margin-bottom: 0; color: #56627a; line-height: 1.7; } .reason-card:hover { transform: translateY(-4px); border-color: #cbdcf7; box-shadow: 0 24px 45px rgba(12, 55, 117, 0.14); } /* ========================================================================== ENHANCED HEADER & MEGA-MENU STYLING (PIKOHOST MODERN NAVBAR) ========================================================================== */ /* 1. Global Navbar List Reset - No Bullets / Dots Anywhere */ .navbar-nav, .navbar-nav ul, .navbar-nav li { list-style: none !important; list-style-type: none !important; margin: 0 !important; padding: 0 !important; } .navbar-nav li::marker { display: none !important; content: "" !important; } /* 2. Top Bar Styling */ /* 3. Main Navbar Container */ .main-header-menu-wrap { background: #ffffff !important; border-bottom: 1px solid #e2e8f0; box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.06); } /* 4. Spacious & Clean Mega Menu Dropdowns */ /* 5. Hosting Grid & Tile Cards */ /* css/responsive.css */ @media (min-width: 320px) and (max-width: 575px) { html { font-size: 14px; } h1 { font-size: 2.25rem; } h2 { font-size: 1.7441em; } .domain-search-form button.search-btn { padding-left: 15px; padding-right: 15px; } div[class*='col-']:not(:last-of-type) { margin-bottom: 20px !important; } .action-btns a.btn { margin: 7px 0; } .row > div[class*='col-']:last-of-type { margin-bottom: 0 !important; } .footer-bottom .row > div[class*='col-']:first-of-type { margin-bottom: 0 !important; } .footer-bottom .row > div[class*='col-']:last-of-type { display: none; } } @media (min-width: 576px) and (max-width: 767px) { div[class*='col-']:not(:last-of-type) { margin-bottom: 20px !important; } .row > div[class*='col-']:last-of-type { margin-bottom: 0; } .action-btns a.btn { margin: 7px 0; } .row > div[class*='col-']:last-of-type { margin-bottom: 0 !important; } } @media (min-width: 1200px) { } /* css/header.css?v=9 */ /* header - markup lives in partials/header.fa.html, JS in js/header.js */ :root { --hd-top-h: 36px; --hd-bar-h: 69px; --hd-ink: #0f172a; --hd-text: #334155; --hd-muted: #64748b; --hd-line: #e7ecf3; --hd-soft: #f7f9fc; --hd-hover: #f1f6fd; --hd-brand: #0073ec; --hd-brand-dark: #005ec2; --hd-brand-tint: #eaf3fe; --hd-ease: cubic-bezier(0.2, 0.7, 0.2, 1); --hd-font: IRANSans, Tahoma, sans-serif; } /* Heights match .main-with-padding (105px) and its 92px mobile value in style.css. */ @media (max-width: 768px) { :root { --hd-bar-h: 56px; } } .pk-header { position: fixed; top: 0; right: 0; left: 0; z-index: 1040; font-family: var(--hd-font); transition: transform 0.28s var(--hd-ease); } .pk-header.is-scrolled:not(.is-menu-open) { transform: translateY(calc(-1 * var(--hd-top-h))); } .pk-header *, .pk-header *::before, .pk-header *::after { box-sizing: border-box; } .pk-header ul { list-style: none; margin: 0; padding: 0; } .pk-header p { margin: 0; } .pk-header a, .pk-header a:hover, .pk-header a:focus { text-decoration: none; } .pk-header a:focus-visible, .pk-header button:focus-visible { outline: 2px solid var(--hd-brand); outline-offset: 2px; border-radius: 8px; } .pk-ico { width: 18px; height: 18px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; } .pk-sr { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } /* Top bar -------------------------------------------------------------------------- */ .pk-topbar { height: var(--hd-top-h); background: var(--hd-soft); border-bottom: 1px solid var(--hd-line); font-size: 12.5px; color: var(--hd-muted); } .pk-topbar__inner { display: flex; align-items: center; justify-content: space-between; height: 100%; } .pk-topbar__list { display: flex; align-items: center; gap: 20px; } .pk-topbar__item, .pk-topbar__item a { display: inline-flex; align-items: center; gap: 6px; line-height: 1; color: var(--hd-muted); transition: color 0.15s ease; } .pk-topbar__item a:hover { color: var(--hd-brand); } .pk-topbar .pk-ico { width: 15px; height: 15px; } .pk-topbar__list--account { gap: 0; } .pk-topbar__list--account .pk-topbar__item + .pk-topbar__item { margin-inline-start: 12px; padding-inline-start: 12px; border-inline-start: 1px solid #d9e0ea; } @media (max-width: 575.98px) { .pk-hide-sm { display: none !important; } } /* Main bar -------------------------------------------------------------------------- */ .pk-bar { position: relative; height: var(--hd-bar-h); background: #ffffff; border-bottom: 1px solid var(--hd-line); transition: box-shadow 0.25s ease, border-color 0.25s ease; } .pk-header.is-scrolled .pk-bar { border-bottom-color: transparent; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.07); } .pk-bar__inner { position: relative; display: flex; align-items: center; gap: 28px; height: 100%; } .pk-logo { display: inline-flex; align-items: center; flex-shrink: 0; } .pk-logo img { display: block; width: 120px; height: auto; } .pk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 42px; padding: 0 20px; border-radius: 10px; font: 700 14px/1 var(--hd-font); white-space: nowrap; transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease; } .pk-btn--primary, .pk-btn--primary:focus { background: var(--hd-brand); color: #ffffff; box-shadow: 0 6px 16px -6px rgba(0, 115, 236, 0.55); } .pk-btn--primary:hover { background: var(--hd-brand-dark); color: #ffffff; } .pk-btn--primary:active { transform: translateY(1px); } .pk-burger { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-inline-start: auto; padding: 0; border: 1px solid var(--hd-line); border-radius: 10px; background: #ffffff; color: var(--hd-ink); cursor: pointer; } .pk-burger .pk-ico { width: 22px; height: 22px; } .pk-burger .pk-ico--close, .pk-header.is-menu-open .pk-burger .pk-ico--menu { display: none; } .pk-header.is-menu-open .pk-burger .pk-ico--close { display: block; } /* Menu content (shared by desktop and drawer) -------------------------------------------------------------------------- */ .pk-nav__link { font-family: var(--hd-font); color: var(--hd-ink); background: none; border: 0; cursor: pointer; } .pk-chev { width: 14px; height: 14px; opacity: 0.6; transition: transform 0.2s ease; } .pk-nav__item.is-open .pk-chev { transform: rotate(180deg); } .pk-dd__head { padding: 0 10px 8px; font-size: 12px; font-weight: 700; color: var(--hd-muted); } .pk-link { display: flex; align-items: flex-start; gap: 12px; padding: 10px; border-radius: 10px; color: var(--hd-ink); transition: background-color 0.15s ease; } .pk-link:hover, .pk-link:focus-visible { background: var(--hd-hover); } .pk-link__ico { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 9px; background: var(--hd-brand-tint); color: var(--hd-brand); transition: background-color 0.15s ease, color 0.15s ease; } .pk-link:hover .pk-link__ico { background: var(--hd-brand); color: #ffffff; } .pk-link__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .pk-link__title { font-size: 14px; font-weight: 500; line-height: 1.6; color: var(--hd-ink); transition: color 0.15s ease; } .pk-link:hover .pk-link__title, .pk-link[aria-current='page'] .pk-link__title { color: var(--hd-brand); } .pk-link__desc { font-size: 12.5px; line-height: 1.6; color: var(--hd-muted); } .pk-dd__aside { display: flex; flex-direction: column; gap: 10px; padding: 24px 22px; background: var(--hd-soft); } .pk-dd__aside-title { font-size: 14px; font-weight: 700; line-height: 1.7; color: var(--hd-ink); } .pk-dd__aside-text { font-size: 13px; line-height: 1.9; color: var(--hd-text); } .pk-dd__aside-link { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; font-size: 13px; font-weight: 700; color: var(--hd-brand); } .pk-dd__aside-link:hover { color: var(--hd-brand-dark); } .pk-dd__aside-link .pk-ico { width: 16px; height: 16px; transition: transform 0.2s ease; } .pk-dd__aside-link:hover .pk-ico { transform: translateX(-3px); } .pk-dd__foot { display: flex; align-items: center; justify-content: space-between; margin: 6px -10px -10px; padding: 12px 20px; border-top: 1px solid var(--hd-line); background: var(--hd-soft); border-radius: 0 0 14px 14px; font-size: 12.5px; color: var(--hd-muted); } .pk-dd__foot a { font-weight: 700; color: var(--hd-ink); } .pk-dd__foot a:hover { color: var(--hd-brand); } /* Desktop -------------------------------------------------------------------------- */ @media (min-width: 1200px) { .pk-burger { display: none; } .pk-nav { display: flex; align-items: center; flex: 1; height: 100%; } .pk-nav__list { display: flex; align-items: stretch; gap: 2px; height: 100%; } .pk-nav__item { position: relative; display: flex; } .pk-nav__item--mega { position: static; } .pk-nav__link { position: relative; display: inline-flex; align-items: center; gap: 5px; height: 100%; padding: 0 12px; font-size: 14.5px; font-weight: 500; line-height: 1; white-space: nowrap; transition: color 0.18s ease; } .pk-nav__link:focus-visible { outline-offset: -6px; } .pk-nav__link::after { content: ''; position: absolute; right: 12px; left: 12px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--hd-brand); transform: scaleX(0); transition: transform 0.22s var(--hd-ease); } .pk-nav__item:hover > .pk-nav__link, .pk-nav__item.is-open > .pk-nav__link, .pk-nav__item.is-current > .pk-nav__link { color: var(--hd-brand); } .pk-nav__item.is-open > .pk-nav__link::after, .pk-nav__item.is-current > .pk-nav__link::after { transform: scaleX(1); } .pk-nav__actions { display: flex; align-items: center; margin-inline-start: auto; } .pk-dd { position: absolute; top: calc(100% + 6px); right: 0; min-width: 300px; padding: 10px; background: #ffffff; border: 1px solid var(--hd-line); border-radius: 14px; box-shadow: 0 24px 60px -12px rgba(15, 23, 42, 0.18), 0 2px 6px rgba(15, 23, 42, 0.04); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity 0.18s ease, transform 0.22s var(--hd-ease), visibility 0s linear 0.22s; } /* Keeps the pointer inside the item while crossing the gap under the bar. */ .pk-dd::before { content: ''; position: absolute; right: 0; left: 0; top: -8px; height: 8px; } .pk-nav__item.is-open > .pk-dd { opacity: 1; visibility: visible; transform: translateY(0); transition: opacity 0.18s ease, transform 0.22s var(--hd-ease), visibility 0s; } .pk-dd--sm { width: 320px; } .pk-dd--grid2 { width: 600px; } .pk-dd--grid2 .pk-dd__head { padding-top: 6px; } .pk-dd--grid2 .pk-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 8px; } .pk-dd--mega { right: auto; left: 50%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 250px; width: min(900px, calc(100vw - 48px)); padding: 0; overflow: hidden; transform: translate(-50%, 8px); } .pk-nav__item.is-open > .pk-dd--mega { transform: translate(-50%, 0); } .pk-dd--mega::before { display: none; } .pk-dd__col { padding: 20px 14px 14px; } .pk-dd__col + .pk-dd__col, .pk-dd__aside { border-inline-start: 1px solid var(--hd-line); } } /* Drawer (tablet and mobile) -------------------------------------------------------------------------- */ @media (max-width: 1199.98px) { .pk-bar__inner { position: static; } .pk-nav { position: absolute; top: 100%; right: 0; left: 0; display: flex; flex-direction: column; max-height: calc(100vh - var(--hd-top-h) - var(--hd-bar-h)); overflow-y: auto; overscroll-behavior: contain; background: #ffffff; border-top: 1px solid var(--hd-line); box-shadow: 0 30px 40px -24px rgba(15, 23, 42, 0.28); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity 0.2s ease, transform 0.24s var(--hd-ease), visibility 0s linear 0.24s; } .pk-header.is-menu-open .pk-nav { opacity: 1; visibility: visible; transform: none; transition: opacity 0.2s ease, transform 0.24s var(--hd-ease), visibility 0s; } .pk-nav__list { padding: 4px 16px 8px; } .pk-nav__item { border-bottom: 1px solid var(--hd-line); } .pk-nav__link { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 54px; padding: 0 4px; font-size: 15px; font-weight: 500; line-height: 1.4; text-align: right; } .pk-nav__item.is-open > .pk-nav__link, .pk-nav__item.is-current > .pk-nav__link { color: var(--hd-brand); } .pk-chev { width: 16px; height: 16px; } .pk-dd { display: none; padding: 0 0 12px; } .pk-nav__item.is-open > .pk-dd { display: block; } .pk-dd__head { padding: 10px 4px 4px; } .pk-dd__col + .pk-dd__col { margin-top: 4px; } .pk-dd__aside, .pk-dd__foot { display: none; } .pk-link { padding: 9px 4px; } .pk-link__ico { width: 34px; height: 34px; } .pk-nav__actions { position: sticky; bottom: 0; margin-top: auto; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: #ffffff; border-top: 1px solid var(--hd-line); } .pk-nav__actions .pk-btn { width: 100%; height: 46px; } html.pk-lock, html.pk-lock body { overflow: hidden; } } @media (max-width: 768px) { .pk-bar__inner { gap: 16px; } .pk-logo img { width: 104px; } } @media (prefers-reduced-motion: reduce) { .pk-header, .pk-header * { transition-duration: 0.01ms !important; } } /* the theme's full-screen loader covered the page until all scripts had run */ /* ---------- blue bands: hero, call to action and footer top share one layered background ---------- The template used a flat two-colour gradient. Two light pools and a fading dot grid give it depth. */ :root { --pk-mesh: radial-gradient(60% 85% at 10% 0%, rgba(16, 185, 129, 0.22), transparent 62%), radial-gradient(55% 80% at 96% 100%, rgba(56, 130, 246, 0.32), transparent 64%), radial-gradient(42% 55% at 58% 42%, rgba(99, 102, 241, 0.16), transparent 72%), linear-gradient(160deg, #09111f 0%, #0b1a38 55%, #0a2133 100%); --pk-dots: linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px); --pk-dots-size: 56px 56px; } .gradient-bg { background: var(--pk-mesh) !important; } .hero-equal-height.gradient-bg::before, .footer-top.gradient-bg::before, .call-to-action.gradient-overlay::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: var(--pk-dots); background-size: var(--pk-dots-size); -webkit-mask-image: radial-gradient(80% 100% at 30% 30%, #000 0%, transparent 78%); mask-image: radial-gradient(80% 100% at 30% 30%, #000 0%, transparent 78%); } .hero-equal-height.gradient-bg { border-radius: 0 0 44px 44px; } .call-to-action.gradient-overlay::before { background-image: var(--pk-mesh); opacity: 1; } .footer-top.gradient-bg { position: relative; } @media (max-width: 767px) { .hero-equal-height.gradient-bg { border-radius: 0 0 28px 28px; } } /* ---------- header refinement: roomier dropdowns, softer bar, pill hover ---------- */ .pk-topbar { background: linear-gradient(180deg, #f8fafd, #f3f6fb); font-size: 12.5px; } .pk-bar { background: #ffffff; } .pk-btn { height: 44px; padding: 0 24px; border-radius: 12px; } .pk-btn--primary, .pk-btn--primary:focus { background: linear-gradient(135deg, #1a82ff 0%, #0a5ee0 100%); box-shadow: 0 10px 22px -10px rgba(0, 94, 224, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.22); } .pk-btn--primary:hover { background: linear-gradient(135deg, #2a8dff 0%, #0b66f0 100%); transform: translateY(-1px); } .pk-link { gap: 14px; padding: 12px 14px; border-radius: 14px; } .pk-link__ico { width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(145deg, #edf5ff, #e0edff); box-shadow: inset 0 0 0 1px rgba(0, 115, 236, 0.1); } .pk-link__ico .pk-ico { width: 20px; height: 20px; } .pk-link:hover .pk-link__ico { background: linear-gradient(145deg, #1a82ff, #0a5ee0); box-shadow: 0 8px 16px -8px rgba(0, 94, 224, 0.7); } .pk-link__text { gap: 3px; padding-top: 1px; } .pk-link__title { font-size: 14.5px; font-weight: 600; line-height: 1.5; } .pk-link__desc { font-size: 12.5px; line-height: 1.7; } .pk-dd__head { padding: 0 14px 10px; font-size: 12px; letter-spacing: 0; color: var(--hd-brand); } .pk-dd__aside { gap: 12px; padding: 28px 26px; background: linear-gradient(160deg, #f4f8ff 0%, #eef2fd 100%); } .pk-dd__aside-title { font-size: 15px; } .pk-dd__aside-text { line-height: 2; } .pk-dd__aside-link { padding: 10px 14px; margin-top: auto; align-self: flex-start; border-radius: 10px; background: #ffffff; box-shadow: 0 6px 16px -10px rgba(15, 23, 42, 0.35), inset 0 0 0 1px var(--hd-line); } .pk-dd__foot { margin: 8px -12px -12px; padding: 14px 22px; } @media (min-width: 1200px) { .pk-nav__list { gap: 4px; } .pk-nav__link { height: auto; align-self: center; padding: 10px 14px; border-radius: 10px; font-weight: 600; transition: color 0.18s ease, background-color 0.18s ease; } .pk-nav__link::after { display: none; } .pk-nav__item:hover > .pk-nav__link, .pk-nav__item.is-open > .pk-nav__link { background: var(--hd-brand-tint); } .pk-dd { top: calc(100% + 10px); min-width: 320px; padding: 12px; border-radius: 20px; border-color: #e3eaf4; box-shadow: 0 40px 80px -24px rgba(15, 23, 42, 0.28), 0 4px 14px rgba(15, 23, 42, 0.06); } .pk-dd::before { top: -12px; height: 12px; } .pk-dd--sm { width: 360px; } .pk-dd--grid2 { width: 680px; } .pk-dd--grid2 .pk-links { gap: 4px 10px; } .pk-dd--mega { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 270px; width: min(980px, calc(100vw - 48px)); padding: 0; } .pk-dd__col { padding: 24px 16px 18px; } .pk-links { display: grid; gap: 4px; } } @media (max-width: 1199.98px) { .pk-link { padding: 11px 6px; gap: 14px; } .pk-link__ico { width: 40px; height: 40px; } .pk-nav__link { min-height: 58px; font-weight: 600; } .pk-dd { padding: 0 0 14px; } .pk-dd__head { padding: 12px 6px 6px; } } /* ---------- pale green accents (brand green from the logo, used sparingly next to the blue) ---------- */ :root { --pk-green: #16a34a; --pk-green-ink: #0f7a38; --pk-green-soft: #eaf8f0; --pk-green-mid: #cdeedb; --pk-green-line: #bfe6cf; } /* section headings get a short blue to green bar */ .main .section-heading h2::after { content: ""; display: block; width: 52px; height: 4px; margin: 14px auto 0; border-radius: 4px; background: linear-gradient(90deg, #0a5ee0 0%, var(--pk-green) 100%); } .main .section-heading[class*="text-left"] h2::after { margin-inline: 0; } /* home: why section sits on a faint mint wash with two soft blobs */ .main > .why-piko-section { position: relative; overflow: hidden; background: radial-gradient(38% 60% at 6% 8%, rgba(22, 163, 74, 0.1), transparent 70%), radial-gradient(34% 55% at 96% 96%, rgba(22, 163, 74, 0.08), transparent 70%), linear-gradient(180deg, #f6fcf9 0%, #ffffff 100%) !important; } .why-card { border-color: var(--pk-green-mid); } .why-card:hover { border-color: var(--pk-green-line); box-shadow: 0 22px 44px -22px rgba(22, 163, 74, 0.35); } .why-icon { color: #ffffff; background: linear-gradient(135deg, #2fcf6e 0%, #0f8f43 100%); box-shadow: 0 14px 28px rgba(22, 163, 74, 0.28); } .feature-no { color: var(--pk-green-ink); background: var(--pk-green-soft); border-radius: 10px; } /* home: solution cards keep blue icons, bullets and numbers turn green */ .solution-number { color: var(--pk-green-mid); } .solution-list li:before { content: ""; top: 0.75em; right: 2px; width: 7px; height: 7px; border-radius: 50%; background: var(--pk-green); box-shadow: 0 0 0 3px var(--pk-green-soft); } /* home: "before you buy" cards get a green edge */ .reason-card { position: relative; border-inline-start: 3px solid var(--pk-green); } .reason-card h5 { color: #0f2a1a; } /* services row: faint green top edge on hover */ .our-services .single-service-plane { border-top: 3px solid transparent; transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .our-services .single-service-plane:hover { border-top-color: var(--pk-green); } /* product pages: benefit chips in the hero and the check marks */ .hero-content-wrap .hosting-feature-list li .ti-check { color: #5fe39a; } .single-pricing-pack li .ti-check { color: var(--pk-green); } /* footer and call to action: a green ribbon above the footer links */ .footer-bottom, .footer-section .footer-bottom { border-top-color: rgba(94, 227, 154, 0.35); } /* blog */ .pk-callout { border-inline-start-color: var(--pk-green); background: #f1faf5; } .pk-toc { border-color: var(--pk-green-mid); background: #f6fcf9; } .pk-body ul li::marker { color: var(--pk-green); } .pk-card__more { color: var(--pk-green-ink); } .pk-hero::after { content: ""; position: absolute; inset-inline-end: -80px; bottom: -110px; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle, rgba(94, 227, 154, 0.35), transparent 68%); pointer-events: none; } /* ---------- header, third pass: dark glass bar, green accent, roomy dropdowns ---------- */ .pk-header { --hd-ink: #f3f6fb; --hd-text: #c3cddd; --hd-muted: #8d9bb3; --hd-line: rgba(255, 255, 255, 0.09); --hd-soft: rgba(255, 255, 255, 0.04); --hd-hover: rgba(255, 255, 255, 0.07); --hd-brand: #34d399; --hd-brand-dark: #10b981; --hd-brand-tint: rgba(52, 211, 153, 0.14); --pk-panel: #0c1630; } .pk-topbar { background: #060c1a; border-bottom: 1px solid rgba(255, 255, 255, 0.06); color: var(--hd-muted); } .pk-topbar__item, .pk-topbar__item a { color: #93a3bd; } .pk-topbar__item a:hover { color: #5eead4; } .pk-topbar__list--account .pk-topbar__item + .pk-topbar__item { border-inline-start-color: rgba(255, 255, 255, 0.14); } .pk-bar { background: linear-gradient(180deg, #0b1530 0%, #09112a 100%); border-bottom: 1px solid rgba(255, 255, 255, 0.07); } .pk-header.is-scrolled .pk-bar { border-bottom-color: rgba(255, 255, 255, 0.07); box-shadow: 0 18px 40px -18px rgba(2, 6, 20, 0.7); } .pk-nav__link { color: var(--hd-ink); } .pk-chev { opacity: 0.55; } .pk-btn--primary, .pk-btn--primary:focus { background: linear-gradient(135deg, #22c55e 0%, #0f9b4a 100%); color: #ffffff; box-shadow: 0 12px 24px -12px rgba(34, 197, 94, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.25); } .pk-btn--primary:hover { background: linear-gradient(135deg, #2fd46d 0%, #12a853 100%); color: #ffffff; } .pk-burger { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.14); color: #ffffff; } /* dropdown panel */ .pk-dd { background: var(--pk-panel); border-color: rgba(255, 255, 255, 0.1); } .pk-dd__head { color: #5eead4; letter-spacing: 0; } .pk-link { color: var(--hd-ink); } .pk-link__ico { background: rgba(52, 211, 153, 0.12); box-shadow: inset 0 0 0 1px rgba(52, 211, 153, 0.22); color: #5eead4; } .pk-link:hover .pk-link__ico { background: linear-gradient(145deg, #34d399, #10b981); color: #04210f; box-shadow: 0 10px 20px -10px rgba(16, 185, 129, 0.8); } .pk-link__title, .pk-link:hover .pk-link__title, .pk-link[aria-current='page'] .pk-link__title { color: #f3f6fb; } .pk-link:hover .pk-link__title { color: #5eead4; } .pk-link__desc { color: #8d9bb3; } .pk-dd__aside { background: linear-gradient(160deg, rgba(52, 211, 153, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%); } .pk-dd__aside-title { color: #ffffff; } .pk-dd__aside-text { color: #b5c1d6; } .pk-dd__aside-link { background: rgba(255, 255, 255, 0.08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16); color: #5eead4; } .pk-dd__aside-link:hover { background: rgba(255, 255, 255, 0.14); color: #99f6e4; } .pk-dd__foot { background: rgba(255, 255, 255, 0.05); color: #93a3bd; } .pk-dd__foot a { color: #ffffff; } @media (min-width: 1200px) { .pk-bar__inner { gap: 34px; } .pk-nav__list { gap: 6px; } .pk-nav__link { padding: 11px 16px; font-size: 15px; font-weight: 600; border-radius: 12px; } .pk-nav__item:hover > .pk-nav__link, .pk-nav__item.is-open > .pk-nav__link { background: rgba(255, 255, 255, 0.07); color: #ffffff; } .pk-nav__item.is-current > .pk-nav__link { color: #5eead4; } .pk-dd { top: calc(100% + 12px); border-radius: 22px; padding: 14px; box-shadow: 0 50px 90px -30px rgba(2, 6, 20, 0.85), 0 0 0 1px rgba(255, 255, 255, 0.03); } .pk-dd--mega { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 280px; width: min(1020px, calc(100vw - 48px)); padding: 0; } .pk-dd__col { padding: 26px 18px 20px; } .pk-dd__col + .pk-dd__col, .pk-dd__aside { border-inline-start-color: rgba(255, 255, 255, 0.07); } .pk-links { gap: 6px; } .pk-link { gap: 16px; padding: 14px 16px; border-radius: 16px; } .pk-link__ico { width: 46px; height: 46px; border-radius: 14px; } .pk-link__title { font-size: 15px; font-weight: 700; } .pk-link__desc { font-size: 13px; line-height: 1.75; } .pk-dd__aside { padding: 30px 26px; } } /* drawer */ @media (max-width: 1199.98px) { .pk-nav { background: #0a1329; border-top-color: rgba(255, 255, 255, 0.08); box-shadow: 0 40px 50px -24px rgba(2, 6, 20, 0.8); } .pk-nav__actions { background: #0a1329; border-top-color: rgba(255, 255, 255, 0.08); } .pk-nav__item { border-bottom-color: rgba(255, 255, 255, 0.08); } .pk-nav__link { min-height: 60px; font-size: 16px; } .pk-nav__item.is-open > .pk-nav__link, .pk-nav__item.is-current > .pk-nav__link { color: #5eead4; } .pk-dd { background: transparent; border: 0; } .pk-link { padding: 12px 6px; } } /* logo: transparent version for the dark bar (the img stays in the markup for alt text and layout) */ .pk-logo { width: 132px; height: 44px; background: url("/img/logo-dark.png") no-repeat center / contain; } .pk-logo img { width: 100%; height: 100%; visibility: hidden; } @media (max-width: 768px) { .pk-logo { width: 112px; height: 40px; } } /* ---------- inner page headers (about, privacy) use the same dark mesh as the heroes ---------- */ .page-header-section { background: var(--pk-mesh) !important; border-radius: 0 0 44px 44px; } .page-header-section.gradient-overlay::before { background-image: var(--pk-dots); background-size: var(--pk-dots-size); opacity: 1; z-index: 0; -webkit-mask-image: radial-gradient(80% 100% at 30% 30%, #000 0%, transparent 78%); mask-image: radial-gradient(80% 100% at 30% 30%, #000 0%, transparent 78%); } .page-header-section::after { display: none; } .page-header-section .container { position: relative; z-index: 1; } .page-header-section h1 { font-weight: 800; } .breadcrumb-bar { background: #ffffff !important; } @media (max-width: 767px) { .page-header-section { border-radius: 0 0 28px 28px; } } /* nine menu items: on 1200-1499px the bar gets tighter and the login button (also in the top strip) steps aside */ @media (min-width: 1200px) and (max-width: 1499.98px) { .pk-bar__inner { gap: 18px; } .pk-nav__list { gap: 0; } .pk-nav__link { padding: 10px 9px; font-size: 14px; } .pk-nav__actions { display: none; } } /* mega menu with three link columns (technical services): four equal columns incl. the aside */ @media (min-width: 1200px) { .pk-dd--mega:has(> .pk-dd__col:nth-child(3)) { grid-template-columns: repeat(3, minmax(0, 1fr)) 260px; width: min(1180px, calc(100vw - 48px)); } } /* mega menu with four link columns (technical services) */ @media (min-width: 1200px) { .pk-dd--mega:has(> .pk-dd__col:nth-child(4)) { grid-template-columns: repeat(4, minmax(0, 1fr)) 240px; width: min(1240px, calc(100vw - 32px)); } .pk-dd--mega:has(> .pk-dd__col:nth-child(4)) .pk-link__desc { font-size: 12px; } } /* css/product-polish.css?v=5 */ /* product and plan pages (linked after header.css), v2 */ :root { --pk-primary: #0073ec; --pk-primary-2: #2563eb; --pk-violet: #6d28d9; --pk-ink: #0b1b33; --pk-text: #475569; --pk-muted: #64748b; --pk-line: #e6ecf5; --pk-soft: #f5f8fd; --pk-tint: #eef5ff; --pk-radius: 20px; --pk-shadow: 0 1px 2px rgba(15, 35, 75, 0.04), 0 14px 34px rgba(15, 45, 90, 0.08); --pk-shadow-hover: 0 1px 2px rgba(15, 35, 75, 0.05), 0 24px 50px rgba(0, 115, 236, 0.16); } html { scroll-behavior: smooth; } #plans { scroll-margin-top: 96px; } /* ---------- rhythm and backgrounds ---------- */ section.ptb-100 { padding-block: clamp(52px, 5.5vw, 84px); } section.hero-equal-height.ptb-100 { padding-block: clamp(56px, 6vw, 88px); } .gray-light-bg { background: var(--pk-soft); } .pricing-section .feature-tab-section.ptb-100 { padding-block: 0; background: transparent; } .feature-tab-content .pricing-section.ptb-100 { padding-block: 36px 0; background: transparent; } .feature-tab-content .pricing-section .section-heading.mb-5 { margin-bottom: 2.4rem !important; } /* ---------- headings ---------- */ .section-heading h2 { color: var(--pk-ink); font-weight: 900; line-height: 1.6; text-wrap: balance; } .section-heading h2::after { content: ""; display: block; width: 56px; height: 4px; margin: 14px auto 0; border-radius: 4px; background: linear-gradient(90deg, var(--pk-primary), var(--pk-violet)); } .section-heading .lead { margin-top: 14px; color: var(--pk-muted); font-size: 1.04rem; line-height: 1.95; text-wrap: pretty; } /* ---------- hero ---------- */ section.hero-equal-height { min-height: 560px; } .hero-equal-height .hero-content-wrap { padding: 40px 40px 36px; border-radius: 26px; background: linear-gradient(160deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.035)); border: 1px solid rgba(255, 255, 255, 0.15); box-shadow: 0 40px 80px -30px rgba(2, 8, 24, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.16); -webkit-backdrop-filter: blur(16px) saturate(130%); backdrop-filter: blur(16px) saturate(130%); } .hero-content-wrap h1 { font-size: clamp(1.8rem, 1.2rem + 1.8vw, 2.7rem); line-height: 1.55; font-weight: 900; text-wrap: balance; margin-bottom: 14px; } .hero-content-wrap .lead { max-width: 62ch; color: rgba(255, 255, 255, 0.84); font-size: 1.02rem; line-height: 2; } /* benefits as chips instead of a bare two-column list */ .hero-content-wrap .hosting-feature-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; margin: 22px 0 6px; padding: 0; transform: none; list-style: none; } .hero-content-wrap .hosting-feature-list li { display: flex; align-items: center; gap: 10px; max-width: none; padding: 10px 14px; border-radius: 12px; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.1); font-size: 14px; line-height: 1.6; } .hero-content-wrap .hosting-feature-list li .ti-check { flex: none; display: grid; place-items: center; width: 22px; height: 22px; margin: 0; border-radius: 50%; background: linear-gradient(135deg, #34d399, #10b981); color: #fff; font-size: 9px; } .hero-content-wrap p.small { margin: 16px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.92rem; line-height: 1.9; } .hero-content-wrap p.small strong { color: #fff; font-size: 1.08rem; } .hero-content-wrap .action-btns { margin: 22px 0 0; } .hero-content-wrap .solid-white-btn { padding: 14px 36px; border-radius: 14px; font-size: 15px; font-weight: 800; box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28); } .hero-content-wrap .solid-white-btn:hover { background: #ffffff; color: var(--pk-primary-2); box-shadow: 0 18px 36px rgba(0, 0, 0, 0.34); } .hero-equal-height .img-wrap img { max-width: 420px; filter: drop-shadow(0 24px 40px rgba(10, 20, 90, 0.4)); } /* hero variant used on Telegram, VPS and reseller pages: plain feature list and a white offer card */ .hero-content-wrap .tech-feature-list li { color: rgba(255, 255, 255, 0.92); font-size: 15px; line-height: 1.9; } .hero-content-wrap .tech-feature-list li .ti-control-backward { color: #7cc4ff; } .hero-content-wrap .action-btns p { margin-right: 0; color: #fff; font-weight: 700; } .offer-box { border-radius: 22px; border: 1px solid var(--pk-line); box-shadow: 0 24px 56px rgba(7, 12, 40, 0.28) !important; } .offer-box h5 { color: var(--pk-ink); font-weight: 900; } .offer-box .action-btns { display: grid; gap: 10px; margin-inline: 0; } .offer-box .action-btns .btn, .offer-box .action-btns .btn + .btn { display: block; width: 100%; margin: 0 !important; padding: 12px 18px; border-radius: 12px; font-weight: 800; } .vps-pricing-plane { padding-top: clamp(52px, 5.5vw, 84px); } /* ---------- the three short promo cards under the hero ---------- */ a:has(> .single-promo-2) { pointer-events: none; cursor: default; } .single-promo-2 { height: 100%; padding: 34px 26px !important; border: 1px solid var(--pk-line); border-radius: var(--pk-radius) !important; background: #fff; box-shadow: var(--pk-shadow) !important; } .single-promo-2 .circle-icon { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 20px; border-radius: 18px; background: linear-gradient(135deg, var(--pk-primary), var(--pk-violet)); box-shadow: 0 14px 28px rgba(0, 115, 236, 0.26); } .single-promo-2 .circle-icon span { padding: 0 !important; background: none !important; font-size: 26px; color: #fff; } .single-promo-2 h5 { color: var(--pk-ink); font-weight: 800; } .single-promo-2 p { margin: 0; color: var(--pk-muted); font-size: 0.95rem; line-height: 1.95; } /* ---------- location switcher and feature tabs: segmented control ---------- */ ul.nav.nav-tabs.feature-tab { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; width: fit-content; max-width: 100%; margin-inline: auto; padding: 6px; border: 0; border-radius: 18px; background: #e8eef9; } ul.nav.nav-tabs.feature-tab li, ul.nav.nav-tabs.feature-tab li:last-child { margin: 0; border: 0 !important; border-radius: 14px; } ul.nav.nav-tabs.feature-tab li a.nav-link { padding: 12px 22px; border: 0; border-radius: 14px; background: transparent !important; color: var(--pk-text); font-size: 15px; font-weight: 700; transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; } ul.nav.nav-tabs.feature-tab li a.nav-link img { width: 30px; opacity: 0.55; transition: opacity 0.2s ease; } ul.nav.nav-tabs.feature-tab li a.nav-link:hover { color: var(--pk-ink); } ul.nav.nav-tabs.feature-tab li a.nav-link.active, ul.nav.nav-tabs.feature-tab li.show .nav-link { background: #fff !important; color: var(--pk-primary); box-shadow: 0 6px 18px rgba(15, 45, 90, 0.14); } ul.nav.nav-tabs.feature-tab li a.nav-link.active img { opacity: 1; } ul.nav.nav-tabs.feature-new-tab li a.nav-link { padding: 10px 20px; font-size: 14px; } /* ---------- plan cards ---------- */ .card.single-pricing-pack { border: 1px solid var(--pk-line); border-radius: var(--pk-radius); background: #fff; box-shadow: var(--pk-shadow); overflow: hidden; transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .card.single-pricing-pack:hover { border-color: #cfe0f7; box-shadow: var(--pk-shadow-hover); transform: translateY(-4px); } .card.popular-price.single-pricing-pack { border: 1px solid #b9d6fb !important; border-top: 4px solid var(--pk-primary) !important; background: linear-gradient(180deg, #f7fbff 0%, #ffffff 38%) !important; box-shadow: var(--pk-shadow-hover) !important; } .single-pricing-pack h5 { color: var(--pk-ink); font-weight: 900; font-size: 1.2rem; } .single-pricing-pack .badge { margin-inline-start: 6px; padding: 4px 10px; border-radius: 999px; background: linear-gradient(135deg, #f59e0b, #ef4444); color: #fff; font-size: 11px; font-weight: 800; vertical-align: middle; } .single-pricing-pack .pt-5 > p { min-height: 3.2em; padding-inline: 14px; color: var(--pk-muted); font-size: 0.95rem; line-height: 1.8; } /* price: monthly is the headline, yearly sits under it as a quieter line */ .single-pricing-pack .pricing-header { margin: 4px 22px 0; padding: 14px 12px !important; border-radius: 16px; background: var(--pk-tint); } .single-pricing-pack .pricing-header .price { display: flex; justify-content: center; align-items: baseline; gap: 6px; padding: 0; border-radius: 0; background: none; box-shadow: none; color: var(--pk-ink); font-size: 30px; line-height: 1.5; } .single-pricing-pack .pricing-header .price span { color: var(--pk-muted); font-size: 13px; font-weight: 500; } .single-pricing-pack .pricing-header .yearly-price { margin-top: 4px; padding-top: 8px; border-top: 1px dashed #c9dcf6; color: var(--pk-text); font-size: 17px; font-weight: 700; } .single-pricing-pack .pricing-feature-list { margin-inline: 0; padding: 0; } .single-pricing-pack .pricing-feature-list li { padding: 4px 8px; border-bottom: 1px solid #edf1f7; font-size: 14px; font-weight: 500; line-height: 1.7; color: var(--pk-text); text-align: center; } .single-pricing-pack .pricing-feature-list li span { font-weight: inherit; } .single-pricing-pack .pricing-feature-list li:last-child { border-bottom: 0; color: var(--pk-primary); font-weight: 700; } .single-pricing-pack .card-body .btn { min-width: 170px; padding: 11px 28px; border-radius: 12px; font-weight: 800; } .card.popular-price .card-body .btn { border-color: transparent; background: linear-gradient(135deg, var(--pk-primary), var(--pk-primary-2)); color: #fff; box-shadow: 0 12px 26px rgba(0, 115, 236, 0.3); } /* ---------- feature tab contents ---------- */ .features-box { height: 100%; padding: 24px; border: 1px solid var(--pk-line); border-radius: 18px; background: #fff; box-shadow: var(--pk-shadow); } .features-box h5, .technical-specifications-wrap h5 { color: var(--pk-ink); font-weight: 800; } .features-box p { margin-bottom: 0; color: var(--pk-muted); line-height: 1.95; } .technical-specifications-wrap { height: 100%; padding: 22px; border: 1px solid var(--pk-line); border-radius: 18px; background: #fff; } .tech-feature-list li { font-size: 14px; line-height: 1.95; color: var(--pk-text); } .table-responsive { border-radius: 14px; } /* ---------- small screens ---------- */ @media (max-width: 767px) { .hero-equal-height .hero-content-wrap { padding: 26px 20px; border-radius: 20px; background: rgba(255, 255, 255, 0.07); -webkit-backdrop-filter: none; backdrop-filter: none; } .hero-content-wrap .hosting-feature-list { gap: 8px; } .hero-content-wrap .hosting-feature-list li { padding: 8px 10px; gap: 8px; font-size: 13px; } .hero-equal-height .img-wrap { margin-top: 28px; text-align: center; } .hero-equal-height .img-wrap img { max-width: 230px; } .section-heading.mb-5 { margin-bottom: 2rem !important; } .single-pricing-pack .pricing-header { margin-inline: 14px; } } @media (max-width: 359px) { .hero-content-wrap .hosting-feature-list { grid-template-columns: 1fr; } } @media (max-width: 575px) { ul.nav.nav-tabs.feature-tab { width: 100%; } ul.nav.nav-tabs.feature-tab li { flex: 1 1 100%; } ul.nav.nav-tabs.feature-tab li a.nav-link { justify-content: center; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .card.single-pricing-pack, .card.single-pricing-pack:hover { transition: none; transform: none; } } /* ---------- photo heroes (Telegram, VPS, reseller): navy overlay with light pools instead of a flat wash ---------- */ .hero-equal-height.gradient-overly-right::before, .hero-equal-height.section-ornament.gradient-overly-right::before { display: block; content: ""; position: absolute; inset: 0; width: auto; height: auto; border-radius: 0; filter: none; z-index: 0; background: radial-gradient(48% 80% at 10% 10%, rgba(16, 185, 129, 0.24), transparent 62%), radial-gradient(46% 70% at 94% 96%, rgba(56, 130, 246, 0.3), transparent 62%), linear-gradient(160deg, rgba(5, 10, 22, 0.95) 0%, rgba(9, 22, 50, 0.9) 55%, rgba(8, 36, 54, 0.88) 100%) !important; } .hero-equal-height.gradient-overly-right::after, .hero-equal-height.section-ornament.gradient-overly-right::after { display: block; content: ""; position: absolute; inset: 0; width: auto; height: auto; border-radius: 0; filter: none; z-index: 0; pointer-events: none; background-image: var(--pk-dots); background-size: var(--pk-dots-size); -webkit-mask-image: radial-gradient(70% 95% at 20% 40%, #000 0%, transparent 76%); mask-image: radial-gradient(70% 95% at 20% 40%, #000 0%, transparent 76%); } .hero-equal-height.gradient-overly-right { border-radius: 0 0 44px 44px; } @media (max-width: 767px) { .hero-equal-height.gradient-overly-right { border-radius: 0 0 28px 28px; } } /* css/locations.css?v=7 */ /* location switcher on product pages: Iran (default) / Netherlands / Germany */ .pk-loc { padding: 54px 0 60px; background: #f6f8fc; } .pk-loc__head { max-width: 760px; margin: 0 auto 24px; text-align: center; } .pk-loc__head h2 { margin: 0 0 8px; font-size: 28px; font-weight: 800; color: #0f172a; } .pk-loc__head p { margin: 0; color: #64748b; line-height: 1.9; } .pk-loc-tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; width: fit-content; max-width: 100%; margin: 0 auto 10px; padding: 6px; list-style: none; border: 0; border-radius: 18px; background: #e8edf6; } .pk-loc-tabs .nav-link { display: flex; align-items: center; gap: 10px; padding: 11px 26px; border: 0; border-radius: 13px; background: transparent; font-size: 16px; font-weight: 800; color: #475569; transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease; } .pk-loc-tabs .nav-link:hover { color: #0f172a; } .pk-loc-tabs .nav-link.active { background: #ffffff; color: #0a5ee0; box-shadow: 0 10px 22px -14px rgba(15, 45, 90, 0.55); } .pk-flag { width: 28px; height: 19px; flex-shrink: 0; border-radius: 4px; box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.18); } .pk-loc__note { margin: 0 0 22px; text-align: center; font-size: 14px; color: #64748b; } .pk-loc .pk-loc-row { margin-bottom: 8px; } .pk-loc .single-pricing-pack { height: 100%; } .pk-loc-soon { max-width: 620px; margin: 0 auto; padding: 34px 30px; border: 1px dashed #b7c4d9; border-radius: 20px; background: #ffffff; text-align: center; } .pk-loc-soon h3 { margin: 0 0 10px; font-size: 21px; font-weight: 800; color: #0f172a; } .pk-loc-soon p { margin: 0 0 18px; line-height: 2; color: #475569; } @media (max-width: 575px) { .pk-loc-tabs .nav-link { padding: 10px 16px; font-size: 15px; } } .pk-traffic { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin: 28px auto 0; max-width: 980px; padding: 24px 28px; border: 1px solid #dbe3f0; border-radius: 20px; background: #ffffff; } .pk-traffic h3 { margin: 0 0 6px; font-size: 19px; font-weight: 800; color: #0f172a; } .pk-traffic p { margin: 0; max-width: 520px; line-height: 1.9; color: #475569; } .pk-traffic__price { font-size: 24px; font-weight: 800; color: #0f172a; } .pk-traffic__price small { display: block; font-size: 12.5px; font-weight: 500; color: #64748b; } /* "why Pikohost" boxes under the plans */ .pk-why { padding: 62px 0 70px; background: #ffffff; } .pk-why__head { margin-bottom: 30px; text-align: center; } .pk-why__head h2 { margin: 0; font-size: 26px; font-weight: 800; color: #0f172a; } .pk-why__head h2::after { content: ""; display: block; width: 52px; height: 4px; margin: 12px auto 0; border-radius: 4px; background: linear-gradient(90deg, #0a5ee0, #16a34a); } .pk-why__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; max-width: 1100px; margin: 0 auto; } .pk-why__card { position: relative; padding: 30px 26px 28px; border: 1px solid #e3e9f2; border-radius: 22px; background: linear-gradient(180deg, #ffffff 0%, #f8fafd 100%); text-align: right; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .pk-why__card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; border-radius: 22px 22px 0 0; background: linear-gradient(90deg, #0a5ee0, #16a34a); opacity: 0; transition: opacity 0.2s ease; } .pk-why__card:hover { transform: translateY(-5px); border-color: #c9d6ea; box-shadow: 0 28px 48px -32px rgba(15, 45, 90, 0.55); } .pk-why__card:hover::before { opacity: 1; } .pk-why__ico { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; margin-bottom: 18px; border-radius: 17px; background: linear-gradient(135deg, #0a5ee0, #16a34a); box-shadow: 0 16px 28px -16px rgba(10, 94, 224, 0.7); } .pk-why__ico svg { width: 28px; height: 28px; fill: none; stroke: #ffffff; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } .pk-why__card h3 { margin: 0 0 10px; font-size: 19px; font-weight: 800; color: #0f172a; } .pk-why__card p { margin: 0; font-size: 14.5px; line-height: 2; color: #5b6b82; } @media (max-width: 860px) { .pk-why__grid { grid-template-columns: 1fr; } } /* page FAQ */ .pk-faqs { padding: 56px 0 64px; background: #f6f8fc; } .pk-faqs h2 { margin: 0 0 24px; text-align: center; font-size: 26px; font-weight: 800; color: #0f172a; } .pk-faqs__list { max-width: 860px; margin: 0 auto; } .pk-faqs details { margin-bottom: 10px; border: 1px solid #e3e9f2; border-radius: 14px; background: #ffffff; } .pk-faqs summary { padding: 15px 20px; font-weight: 800; color: #0f172a; cursor: pointer; } .pk-faqs details[open] summary { color: #0f7a38; } .pk-faqs details > div { padding: 0 20px 18px; line-height: 2; color: #334155; } /* home page: web design and SEO entry */ .pk-homeweb { padding: 62px 0 70px; background: #f6f8fc; } .pk-homeweb__head { max-width: 720px; margin: 0 auto 28px; text-align: center; } .pk-homeweb__head h2 { margin: 0 0 10px; font-size: 28px; font-weight: 800; color: #0f172a; } .pk-homeweb__head p { margin: 0; line-height: 1.95; color: #5b6b82; } .pk-homeweb__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; max-width: 1100px; margin: 0 auto; } .pk-homeweb__card { display: block; padding: 24px 22px; border: 1px solid #e3e9f2; border-radius: 18px; background: #ffffff; text-align: right; transition: transform 0.2s ease, box-shadow 0.2s ease; } .pk-homeweb__card:hover { transform: translateY(-4px); box-shadow: 0 24px 44px -30px rgba(15, 45, 90, 0.55); text-decoration: none; } .pk-homeweb__card strong { display: block; margin-bottom: 6px; font-size: 16.5px; color: #0f172a; } .pk-homeweb__card span { font-size: 13.5px; color: #64748b; } .pk-homeweb__more { margin: 26px 0 0; text-align: center; } @media (max-width: 860px) { .pk-homeweb__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 480px) { .pk-homeweb__grid { grid-template-columns: 1fr; } } /* technical lead box (about page) */ .pk-about-team { padding: 50px 0 60px; background: #f6f8fc; } .pk-about-team .pk-author { max-width: 900px; margin: 0 auto; } .pk-author { display: flex; gap: 16px; align-items: flex-start; padding: 22px 24px; border: 1px solid #e3e9f2; border-radius: 18px; background: #ffffff; } .pk-author__avatar { flex-shrink: 0; width: 54px; height: 54px; border-radius: 16px; background: linear-gradient(135deg, #0a5ee0, #16a34a); color: #ffffff; font-size: 22px; font-weight: 800; line-height: 54px; text-align: center; } .pk-author strong { display: block; margin-bottom: 4px; color: #0f172a; } .pk-author p { margin: 0 0 6px; line-height: 1.95; font-size: 14.5px; color: #475569; } .pk-author a { font-weight: 700; color: #0a5ee0; } /* original guide text under the plans */ .pk-guide { padding: 56px 0 24px; background: #ffffff; } .pk-guide__body { max-width: 860px; margin: 0 auto; } .pk-guide__body h2 { margin: 36px 0 14px; font-size: 24px; font-weight: 800; color: #0f172a; } .pk-guide__body h2:first-child { margin-top: 0; } .pk-guide__body p { margin: 0 0 14px; line-height: 2.15; font-size: 15.5px; color: #334155; } .pk-guide__body ul { margin: 0 0 14px; padding: 0 22px 0 0; } .pk-guide__body li { margin-bottom: 8px; line-height: 2; font-size: 15.5px; color: #334155; } .pk-guide__body a { font-weight: 700; color: #0a5ee0; } .pk-guide__rel { margin-top: 34px; padding: 20px 24px; border: 1px solid #e3e9f2; border-radius: 16px; background: #f8fafd; } .pk-guide__rel h3 { margin: 0 0 10px; font-size: 17px; font-weight: 800; color: #0f172a; } .pk-guide__rel ul { margin: 0; } .pk-guide__date { margin: 26px 0 0 !important; font-size: 13px !important; color: #64748b !important; } /* comparison tables inside the guide text */ .pk-guide__table { margin: 4px 0 20px; overflow-x: auto; border: 1px solid #e2e8f0; border-radius: 12px; background: #ffffff; } .pk-guide__table table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 14px; line-height: 1.8; } .pk-guide__table th, .pk-guide__table td { padding: 11px 14px; text-align: right; vertical-align: top; border-bottom: 1px solid #eef2f7; } .pk-guide__table thead th { background: #f1f5f9; color: #0f172a; font-weight: 700; white-space: nowrap; } .pk-guide__table tbody th { color: #0f172a; font-weight: 700; background: #fafcfe; white-space: nowrap; } .pk-guide__table tbody tr:last-child th, .pk-guide__table tbody tr:last-child td { border-bottom: 0; } /* /css/seo-fixes-20261101.css */ /* Keyboard access and motion/perceived-load fixes; no layout redesign. */ .pk-skip{position:fixed;top:-100px;right:1rem;z-index:10000;padding:12px 20px;background:#fff;color:#172c57;border:2px solid #172c57} .pk-skip:focus{top:1rem} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}} @media(max-width:767px){.hero-particles{display:none!important}} /* Mobile: prioritize readable service content over decorative hero imagery. */ @media(max-width:767.98px){ .hero-equal-height{background-image:linear-gradient(135deg,#071426,#16375d)!important;min-height:0!important} .hero-equal-height .animation-image-wrap{display:none!important} .hero-equal-height .hero-content-wrap{margin-bottom:0} }