@charset "UTF-8";
.fa,.fab,.fad,.fal,.far,.fas{-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,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,: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-airbnb:before{content:"\f834"}.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-artstation:before{content:"\f77a"}.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-atlassian:before{content:"\f77b"}.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-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.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-battle-net:before{content:"\f835"}.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-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.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-blog:before{content:"\f781"}.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-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.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-buffer:before{content:"\f837"}.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-buy-n-large:before{content:"\f8a6"}.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-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.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-caravan:before{content:"\f8ff"}.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-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.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-centos:before{content:"\f789"}.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-cheese:before{content:"\f7ef"}.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-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.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-cloudflare:before{content:"\e07d"}.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-medical:before{content:"\f7f5"}.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-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.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-cotton-bureau:before{content:"\f89e"}.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-crutch:before{content:"\f7f7"}.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-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.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-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.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-disease:before{content:"\f7fa"}.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-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.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-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.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-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.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-alt:before{content:"\f424"}.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-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.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-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.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-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.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-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.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-globe-europe:before{content:"\f7a2"}.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-pay:before{content:"\e079"}.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-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.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-hamburger:before{content:"\f805"}.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-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.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-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.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-heart-broken:before{content:"\f7a9"}.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-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.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-house-user:before{content:"\e065"}.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-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.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-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.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-jira:before{content:"\f7b1"}.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-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.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-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.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-mdb:before{content:"\f8ca"}.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-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.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-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.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:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.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-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-octopus-deploy:before{content:"\e082"}.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-orcid:before{content:"\f8d2"}.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-pager:before{content:"\f815"}.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-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.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-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.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-pied-piper-square:before{content:"\e01e"}.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-pizza-slice:before{content:"\f818"}.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-plane-slash:before{content:"\e069"}.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-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.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-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.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-record-vinyl:before{content:"\f8d9"}.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-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.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-restroom:before{content:"\f7bd"}.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-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.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-sd-card:before{content:"\f7c2"}.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-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.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-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.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-sleigh:before{content:"\f7cc"}.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-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.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-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.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-stackpath:before{content:"\f842"}.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-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.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-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.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-tenge:before{content:"\f7d7"}.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-tiktok:before{content:"\e07b"}.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:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.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-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.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-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.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-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.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-nurse:before{content:"\f82f"}.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-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.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-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.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-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.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-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.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-wodu:before{content:"\e088"}.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-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.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"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.eot);src:url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff2) format("woff2"),url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff) format("woff"),url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.ttf) format("truetype"),url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.eot);src:url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.woff2) format("woff2"),url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.woff) format("woff"),url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.ttf) format("truetype"),url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.eot);src:url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2) format("woff2"),url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff) format("woff"),url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.ttf) format("truetype"),url(//autoport.co.in/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}.fa.fa-glass:before{content:"\f000"}.fa.fa-meetup{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-star-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-o:before{content:"\f005"}.fa.fa-close:before,.fa.fa-remove:before{content:"\f00d"}.fa.fa-gear:before{content:"\f013"}.fa.fa-trash-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-trash-o:before{content:"\f2ed"}.fa.fa-file-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-o:before{content:"\f15b"}.fa.fa-clock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-clock-o:before{content:"\f017"}.fa.fa-arrow-circle-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-down:before{content:"\f358"}.fa.fa-arrow-circle-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-up:before{content:"\f35b"}.fa.fa-play-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-play-circle-o:before{content:"\f144"}.fa.fa-repeat:before,.fa.fa-rotate-right:before{content:"\f01e"}.fa.fa-refresh:before{content:"\f021"}.fa.fa-list-alt{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-dedent:before{content:"\f03b"}.fa.fa-video-camera:before{content:"\f03d"}.fa.fa-picture-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-picture-o:before{content:"\f03e"}.fa.fa-photo{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-photo:before{content:"\f03e"}.fa.fa-image{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-image:before{content:"\f03e"}.fa.fa-pencil:before{content:"\f303"}.fa.fa-map-marker:before{content:"\f3c5"}.fa.fa-pencil-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-pencil-square-o:before{content:"\f044"}.fa.fa-share-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-share-square-o:before{content:"\f14d"}.fa.fa-check-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-check-square-o:before{content:"\f14a"}.fa.fa-arrows:before{content:"\f0b2"}.fa.fa-times-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-circle-o:before{content:"\f057"}.fa.fa-check-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-check-circle-o:before{content:"\f058"}.fa.fa-mail-forward:before{content:"\f064"}.fa.fa-expand:before{content:"\f424"}.fa.fa-compress:before{content:"\f422"}.fa.fa-eye,.fa.fa-eye-slash{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-warning:before{content:"\f071"}.fa.fa-calendar:before{content:"\f073"}.fa.fa-arrows-v:before{content:"\f338"}.fa.fa-arrows-h:before{content:"\f337"}.fa.fa-bar-chart{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bar-chart:before{content:"\f080"}.fa.fa-bar-chart-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bar-chart-o:before{content:"\f080"}.fa.fa-facebook-square,.fa.fa-twitter-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-gears:before{content:"\f085"}.fa.fa-thumbs-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-thumbs-o-up:before{content:"\f164"}.fa.fa-thumbs-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-thumbs-o-down:before{content:"\f165"}.fa.fa-heart-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-heart-o:before{content:"\f004"}.fa.fa-sign-out:before{content:"\f2f5"}.fa.fa-linkedin-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-linkedin-square:before{content:"\f08c"}.fa.fa-thumb-tack:before{content:"\f08d"}.fa.fa-external-link:before{content:"\f35d"}.fa.fa-sign-in:before{content:"\f2f6"}.fa.fa-github-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-lemon-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-lemon-o:before{content:"\f094"}.fa.fa-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-square-o:before{content:"\f0c8"}.fa.fa-bookmark-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bookmark-o:before{content:"\f02e"}.fa.fa-facebook,.fa.fa-twitter{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook:before{content:"\f39e"}.fa.fa-facebook-f{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook-f:before{content:"\f39e"}.fa.fa-github{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-credit-card{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-feed:before{content:"\f09e"}.fa.fa-hdd-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hdd-o:before{content:"\f0a0"}.fa.fa-hand-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-right:before{content:"\f0a4"}.fa.fa-hand-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-left:before{content:"\f0a5"}.fa.fa-hand-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-up:before{content:"\f0a6"}.fa.fa-hand-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-o-down:before{content:"\f0a7"}.fa.fa-arrows-alt:before{content:"\f31e"}.fa.fa-group:before{content:"\f0c0"}.fa.fa-chain:before{content:"\f0c1"}.fa.fa-scissors:before{content:"\f0c4"}.fa.fa-files-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-files-o:before{content:"\f0c5"}.fa.fa-floppy-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-floppy-o:before{content:"\f0c7"}.fa.fa-navicon:before,.fa.fa-reorder:before{content:"\f0c9"}.fa.fa-google-plus,.fa.fa-google-plus-square,.fa.fa-pinterest,.fa.fa-pinterest-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus:before{content:"\f0d5"}.fa.fa-money{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-money:before{content:"\f3d1"}.fa.fa-unsorted:before{content:"\f0dc"}.fa.fa-sort-desc:before{content:"\f0dd"}.fa.fa-sort-asc:before{content:"\f0de"}.fa.fa-linkedin{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-linkedin:before{content:"\f0e1"}.fa.fa-rotate-left:before{content:"\f0e2"}.fa.fa-legal:before{content:"\f0e3"}.fa.fa-dashboard:before,.fa.fa-tachometer:before{content:"\f3fd"}.fa.fa-comment-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-comment-o:before{content:"\f075"}.fa.fa-comments-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-comments-o:before{content:"\f086"}.fa.fa-flash:before{content:"\f0e7"}.fa.fa-clipboard,.fa.fa-paste{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-paste:before{content:"\f328"}.fa.fa-lightbulb-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-lightbulb-o:before{content:"\f0eb"}.fa.fa-exchange:before{content:"\f362"}.fa.fa-cloud-download:before{content:"\f381"}.fa.fa-cloud-upload:before{content:"\f382"}.fa.fa-bell-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bell-o:before{content:"\f0f3"}.fa.fa-cutlery:before{content:"\f2e7"}.fa.fa-file-text-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-text-o:before{content:"\f15c"}.fa.fa-building-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-building-o:before{content:"\f1ad"}.fa.fa-hospital-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hospital-o:before{content:"\f0f8"}.fa.fa-tablet:before{content:"\f3fa"}.fa.fa-mobile-phone:before,.fa.fa-mobile:before{content:"\f3cd"}.fa.fa-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-circle-o:before{content:"\f111"}.fa.fa-mail-reply:before{content:"\f3e5"}.fa.fa-github-alt{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-folder-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-folder-o:before{content:"\f07b"}.fa.fa-folder-open-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-folder-open-o:before{content:"\f07c"}.fa.fa-smile-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-smile-o:before{content:"\f118"}.fa.fa-frown-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-frown-o:before{content:"\f119"}.fa.fa-meh-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-meh-o:before{content:"\f11a"}.fa.fa-keyboard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-keyboard-o:before{content:"\f11c"}.fa.fa-flag-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-flag-o:before{content:"\f024"}.fa.fa-mail-reply-all:before{content:"\f122"}.fa.fa-star-half-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-o:before{content:"\f089"}.fa.fa-star-half-empty{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-empty:before{content:"\f089"}.fa.fa-star-half-full{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-star-half-full:before{content:"\f089"}.fa.fa-code-fork:before{content:"\f126"}.fa.fa-chain-broken:before{content:"\f127"}.fa.fa-shield:before{content:"\f3ed"}.fa.fa-calendar-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-o:before{content:"\f133"}.fa.fa-css3,.fa.fa-html5,.fa.fa-maxcdn{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ticket:before{content:"\f3ff"}.fa.fa-minus-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-minus-square-o:before{content:"\f146"}.fa.fa-level-up:before{content:"\f3bf"}.fa.fa-level-down:before{content:"\f3be"}.fa.fa-pencil-square:before{content:"\f14b"}.fa.fa-external-link-square:before{content:"\f360"}.fa.fa-compass{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-down:before{content:"\f150"}.fa.fa-toggle-down{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-down:before{content:"\f150"}.fa.fa-caret-square-o-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-up:before{content:"\f151"}.fa.fa-toggle-up{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-up:before{content:"\f151"}.fa.fa-caret-square-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-right:before{content:"\f152"}.fa.fa-toggle-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-right:before{content:"\f152"}.fa.fa-eur:before,.fa.fa-euro:before{content:"\f153"}.fa.fa-gbp:before{content:"\f154"}.fa.fa-dollar:before,.fa.fa-usd:before{content:"\f155"}.fa.fa-inr:before,.fa.fa-rupee:before{content:"\f156"}.fa.fa-cny:before,.fa.fa-jpy:before,.fa.fa-rmb:before,.fa.fa-yen:before{content:"\f157"}.fa.fa-rouble:before,.fa.fa-rub:before,.fa.fa-ruble:before{content:"\f158"}.fa.fa-krw:before,.fa.fa-won:before{content:"\f159"}.fa.fa-bitcoin,.fa.fa-btc{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bitcoin:before{content:"\f15a"}.fa.fa-file-text:before{content:"\f15c"}.fa.fa-sort-alpha-asc:before{content:"\f15d"}.fa.fa-sort-alpha-desc:before{content:"\f881"}.fa.fa-sort-amount-asc:before{content:"\f160"}.fa.fa-sort-amount-desc:before{content:"\f884"}.fa.fa-sort-numeric-asc:before{content:"\f162"}.fa.fa-sort-numeric-desc:before{content:"\f886"}.fa.fa-xing,.fa.fa-xing-square,.fa.fa-youtube,.fa.fa-youtube-play,.fa.fa-youtube-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-youtube-play:before{content:"\f167"}.fa.fa-adn,.fa.fa-bitbucket,.fa.fa-bitbucket-square,.fa.fa-dropbox,.fa.fa-flickr,.fa.fa-instagram,.fa.fa-stack-overflow{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bitbucket-square:before{content:"\f171"}.fa.fa-tumblr,.fa.fa-tumblr-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-long-arrow-down:before{content:"\f309"}.fa.fa-long-arrow-up:before{content:"\f30c"}.fa.fa-long-arrow-left:before{content:"\f30a"}.fa.fa-long-arrow-right:before{content:"\f30b"}.fa.fa-android,.fa.fa-apple,.fa.fa-dribbble,.fa.fa-foursquare,.fa.fa-gittip,.fa.fa-gratipay,.fa.fa-linux,.fa.fa-skype,.fa.fa-trello,.fa.fa-windows{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-gittip:before{content:"\f184"}.fa.fa-sun-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-sun-o:before{content:"\f185"}.fa.fa-moon-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-moon-o:before{content:"\f186"}.fa.fa-pagelines,.fa.fa-renren,.fa.fa-stack-exchange,.fa.fa-vk,.fa.fa-weibo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-arrow-circle-o-right{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-right:before{content:"\f35a"}.fa.fa-arrow-circle-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-arrow-circle-o-left:before{content:"\f359"}.fa.fa-caret-square-o-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-caret-square-o-left:before{content:"\f191"}.fa.fa-toggle-left{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-toggle-left:before{content:"\f191"}.fa.fa-dot-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-dot-circle-o:before{content:"\f192"}.fa.fa-vimeo-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-try:before,.fa.fa-turkish-lira:before{content:"\f195"}.fa.fa-plus-square-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-plus-square-o:before{content:"\f0fe"}.fa.fa-openid,.fa.fa-slack,.fa.fa-wordpress{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bank:before,.fa.fa-institution:before{content:"\f19c"}.fa.fa-mortar-board:before{content:"\f19d"}.fa.fa-delicious,.fa.fa-digg,.fa.fa-drupal,.fa.fa-google,.fa.fa-joomla,.fa.fa-pied-piper-alt,.fa.fa-pied-piper-pp,.fa.fa-reddit,.fa.fa-reddit-square,.fa.fa-stumbleupon,.fa.fa-stumbleupon-circle,.fa.fa-yahoo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-spoon:before{content:"\f2e5"}.fa.fa-behance,.fa.fa-behance-square,.fa.fa-steam,.fa.fa-steam-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-automobile:before{content:"\f1b9"}.fa.fa-envelope-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-envelope-o:before{content:"\f0e0"}.fa.fa-deviantart,.fa.fa-soundcloud,.fa.fa-spotify{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-file-pdf-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-pdf-o:before{content:"\f1c1"}.fa.fa-file-word-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-word-o:before{content:"\f1c2"}.fa.fa-file-excel-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-excel-o:before{content:"\f1c3"}.fa.fa-file-powerpoint-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-powerpoint-o:before{content:"\f1c4"}.fa.fa-file-image-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-image-o:before{content:"\f1c5"}.fa.fa-file-photo-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-photo-o:before{content:"\f1c5"}.fa.fa-file-picture-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-picture-o:before{content:"\f1c5"}.fa.fa-file-archive-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-archive-o:before{content:"\f1c6"}.fa.fa-file-zip-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-zip-o:before{content:"\f1c6"}.fa.fa-file-audio-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-audio-o:before{content:"\f1c7"}.fa.fa-file-sound-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-sound-o:before{content:"\f1c7"}.fa.fa-file-video-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-video-o:before{content:"\f1c8"}.fa.fa-file-movie-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-movie-o:before{content:"\f1c8"}.fa.fa-file-code-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-file-code-o:before{content:"\f1c9"}.fa.fa-codepen,.fa.fa-jsfiddle,.fa.fa-vine{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-life-bouy,.fa.fa-life-ring{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-bouy:before{content:"\f1cd"}.fa.fa-life-buoy{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-buoy:before{content:"\f1cd"}.fa.fa-life-saver{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-life-saver:before{content:"\f1cd"}.fa.fa-support{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-support:before{content:"\f1cd"}.fa.fa-circle-o-notch:before{content:"\f1ce"}.fa.fa-ra,.fa.fa-rebel{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ra:before{content:"\f1d0"}.fa.fa-resistance{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-resistance:before{content:"\f1d0"}.fa.fa-empire,.fa.fa-ge{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-ge:before{content:"\f1d1"}.fa.fa-git,.fa.fa-git-square,.fa.fa-hacker-news,.fa.fa-y-combinator-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-y-combinator-square:before{content:"\f1d4"}.fa.fa-yc-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-yc-square:before{content:"\f1d4"}.fa.fa-qq,.fa.fa-tencent-weibo,.fa.fa-wechat,.fa.fa-weixin{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-wechat:before{content:"\f1d7"}.fa.fa-send:before{content:"\f1d8"}.fa.fa-paper-plane-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-paper-plane-o:before{content:"\f1d8"}.fa.fa-send-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-send-o:before{content:"\f1d8"}.fa.fa-circle-thin{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-circle-thin:before{content:"\f111"}.fa.fa-header:before{content:"\f1dc"}.fa.fa-sliders:before{content:"\f1de"}.fa.fa-futbol-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-futbol-o:before{content:"\f1e3"}.fa.fa-soccer-ball-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-soccer-ball-o:before{content:"\f1e3"}.fa.fa-slideshare,.fa.fa-twitch,.fa.fa-yelp{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-newspaper-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-newspaper-o:before{content:"\f1ea"}.fa.fa-cc-amex,.fa.fa-cc-discover,.fa.fa-cc-mastercard,.fa.fa-cc-paypal,.fa.fa-cc-stripe,.fa.fa-cc-visa,.fa.fa-google-wallet,.fa.fa-paypal{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-bell-slash-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-bell-slash-o:before{content:"\f1f6"}.fa.fa-trash:before{content:"\f2ed"}.fa.fa-copyright{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-eyedropper:before{content:"\f1fb"}.fa.fa-area-chart:before{content:"\f1fe"}.fa.fa-pie-chart:before{content:"\f200"}.fa.fa-line-chart:before{content:"\f201"}.fa.fa-angellist,.fa.fa-ioxhost,.fa.fa-lastfm,.fa.fa-lastfm-square{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-cc{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-cc:before{content:"\f20a"}.fa.fa-ils:before,.fa.fa-shekel:before,.fa.fa-sheqel:before{content:"\f20b"}.fa.fa-meanpath{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-meanpath:before{content:"\f2b4"}.fa.fa-buysellads,.fa.fa-connectdevelop,.fa.fa-dashcube,.fa.fa-forumbee,.fa.fa-leanpub,.fa.fa-sellsy,.fa.fa-shirtsinbulk,.fa.fa-simplybuilt,.fa.fa-skyatlas{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-diamond{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-diamond:before{content:"\f3a5"}.fa.fa-intersex:before{content:"\f224"}.fa.fa-facebook-official{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-facebook-official:before{content:"\f09a"}.fa.fa-pinterest-p,.fa.fa-whatsapp{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-hotel:before{content:"\f236"}.fa.fa-medium,.fa.fa-viacoin,.fa.fa-y-combinator,.fa.fa-yc{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-yc:before{content:"\f23b"}.fa.fa-expeditedssl,.fa.fa-opencart,.fa.fa-optin-monster{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-battery-4:before,.fa.fa-battery:before{content:"\f240"}.fa.fa-battery-3:before{content:"\f241"}.fa.fa-battery-2:before{content:"\f242"}.fa.fa-battery-1:before{content:"\f243"}.fa.fa-battery-0:before{content:"\f244"}.fa.fa-object-group,.fa.fa-object-ungroup,.fa.fa-sticky-note-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-sticky-note-o:before{content:"\f249"}.fa.fa-cc-diners-club,.fa.fa-cc-jcb{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-clone,.fa.fa-hourglass-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hourglass-o:before{content:"\f254"}.fa.fa-hourglass-1:before{content:"\f251"}.fa.fa-hourglass-2:before{content:"\f252"}.fa.fa-hourglass-3:before{content:"\f253"}.fa.fa-hand-rock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-rock-o:before{content:"\f255"}.fa.fa-hand-grab-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-grab-o:before{content:"\f255"}.fa.fa-hand-paper-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-paper-o:before{content:"\f256"}.fa.fa-hand-stop-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-stop-o:before{content:"\f256"}.fa.fa-hand-scissors-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-scissors-o:before{content:"\f257"}.fa.fa-hand-lizard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-lizard-o:before{content:"\f258"}.fa.fa-hand-spock-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-spock-o:before{content:"\f259"}.fa.fa-hand-pointer-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-pointer-o:before{content:"\f25a"}.fa.fa-hand-peace-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-hand-peace-o:before{content:"\f25b"}.fa.fa-registered{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-chrome,.fa.fa-creative-commons,.fa.fa-firefox,.fa.fa-get-pocket,.fa.fa-gg,.fa.fa-gg-circle,.fa.fa-internet-explorer,.fa.fa-odnoklassniki,.fa.fa-odnoklassniki-square,.fa.fa-opera,.fa.fa-safari,.fa.fa-tripadvisor,.fa.fa-wikipedia-w{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-television:before{content:"\f26c"}.fa.fa-500px,.fa.fa-amazon,.fa.fa-contao{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-calendar-plus-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-plus-o:before{content:"\f271"}.fa.fa-calendar-minus-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-minus-o:before{content:"\f272"}.fa.fa-calendar-times-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-times-o:before{content:"\f273"}.fa.fa-calendar-check-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-calendar-check-o:before{content:"\f274"}.fa.fa-map-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-map-o:before{content:"\f279"}.fa.fa-commenting:before{content:"\f4ad"}.fa.fa-commenting-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-commenting-o:before{content:"\f4ad"}.fa.fa-houzz,.fa.fa-vimeo{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-vimeo:before{content:"\f27d"}.fa.fa-black-tie,.fa.fa-edge,.fa.fa-fonticons,.fa.fa-reddit-alien{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-credit-card-alt:before{content:"\f09d"}.fa.fa-codiepie,.fa.fa-fort-awesome,.fa.fa-mixcloud,.fa.fa-modx,.fa.fa-product-hunt,.fa.fa-scribd,.fa.fa-usb{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-pause-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-pause-circle-o:before{content:"\f28b"}.fa.fa-stop-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-stop-circle-o:before{content:"\f28d"}.fa.fa-bluetooth,.fa.fa-bluetooth-b,.fa.fa-envira,.fa.fa-gitlab,.fa.fa-wheelchair-alt,.fa.fa-wpbeginner,.fa.fa-wpforms{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-wheelchair-alt:before{content:"\f368"}.fa.fa-question-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-question-circle-o:before{content:"\f059"}.fa.fa-volume-control-phone:before{content:"\f2a0"}.fa.fa-asl-interpreting:before{content:"\f2a3"}.fa.fa-deafness:before,.fa.fa-hard-of-hearing:before{content:"\f2a4"}.fa.fa-glide,.fa.fa-glide-g{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-signing:before{content:"\f2a7"}.fa.fa-first-order,.fa.fa-google-plus-official,.fa.fa-pied-piper,.fa.fa-snapchat,.fa.fa-snapchat-ghost,.fa.fa-snapchat-square,.fa.fa-themeisle,.fa.fa-viadeo,.fa.fa-viadeo-square,.fa.fa-yoast{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus-official:before{content:"\f2b3"}.fa.fa-google-plus-circle{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-google-plus-circle:before{content:"\f2b3"}.fa.fa-fa,.fa.fa-font-awesome{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-fa:before{content:"\f2b4"}.fa.fa-handshake-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-handshake-o:before{content:"\f2b5"}.fa.fa-envelope-open-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-envelope-open-o:before{content:"\f2b6"}.fa.fa-linode{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-address-book-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-address-book-o:before{content:"\f2b9"}.fa.fa-vcard:before{content:"\f2bb"}.fa.fa-address-card-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-address-card-o:before{content:"\f2bb"}.fa.fa-vcard-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-vcard-o:before{content:"\f2bb"}.fa.fa-user-circle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-user-circle-o:before{content:"\f2bd"}.fa.fa-user-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-user-o:before{content:"\f007"}.fa.fa-id-badge{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-drivers-license:before{content:"\f2c2"}.fa.fa-id-card-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-id-card-o:before{content:"\f2c2"}.fa.fa-drivers-license-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-drivers-license-o:before{content:"\f2c2"}.fa.fa-free-code-camp,.fa.fa-quora,.fa.fa-telegram{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-thermometer-4:before,.fa.fa-thermometer:before{content:"\f2c7"}.fa.fa-thermometer-3:before{content:"\f2c8"}.fa.fa-thermometer-2:before{content:"\f2c9"}.fa.fa-thermometer-1:before{content:"\f2ca"}.fa.fa-thermometer-0:before{content:"\f2cb"}.fa.fa-bathtub:before,.fa.fa-s15:before{content:"\f2cd"}.fa.fa-window-maximize,.fa.fa-window-restore{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-rectangle:before{content:"\f410"}.fa.fa-window-close-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-window-close-o:before{content:"\f410"}.fa.fa-times-rectangle-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-times-rectangle-o:before{content:"\f410"}.fa.fa-bandcamp,.fa.fa-eercast,.fa.fa-etsy,.fa.fa-grav,.fa.fa-imdb,.fa.fa-ravelry{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-eercast:before{content:"\f2da"}.fa.fa-snowflake-o{font-family:"Font Awesome 5 Free";font-weight:400}.fa.fa-snowflake-o:before{content:"\f2dc"}.fa.fa-superpowers,.fa.fa-wpexplorer{font-family:"Font Awesome 5 Brands";font-weight:400}.fa.fa-cab:before{content:"\f1ba"}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-widget-image-box .elementor-image-box-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-image-box .elementor-image-box-description{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-description{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-star-rating .elementor-star-rating__title{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar{background-color:var( --e-global-color-primary );}.elementor-widget-progress .elementor-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial .elementor-testimonial-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-testimonial .elementor-testimonial-name{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial .elementor-testimonial-job{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-tabs .elementor-tab-title, .elementor-widget-tabs .elementor-tab-title a{color:var( --e-global-color-primary );}.elementor-widget-tabs .elementor-tab-title.elementor-active,
.elementor-widget-tabs .elementor-tab-title.elementor-active a{color:var( --e-global-color-accent );}.elementor-widget-tabs .elementor-tab-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tabs .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-toggle .elementor-toggle-title, .elementor-widget-toggle .elementor-toggle-icon{color:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-toggle-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-tab-title.elementor-active a, .elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon{color:var( --e-global-color-accent );}.elementor-widget-toggle .elementor-toggle-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-toggle .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-alert .elementor-alert-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-alert .elementor-alert-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-csr_slickslider #mainSlider .slide-content h4{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-csr_slickslider #mainSlider .slide-content h3{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-csr_slickslider #mainSlider .slide-content p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-banner_under_slider .promo-01 .promo-01__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-banner_under_slider .promo-01 .promo-01__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-our_services .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-our_services p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-banner_services .banner-service .banner-text-1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-banner_services .banner-service .banner-text-2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-banner_services .banner-service .banner-text-3{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-banner_services .banner-service .banner-text-4{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-about_us .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-about_us p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-about_us .wrapper-parallax-left .col-description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-electrician-brands-2 .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-electrician-brands-2 .block-title .block-title__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-electrician-brands-2 .promo02 .promo02__img .promo02__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs-icon-thumb-box .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs-icon-thumb-box .block-title .block-title__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs-icon-thumb-box .text-icon .title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs-icon-thumb-box .text-icon .text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs_testimonials .section-blog.section-blog__color02 .item .item__description p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-appointment_schedule h2.h-lg{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-appointment_schedule h1+p.info, h2+p.info{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-appointment_schedule p.info + h2.h-phone{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-about_us_1 .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-about_us_1 .wrapper-parallax-left02 p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-about_us_1 .subtitle{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-about_us_1 p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-contact_page .block-title > :nth-child(1){font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-contact_page .block-title .block-title__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-contact_page .info02 .info02__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-contact_page .info02 address{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car_featured_services .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car_featured_services .block-title .block-title__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car_featured_services .services-tabs .services-tabs-nav > li a span{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car_featured_services .services-tabs .services-tab-info p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-expert_service .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-expert_service .block-title .block-title__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-expert_service .icons-tabs .nav-tabs a span{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs_testimonials_two .testimonials02 .item .item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs_testimonials_two .testimonials02 .item .item__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car_faq_two .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car_faq_two .faq-accordion .faq__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car_faq_two .faq-accordion .faq__item .faq__content{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car_price_slider .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car_price_slider .block-title .block-title__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car_price_slider .pricing-box02 .pricing-box02__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car-brands .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car-brands .block-title .block-title__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs-estimate-form .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs-estimate-form .block-title .block-title__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs_accordian .faq-accordion .faq__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs_accordian .faq-accordion .faq__item .faq__content{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs_banner .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs_banner .block-title .block-title__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs_banner .services-block .caption h3{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs_banner .services-block .caption .text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-CounterBlock .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-CounterBlock .block-title .block-title__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-CounterBlock .stat-box02 .stat-box02__title > *{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-CounterBlock .stat-box02 .stat-box02__value .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-CounterBlock .start-box02 .start-box02__text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-CounterBlock .start-box02 .start-box02__number{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs_gallery .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs_gallery .block-title .block-title__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs_gallery .comparing-obj .comparing-obj__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs_services .services-block-alt .caption .title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs_services .services-block-alt .caption .text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-team_carousel .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-team_carousel .block-title .block-title__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-team_carousel .card01 .card01__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-team_carousel .card01 .card01__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs-icon-box .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs-icon-box .block-title .block-title__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs-icon-box .box01 .box01__content .box01__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-crs-icon-box .box01 .box01__content p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-advantages_our_services .services-title .services-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-advantages_our_services p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-service_gallery .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-service_gallery .block-title .block-title__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car_question_Form .block-title > :nth-child(1){font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car_question_Form .block-title .block-title__description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-additional_service .tt-col-50.tabs-layout01__bg01.content-center.tabs-layout01__bg-color .tabs-layout01__box p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-additional_service .tt-col-50.tabs-layout01__bg01.content-center.tabs-layout01__bg-color .tabs-layout01__box ul p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-about_company .tabs-layout01__bg-color .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-about_company .tabs-layout01__box p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car_blogs .block-title .block-title__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car_blogs .newslist .newslist__item .newslist__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-car_blogs p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-text-path{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.dropdown-submenu > a:after {
content: "";
}
@media (min-width: 768px) {
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
border-top-left-radius: 0;
}
.dropup .dropdown-submenu .dropdown-menu,
.navbar-fixed-bottom .dropdown-submenu .dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: -6px;
border-top-left-radius: 4px;
border-bottom-left-radius: 0;
}
.dropdown-menu-right .dropdown-submenu .dropdown-menu,
.navbar-right .dropdown-submenu .dropdown-menu {
left: auto;
right: 100%;
border-top-left-radius: 4px;
border-top-right-radius: 0;
}
.dropup .dropdown-menu-right .dropdown-submenu .dropdown-menu,
.dropup .navbar-right .dropdown-submenu .dropdown-menu,
.navbar-fixed-bottom .dropdown-menu-right .dropdown-submenu .dropdown-menu,
.navbar-fixed-bottom .navbar-right .dropdown-submenu .dropdown-menu {
border-radius: 4px 4px 0;
}
}
@media (max-width: 767px) {
.dropdown-submenu .dropdown-menu {
position: static;
margin-top: 0;
border: 0;
box-shadow: none;
}
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header,
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a {
padding-left: 30px;
}
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a {
padding-left: 40px;
}
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
padding-left: 50px;
}
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
.dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a,
.btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
padding-left: 60px;
}
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header,
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a {
padding-left: 35px;
}
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a {
padding-left: 45px;
}
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
padding-left: 55px;
}
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header,
.navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
padding-left: 65px;
}
}
 .animated:not(.no-animate) {
-webkit-animation-duration: .9s;
animation-duration: .9s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
}
.animation {
opacity: 0;
opacity: 1\9;
}
.animation.no-animate {
opacity: 1 !important;
animation-name: none !important;
-webkit-animation-name: none !important;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes scaleOut {
from {
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1.2);
transform: scale3d(1.2, 1.2, 1.2);
}
70% {
opacity: 1;
}
}
@keyframes scaleOut {
from {
opacity: 0;
-webkit-transform: scale3d(1.2, 1.2, 1.2);
transform: scale3d(1.2, 1.2, 1.2);
}
70% {
opacity: 1;
}
}
.scaleOut {
-webkit-animation-name: scaleOut;
animation-name: scaleOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(1.3, 1.3, 1.3);
transform: scale3d(1.3, 1.3, 1.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
width: 100%;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}.bootstrap-datetimepicker-widget {
list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
display: block;
margin: 2px 0;
padding: 4px;
width: 19em;
}
@media (min-width: 768px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
@media (min-width: 992px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
@media (min-width: 1200px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em;
}
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
content: '';
display: inline-block;
position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
top: -7px;
left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
top: -6px;
left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #ccc;
border-top-color: rgba(0, 0, 0, 0.2);
bottom: -7px;
left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid white;
bottom: -6px;
left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
left: auto;
right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
left: auto;
right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
width: 54px;
font-weight: bold;
font-size: 1.2em;
margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
padding: 0;
margin: 0;
height: auto;
width: auto;
line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
line-height: 2.5;
height: 2.5em;
width: 100%;
}
.bootstrap-datetimepicker-widget table {
width: 100%;
margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
text-align: center;
border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
height: 20px;
line-height: 20px;
width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
background: none;
color: #777777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
height: 54px;
line-height: 54px;
width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
font-size: .8em;
height: 20px;
line-height: 20px;
color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
height: 20px;
line-height: 20px;
width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
background: #eeeeee;
cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
content: '';
display: inline-block;
border: solid transparent;
border-width: 0 0 7px 7px;
border-bottom-color: #337ab7;
border-top-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: 4px;
right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
background-color: #337ab7;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
background: none;
color: #777777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
display: inline-block;
width: 54px;
height: 54px;
line-height: 54px;
margin: 2px 1.5px;
cursor: pointer;
border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
background-color: #337ab7;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
background: none;
color: #777777;
cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
height: 27px;
line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
cursor: pointer;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}@font-face {
font-family: 'auto';
src:  url(//autoport.co.in/wp-content/themes/car-repair-services/iconfont/fonts/auto.eot?tt9lds);
src:  url(//autoport.co.in/wp-content/themes/car-repair-services/iconfont/fonts/auto.eot?tt9lds#iefix) format('embedded-opentype'),
url(//autoport.co.in/wp-content/themes/car-repair-services/iconfont/fonts/auto.ttf?tt9lds) format('truetype'),
url(//autoport.co.in/wp-content/themes/car-repair-services/iconfont/fonts/auto.woff?tt9lds) format('woff'),
url(//autoport.co.in/wp-content/themes/car-repair-services/iconfont/fonts/auto.svg?tt9lds#auto) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
span.services-tabs-icon svg {
width: 25px;
height: 25px;
max-width: 100%;
max-height: 100%;
}
.scrtabs-tabs-fixed-container ul.nav-tabs > li svg {
width: 40px;
height: 40px;
max-width: 100%;
max-height: 100%;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'auto' !important;
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;
}
.icon-arrowhead-pointing-to-the-right1:before {
content: "\e93e";
}
.icon-92962:before {
content: "\e93d";
}
.icon-wrench:before {
content: "\e93c";
}
.icon-tuneup:before {
content: "\e93b";
}
.icon-tow-truck:before {
content: "\e93a";
}
.icon-diag:before {
content: "\e939";
}
.icon-ok:before {
content: "\e933";
}
.icon-info:before {
content: "\e934";
}
.icon-raketa:before {
content: "\e935";
}
.icon-wrech1:before {
content: "\e936";
}
.icon-gear:before {
content: "\e937";
}
.icon-122264:before {
content: "\e938";
}
.icon-phone:before {
content: "\e931";
}
.icon-email:before {
content: "\e932";
}
.icon-arrowhead-pointing-to-the-right:before {
content: "\e929";
}
.icon-exhaust-pipe:before {
content: "\e92c";
}
.icon-engine:before {
content: "\e92d";
}
.icon-gearshift:before {
content: "\e92e";
}
.icon-shop-cart:before {
content: "\e92f";
}
.icon-star:before {
content: "\e900";
}
.icon-calendar:before {
content: "\e901";
}
.icon-calendar-page:before {
content: "\e902";
}
.icon-oil:before {
content: "\e903";
}
.icon-balance:before {
content: "\e904";
}
.icon-power:before {
content: "\e905";
}
.icon-car-wheel:before {
content: "\e906";
}
.icon-disc-brake:before {
content: "\e907";
}
.icon-check:before {
content: "\e908";
}
.icon-close-cross:before {
content: "\e909";
}
.icon-clock:before {
content: "\e90a";
}
.icon-locate:before {
content: "\e90b";
}
.icon-favorite:before {
content: "\e90c";
}
.icon-interface:before {
content: "\e90d";
}
.icon-lines-menu:before {
content: "\e90e";
}
.icon-search:before {
content: "\e90f";
}
.icon-rocket:before {
content: "\e910";
}
.icon-people-1:before {
content: "\e911";
}
.icon-people:before {
content: "\e912";
}
.icon-transport:before {
content: "\e913";
}
.icon-people-2:before {
content: "\e914";
}
.icon-people-3:before {
content: "\e915";
}
.icon-settings:before {
content: "\e916";
}
.icon-shape:before {
content: "\e917";
}
.icon-squares:before {
content: "\e918";
}
.icon-technology:before {
content: "\e919";
}
.icon-tool:before {
content: "\e91a";
}
.icon-diploma:before {
content: "\e91b";
}
.icon-transport-1:before {
content: "\e91c";
}
.icon-mark:before {
content: "\e91d";
}
.icon-web-settings:before {
content: "\e91e";
}
.icon-arrow-left:before {
content: "\e91f";
}
.icon-arrow-right:before {
content: "\e920";
}
.icon-arrows-2:before {
content: "\e921";
}
.icon-behance-logo:before {
content: "\e922";
}
.icon-facebook-logo:before {
content: "\e923";
}
.icon-google-plus-logo:before {
content: "\e924";
}
.icon-instagram-logo:before {
content: "\e925";
}
.icon-linkedin-logo:before {
content: "\e926";
}
.icon-tumblr-logo:before {
content: "\e927";
}
.icon-twitter-logo:before {
content: "\e928";
}
.icon-8800:before {
content: "\e940";
}
.icon-59439:before {
content: "\e941";
}
.icon-109720:before {
content: "\e943";
}
.icon-259477:before {
content: "\e945";
}
.icon-271045:before {
content: "\e948";
}
.icon-452814:before {
content: "\e93f";
}
.icon-598823:before {
content: "\e947";
}
.icon-733614:before {
content: "\e942";
}
.icon-808728:before {
content: "\e946";
}
.icon-1:before {
content: "\e944";
}
.icon-mobile_menu:before {
content: "\e94c";
}
.icon-612844:before {
content: "\e964";
}
.icon-close:before {
content: "\e930";
}
.icon-arrow_up:before {
content: "\e92a";
}
.icon-arrow_down:before {
content: "\e92b";
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1000045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {}
.mfp-zoom {
cursor: pointer;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1000044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1000046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}.scrtabs-tab-container * {
box-sizing: border-box;
}
.scrtabs-tab-container {
height: 92px;
position:  relative;
}
.scrtabs-tab-container .tab-content {
clear: left;
}
.scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container > .navbar-nav {
-ms-flex-direction: row;
flex-direction: row;
}
.scrtabs-tabs-fixed-container {
float: left;
height: 100%;
overflow: hidden;
width: 100% !important;
}
.scrtabs-tabs-movable-container {
position: relative;
}
.scrtabs-tabs-movable-container .tab-content {
display: none;
}
.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container > ul.nav-tabs {
padding-right: 0;
}
.scrtabs-tab-scroll-arrow span:before {
font-family: 'auto';
content: '\e920';
}
.scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-left span:before {
content: '\e91f';
}
.scrtabs-tab-scroll-arrow {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
color: #707070;
display: flex !important;
font-size: 17px;
height: 100%;
width: 35px;
align-items:  center;
}
.scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-left {
left: 0;
background: rgba(255, 255, 255, 1);
background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
}
.scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right {
right: 0;
background: rgba(255, 255, 255, 0);
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}
.scrtabs-tab-scroll-arrow,
.scrtabs-tab-scroll-arrow .scrtabs-click-target {
cursor: pointer;
}
.scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
cursor: default;
}
.scrtabs-tab-scroll-arrow.scrtabs-disable,
.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
color: #ddd;
cursor: default;
}
.scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
background-color: initial;
}
.scrtabs-tabs-fixed-container ul.nav-tabs > li {
white-space: nowrap;
}
.scrtabs-disable {
display: none !important;
}.twentytwenty-handle:before, .twentytwenty-handle:after {
content: " ";
display: block;
width: 3px;
background: white;
height: 9999px;
position: absolute;
left: 50%;
margin-left: -1.5px;
z-index: 30;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s; }
.twentytwenty-before-label, .twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
color: white;
font-size: 13px;
letter-spacing: 0.1em; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
background: rgba(255, 255, 255, 0.2);
position: absolute;
top: 50%;
margin-top: -19px;
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute;
top: 50%;
margin-top: -6px; }
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none; }
.twentytwenty-container img {
position: absolute;
top: 0;
display: block; }
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0); }
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0; }
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.twentytwenty-before-label {
opacity: 0; }
.twentytwenty-before-label:before {
content: "Before";
left: 10px; }
.twentytwenty-after-label {
opacity: 0; }
.twentytwenty-after-label:before {
content: "After";
right: 10px; }
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25; }
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5); }
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1; }
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1; }
.twentytwenty-before {
z-index: 20; }
.twentytwenty-after {
z-index: 10; }
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid white;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40; }
.twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-left-arrow {
border-right: 6px solid white;
left: 50%;
margin-left: -17px; }
.twentytwenty-right-arrow {
border-left: 6px solid white;
right: 50%;
margin-right: -17px; }.ps-container {
-ms-touch-action: none;
touch-action: none;
overflow: hidden !important;
-ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
.ps-container {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-container {
overflow: auto !important;
}
}
.ps-container.ps-active-x>.ps-scrollbar-x-rail, .ps-container.ps-active-y>.ps-scrollbar-y-rail {
display: block;
background-color: transparent;
}
.ps-container.ps-in-scrolling {
pointer-events: none;
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
background-color: #999;
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
background-color: #999;
}
.ps-container>.ps-scrollbar-x-rail {
display: none;
position: absolute; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
-moz-transition: background-color .2s linear, opacity .2s linear;
-o-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
bottom: 3px; height: 8px;
}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
position: absolute; background-color: #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
transition: background-color .2s linear;
bottom: 0; height: 8px;
}
.ps-container>.ps-scrollbar-y-rail {
display: none;
position: absolute;
z-index: 21; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
-moz-transition: background-color .2s linear, opacity .2s linear;
-o-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
right: 3px; width: 8px;
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
position: absolute; background-color: #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
transition: background-color .2s linear;
right: 0; width: 5px;
}
.ps-container:hover.ps-in-scrolling {
pointer-events: none;
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
background-color: #999;
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
background-color: #999;
}
.ps-container:hover>.ps-scrollbar-x-rail, .ps-container:hover>.ps-scrollbar-y-rail {
opacity: 0.6;
}
.ps-container:hover>.ps-scrollbar-x-rail:hover {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
background-color: #999;
}
.ps-container:hover>.ps-scrollbar-y-rail:hover {
background-color: #eee;
opacity: 0.9;
}
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
background-color: #999;
}.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base {
width: 100%;
height: 100%;
position: relative;
z-index: 1; }
.noUi-connect {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.noUi-origin {
position: absolute;
height: 0;
width: 0;
}
.noUi-handle {
position: relative;
z-index: 1;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
} .noUi-base,
.noUi-handle {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
} .noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px;
} .noUi-target {
background: #FAFAFA;
border-radius: 4px;
}
.noUi-connect {
background: #3FB8AF;
transition: background 450ms;
} .noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border-radius: 3px;
background: #FFF;
cursor: default;
} .noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
} [disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed;
} .noUi-pips,
.noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
} .noUi-value {
position: absolute;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
} .noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-sub {
background: #AAA;
}
.noUi-marker-large {
background: #AAA;
} .noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate3d(-50%,50%,0);
transform: translate3d(-50%,50%,0);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
} .noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
padding-left: 25px;
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}body:not(.home) {
background-repeat: no-repeat;
}
.woocommerce-product-gallery__image {
text-align: center;
}
.woocommerce-product-gallery__trigger {
position: absolute;
right: 17px;
top: 5px;
z-index: 999;
}
.flex-control-nav.flex-control-thumbs img {
cursor: pointer;
}
.flex-control-nav.flex-control-thumbs {
overflow: auto;
padding: 0;
}
.woocommerce-variation-price {
margin-bottom: 20px;
}
.woocommerce div.product form.cart .variations select {
padding: 10px;
}
.woocommerce div.product form.cart .variations label {
margin-top: 20px;
}
.woocommerce button.button.single_add_to_cart_button {
font-size: 18px;
line-height: 30px;
padding: 20px 35px;
overflow: hidden;
}
#container .woocommerce-breadcrumb {
background-color: transparent;
border-radius: 0;
color: #fff;
display: inline-block;
margin: 0;
padding: 18px 0;
width: 100%;
}
#container .woocommerce-breadcrumb a {
color: #fff;
margin: 0 10px;
}
#container .woocommerce-breadcrumb a:first-child {
margin-left: 0;
}
.woocommerce-products-header {
text-align: center;
color: #292929;
font-family: "Muli", sans-serif;
font-size: 44px;
font-weight: 600;
line-height: 44px;
margin: 0 0 54px;
}
.woocommerce-products-header h1 {
font-size: 44px;
color: #fff;
}
@media (max-width: 767px) {
.woocommerce-products-header h1 {
font-size: 30px;
line-height: normal;
}
.woocommerce-products-header {
margin: 0 0 20px;
}
}
body.custom-background.single-product {
background-color: #fff;
}
body.custom-background.archive.post-type-archive {
background-color: #fff;
}
.flex-control-nav.flex-control-thumbs>li:first-child {
margin-top: 0;
}
.summary.entry-summary.col-md-6 {
margin-top: 0;
}
.product_title.entry-title {
font-size: 30px;
line-height: 36px;
}
body.single-product #pageContent {
padding-top: 100px;
}
.woocommerce-review-link {
text-decoration: underline;
}
.woocommerce-review-link:hover {
color: #000;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #000000;
}
.woocommerce div.product .stock {
color: #000;
}
input.input-text.qty {
-moz-appearance: textfield;
border-color: #eeeeee;
border-width: 0 1px;
min-height: 46px;
}
.ui-spinner-button {
background-color: #f7f7f7;
display: block;
height: 70px;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
.ui-spinner-button.ui-spinner-up::before,
.ui-spinner-button.ui-spinner-down::before {
color: #808080;
content: "+";
cursor: pointer;
display: block;
line-height: 70px;
text-align: center;
transition: color 0.3s ease 0s;
width: 30px;
font-size: 21px;
}
.ui-spinner {
display: block;
padding: 0 30px;
position: relative;
height: 72px;
}
.ui-spinner-button.ui-spinner-down::before {
content: "-";
font-size: 33px;
}
.ui-spinner-button.ui-spinner-down {
left: 0;
right: auto;
}
.input-text.qty.text.ui-spinner-input {
border: 1px solid #eee;
border-radius: 5px;
height: 70px;
margin: 1px 0;
width: 57px;
}
.quantity {
background: #f5f5f5 none repeat scroll 0 0;
margin-right: 25px !important;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
padding: 10px 20px;
}
.add_to_cart_button span {
font-size: 13px;
}
.woocommerce-pagination .page-numbers li span,
.woocommerce-pagination .page-numbers li a {
font-size: 12px;
width: 56px;
height: 56px;
line-height: 46px;
}
.layout-1 .icon-shop-cart {
padding-right: 14px;
font-size: 17px;
vertical-align: text-bottom;
color: #fff;
line-height: 22px;
}
.layout-1 .header-cart .icon-shop-cart {
margin-right: 0;
}
.woocommerce-product-details__short-description {
border-bottom: 1px solid #e7e7e7;
border-top: 1px solid #e7e7e7;
padding: 25px 0 5px;
margin-bottom: 30px;
}
.up_cart {
margin-top: 30px;
}
.woocommerce span.onsale {
padding: 0px;
background-color: #ffc513;
color: #111;
left: 3px;
}
.wc-tabs>li>a::after {
background: #fede00 none repeat scroll 0 0;
bottom: -1px;
content: "";
height: 4px;
left: 0;
position: absolute;
transform: scale(0);
transition: all 0.2s ease 0s;
width: 100%;
}
.wc-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
transform: scale(1);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: 0 solid #d3ced2;
bottom: -1px;
content: " ";
height: 5px;
position: absolute;
width: 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background-color: transparent;
border: 0px solid #d3ced2;
border-radius: 4px 4px 0 0;
display: inline-block;
margin: 0 -5px;
padding: 0 1em;
position: relative;
z-index: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
bottom: 0;
height: 0px;
width: 0px;
}
.tabs.wc-tabs {
padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: 0 20px;
padding: 0;
}
.tabs.wc-tabs li.active a {
color: #fede00 !important;
}
.tabs.wc-tabs li a {
font-size: 18px;
text-transform: uppercase;
}
.woocommerce-Tabs-panel.panel.entry-content.wc-tab {
box-shadow: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border: 0 solid #e4e1e3;
border-radius: 4px;
margin: 0;
padding: 1em 0 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border: 0 solid #e4e1e3;
}
.woocommerce .star-rating {
float: left;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
color: #000;
float: left;
font-size: 1.3em;
line-height: 13px;
margin-left: 1em;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .description {
float: left;
width: 100%;
}
.woocommerce p.stars a {
color: #fede00 !important;
}
.star-5.active {
color: #81d742 !important;
}
#commentform #comment:hover,
#commentform #comment:focus,
#commentform #comment.focus {
border-color: #fede00;
box-shadow: none;
outline: medium none;
}
.textarea-custom {
-moz-appearance: none;
background: #fff none repeat scroll 0 0;
border: 1px solid #dbdbdb;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
color: #2b2b2b;
font-size: 18px;
height: auto;
line-height: 24px;
margin-bottom: 4px;
min-height: 193px;
padding: 15px;
}
.textarea-custom:hover,
.textarea-custom:focus,
.input-custom:hover,
.input-custom.focus,
.wpcf7-form-control.wpcf7-textarea:hover,
.wpcf7-form-control.wpcf7-textarea:focus {
border-color: #fede00 !important;
box-shadow: none !important;
outline: medium none !important;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
color: #515151;
}
#commentform #submit {
max-width: unset;
}
.woocommerce-tabs.wc-tabs-wrapper {
margin-bottom: 48px;
margin-top: 48px;
}
.related.products {
margin-bottom: 120px;
margin-top: 100px;
}
header .header-right-bottom {
margin-right: 70px;
}
.woocommerce .products .prd-info .star-rating,
.woocommerce .product .prd-info .star-rating {
display: block;
float: none;
margin: 0 auto 20px;
font-size: 10px;
color: #ffc513;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
text-decoration: none;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #ffc513;
}
.price_slider_amount .btn {
display: inline-block;
float: left;
}
.column-filters .side-block .prd-sm .price ins {
text-decoration: none;
}
.prd.product.type-product.status-publish {
text-align: center;
}
.woocommerce-loop-product__title {
margin-bottom: 15px !important;
}
.btn.btn-invert.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.btn.btn-invert.add_to_cart_button {
margin-top: 20px;
}
.related.products .prd-grid:not(.prd-carousel) .prd {
margin: 8px;
}
.related.products .prd-grid:not(.prd-carousel) {
margin: 0;
}
.flex-direction-nav li::before {
content: "\e91f";
}
.flex-direction-nav li:last-child:before {
content: "\e920";
}
.flex-direction-nav li::before,
.flex-direction-nav li::before {
-moz-osx-font-smoothing: grayscale;
color: #727272;
cursor: pointer;
font-family: "auto";
font-size: 23px;
line-height: 30px;
}
.flex-direction-nav li:first-child {
left: -50px;
}
.flex-direction-nav li {
background: transparent none repeat scroll 0 0;
border: medium none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
height: 30px;
line-height: 0;
margin-top: -15px;
outline: medium none;
padding: 0;
position: absolute;
text-align: center;
top: 50%;
width: 30px;
z-index: 200;
}
.flex-direction-nav li:last-child {
right: -50px;
}
.archive .prd-grid {
margin-bottom: 70px !important;
}
span.show-result {
float: left;
line-height: 35px;
font-size: 16px;
}
.filters-row .form-inline select {
font-size: 16px;
}
.filters-row .simple-pagination>span {
float: left;
line-height: 35px;
font-size: 16px;
}
.filters-row .page-numbers {
background: transparent none repeat scroll 0 0;
color: #383838;
float: left;
padding: 0;
border: 0 none;
}
.filters-row ul.page-numbers {
float: left;
margin: 0 !important;
padding-left: 0;
font-size: 16px;
}
.woocommerce-pagination .page-numbers .page-numbers {
padding: 0px !important;
width: inherit;
height: inherit;
font-size: 16px;
line-height: unset;
font-weight: 500;
color: #383838;
padding-left: 10px !important;
padding-right: 10px !important;
}
.woocommerce-pagination .page-numbers>li {
border: none !important;
}
.woocommerce-pagination ul.page-numbers {
border: 0px !important;
}
.woocommerce nav.woocommerce-pagination {
clear: both;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: transparent;
border: none !important;
color: #ffc513 !important;
}
body:not(.home).woocommerce #pageContent {
padding-top: 50px;
}
.woocommerce-breadcrumb>span {
margin-left: 10px;
}
.title-aside {
font-size: 30px;
}
.prd-sm-img {
float: left;
min-width: 100px;
width: 100px;
}
.attachment-shop_thumbnail.size-shop_thumbnail.wp-post-image {
margin: 0;
width: 100px;
height: auto;
}
@media (max-width: 991px) {
.title-aside {
font-size: 26px;
}
body:not(.home).woocommerce #pageContent {
padding-top: 45px;
}
.prd-sm-img { }
.attachment-shop_thumbnail.size-shop_thumbnail.wp-post-image {
width: 100%;
}
}
.prd-sm-info span {
color: #292929 !important;
font-weight: normal;
}
.col-md-4.col-lg-3.column-left.column-filters.sidebar-div {
padding: 0;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #c7c7c7;
}
.coupon-custom.col-md-6>label {
text-align: left !important;
width: 100%;
}
.apply-coupon.btn.btn-invert {
float: left;
margin-top: 20px;
}
.woocommerce-Tabs-panel {
padding-left: 20px !important;
}
ol.commentlist {
padding-left: 0;
}
header.page-header-1 .header-cart {
position: relative;
display: inline-block;
vertical-align: top;
margin-top: -29px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
padding-left: 15px;
left: 50px;
width: 45px;
height: 30px;
}
header.page-header-2 .header-cart {
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 15px;
margin-top: 3px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
@media (max-width: 991px) {
header.page-header-1 .header-cart {
width: auto;
height: auto;
position: relative;
margin-top: 15px;
vertical-align: middle;
padding-left: 0;
left: 0;
}
header.page-header-1 .header-cart a.icon {
font-size: 20px;
}
header.page-header-1 .header-cart .badge {
width: 20px;
height: 20px;
line-height: 12px;
right: 0px;
top: -7px;
}
}
header .header-cart a.icon {
font-size: 30px;
color: #fff;
text-decoration: none;
}
header .header-cart .badge {
width: 24px;
height: 24px;
line-height: 17px;
font-size: 12px;
position: absolute;
right: -12px;
top: -14px;
background-color: #ffc513;
color: #000;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
border-radius: 100%;
}
header .header-cart:hover a.icon,
header .header-cart.opened a.icon {
color: #fede00;
}
header .header-cart:hover .badge,
header .header-cart.opened .badge {
background-color: #fff;
}
header .header-cart-dropdown {
position: absolute;
z-index: 1;
right: -20px;
top: -5000px;
width: 350px;
padding: 35px 32px 25px;
background: #fff;
display: block;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
text-align: left;
}
@media (max-width: 479px) {
header .header-cart-dropdown {
width: 270px;
padding: 15px 15px;
}
}
header .header-cart-dropdown .header-cart-total {
font-size: 24px;
line-height: 30px;
border-top: 1px solid #e8e8e8;
padding: 20px 0;
overflow: hidden;
}
header .header-cart.opened .header-cart-dropdown {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-moz-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-ms-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-o-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
opacity: 1;
visibility: visible;
top: 100%;
}
.prd-sm-item {
float: left;
margin-bottom: 10px;
position: relative;
width: 100% !important;
}
.prd-sm-img {
margin-right: 10px;
}
.prd-sm {
display: block;
position: relative;
}
.woocommerce-message .btn.btn-invert.wc-forward,
.woocommerce-error .btn.btn-invert.wc-forward {
float: right;
margin-top: 0;
}
.woocommerce a.added_to_cart {
display: none;
}
.btn.btn-invert.add_to_cart_button,
.btn.btn-invert.product_type_simple {
font-size: 12px !important;
min-width: 120px !important;
padding: 13px 18px 15px;
}
.loader-cart-delete {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
height: 100%;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.loader-cart-delete>img {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.select2-container .select2-selection--single {
height: 46px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding: 8px 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 10px;
right: 5px;
}
@media (max-width: 767px) {
.input-text.qty.text.ui-spinner-input {
min-width: auto;
}
.quantity {
margin-right: 0px !important;
}
.ui-spinner {
display: inline-block;
}
.woocommerce table.shop_table_responsive tr,
.woocommerce-page table.shop_table_responsive tr {
display: block;
margin-bottom: 30px;
}
.woocommerce table.shop_table_responsive tr td.actions {
text-align: center !important;
}
.apply-coupon.btn.btn-invert {
float: none;
margin-top: 20px;
}
}
@media (min-width: 1199px) {
.prd-grid:not(.prd-carousel) .prd:nth-child(3n+1) {
clear: left;
}
.prd-grid:not(.prd-carousel) .prd {
width: calc(33.333% - 30px);
float: left;
}
.single-product .prd-grid:not(.prd-carousel) .prd {
width: calc(25% - 30px);
float: left;
}
.single-product .prd-grid:not(.prd-carousel) .prd:nth-child(3n+1) {
clear: none;
}
.prd {
margin: 45px 15px;
}
} @media (max-width: 767px) {
.comment ul.children,
.comment ul.children li {
margin-left: 0 !important;
padding-left: 0 !important;
}
}
.column-filters {
margin-bottom: 35px;
}
.column-filters-inside {
border: 3px solid #f5f5f5;
}
.column-filters .side-block {
border-color: #ebebeb;
padding: 20px;
margin-bottom: 0;
}
.column-filters .side-block h3 {
margin-bottom: 25px;
}
.column-filters .category-list {
margin-top: 20px;
} .noUi-horizontal {
height: 6px;
}
.noUi-horizontal .noUi-handle {
width: 15px;
height: 15px;
left: -7.5px;
top: -5px;
border: 0;
border-radius: 0;
box-shadow: none;
background: #fede00;
border-radius: 50%;
cursor: pointer;
}
.noUi-target {
border-radius: 0;
border: 0;
box-shadow: none;
background-color: #c7c7c7;
margin-bottom: 24px;
}
.noUi-origin {
border-radius: 0;
box-shadow: none;
}
.noUi-connect {
background: #fede00;
border: 0;
border-radius: 0;
height: 6px;
-webkit-transition: background 450ms;
transition: background 450ms;
}
.noUi-handle:before,
.noUi-handle:after {
display: none;
border: 0;
border-radius: 0;
-webkit-transition: background 450ms;
transition: background 450ms;
}
.range {
margin-top: 35px;
}
.range p {
color: #444444;
font-size: 15px;
line-height: 20px;
}
.prd-sm {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
}
.wc-forward {
width: 100%;
margin-top: 15px;
}
.prd-sm:not(:last-child) {
margin-bottom: 20px;
}
.header-cart-dropdown .prd-sm {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 0;
}
.prd-sm-img {
min-width: 88px;
}
.prd-sm-delete {
position: absolute;
top: 0;
right: -4px;
cursor: pointer;
font-size: 18px;
}
.prd-sm-delete:hover {
opacity: .5;
}
.prd-sm-info h3 {
font-size: 15px;
line-height: 22px;
text-transform: none;
color: #292929;
}
.prd-sm-info h3 a {
text-decoration: none;
}
.prd-sm-info h3 a:hover {
text-decoration: none;
}
.prd-sm-info .price {
font-size: 16px;
margin-top: 15px;
}
.header-cart-dropdown .prd-sm-info {
padding-right: 30px;
}
.prd-grid:not(.prd-carousel) .prd {
width: calc(33.333% - 30px);
float: left;
}
.prd {
margin: 14px 15px;
}
.prd-img img {
width: 100%;
}
.prd-info {
padding: 0 15px;
text-align: center;
}
.prd-info h3 {
margin-top: 20px;
margin-bottom: 0;
font-size: 15px;
line-height: 22px;
text-transform: none;
color: #292929;
}
.prd-info h3 a {
text-decoration: none;
}
.prd-info h3 a:hover {
text-decoration: underline;
}
.prd-info .price {
font-size: 26px;
margin-top: 15px;
}
.prd-info .btn {
min-width: 0;
margin-top: 20px;
height: 45px;
font-size: 12px;
line-height: 13px;
font-weight: 800;
padding: 13px 18px 15px;
}
.prd-info .btn [class*='icon-'] {
font-size: 18px;
color: #fff;
padding-right: 14px;
vertical-align: text-bottom;
}
.prd .rating+.price {
margin-top: 10px;
}
.rating i {
font-size: 10px;
padding: 0 1px;
color: #fede00;
}
.rating-4 i:nth-child(5) {
color: #c2c2c2;
}
.rating-3 i:nth-last-child(-n+2) {
color: #c2c2c2;
}
.rating-2 i:nth-last-child(-n+3) {
color: #c2c2c2;
}
.rating-1 i:nth-last-child(-n+4) {
color: #c2c2c2;
}
.rating-0 i {
color: #c2c2c2;
}
.rating-text {
display: inline-block;
vertical-align: baseline;
padding-left: 15px;
font-size: 14px;
}
h5>.rating {
margin-right: 15px;
}
@media (min-width: 1199px) {
.prd-grid:not(.prd-carousel) .prd:nth-child(3n) {
margin-right: 0;
}
.prd-grid:not(.prd-carousel) .prd:nth-child(3n+1) {
clear: left;
}
}
@media (max-width: 1199px) and (min-width: 480px) {
.prd-grid:not(.prd-carousel) .prd {
width: calc(50% - 30px);
}
.prd-grid:not(.prd-carousel) .prd:nth-child(2n) {
margin-right: 0;
}
.prd-grid:not(.prd-carousel) .prd:nth-child(2n+1) {
clear: left;
}
}
@media (max-width: 479px) {
.prd-grid {
margin-right: 0;
margin-left: 0;
}
.prd-grid:not(.prd-carousel) .prd {
width: 100%;
margin-right: 0 !important;
margin-left: 0 !important;
}
}
.product-card img {
width: 100%;
}
.prd-carousel .slick-next {
right: -50px;
}
.prd-carousel .slick-prev {
left: -50px;
}
.filters-row {
display: inline-block;
width: 100%;
padding: 25px 0;
border-top: 1px solid #e8e8e8;
}
.filters-row-left {
float: left;
}
.filters-row-right {
float: right;
text-align: right;
}
.filters-row .form-inline {
display: inline-block;
}
.filters-row .form-inline:not(:first-child) {
margin-left: 3vw;
}
.filters-row .form-inline select {
background-color: #f0f0f0;
height: 35px;
border-radius: 5px;
border: 0;
padding-left: 15px;
outline: none !important;
color: #7c7c7c;
}
.filters-row .form-inline .select-wrapper:before {
right: 1px;
top: 0;
bottom: 0;
width: 35px;
height: 35px;
line-height: 35px;
background-color: #f0f0f0;
border-radius: 5px;
}
.simple-pagination {
display: inline-block;
color: #444;
}
.simple-pagination span,
.simple-pagination li {
display: inline-block;
vertical-align: top;
color: #444;
padding: 2px 5px;
text-decoration: none;
}
.simple-pagination li.active {
color: #fede00;
}
.product-block .rating i {
font-size: 12px;
}
.product-block-info>*:not(:first-child):not(span) {
margin-top: 21px;
}
.product-previews {
float: left;
width: 106px;
}
@media (max-width: 480px) {
.product-previews {
width: 80px;
}
}
.product-previews img {
width: 100%;
}
.product-previews-item {
display: block;
margin-bottom: 11px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.product-previews-item:hover {
opacity: .7;
}
.product-block-gallery {
margin-bottom: 30px;
overflow: hidden;
}
.product-block-mainimage {
float: right;
width: calc(100% - 127px);
}
@media (max-width: 480px) {
.product-block-mainimage {
width: calc(100% - 100px);
}
}
.product-block-mainimage img {
width: 100%;
}
.product-block-title {
font-size: 30px;
line-height: 36px;
}
.product-block-price {
font-size: 26px;
line-height: 36px;
}
.product-block-price-comment {
font-size: 14px;
margin-top: 0 !important;
}
.btn.product-block-add-to-cart:not([data-action]) span {
line-height: 30px;
}
@media (max-width: 480px) {
.btn.product-block-add-to-cart:not([data-action]) {
width: 100%;
margin-top: 30px;
}
}
.product-block-description {
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
padding: 12px 0px 25px;
}
.product-block-actions {
margin-top: 40px !important;
}
.qty-count {
height: 70px;
background-color: #f5f5f5;
display: inline-block;
border-radius: 5px;
margin-right: 25px;
}
.error-404.not-found {
margin-top: 30px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.woocommerce #review_form #respond p {
margin: 0 0 30px;
}
@media (max-width: 767px) {
.prd-grid:not(.prd-carousel) {
margin: -45px -15px !important;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
line-height: 28px;
margin-left: 0px;
}
}
.woocommerce-message .wc-forward {
width: auto;
margin-top: 15px;
}
.woocommerce .product .ajax_add_to_cart.added {
font-size: 12px !important;
min-width: 155px !important;
padding: 13px 25px 15px;
}
.ajax_add_to_cart.added span i {
position: relative;
}
.ajax_add_to_cart.added span i.icon-shop-cart {
padding-right: 14px;
}
.ajax_add_to_cart.added span i::before {
position: absolute;
content: "\e91d";
font-family: 'auto';
left: -10px;
font-size: 16px;
top: 0;
}
.woocommerce .woocommerce-ordering {
margin: 0;
} .product-categories-listing {
display: block;
overflow: hidden;
margin: 0px 0px 30px;
width: 102%;
margin-left: -2%;
}
.product-categories-listing:empty {
display: none;
}
.product-categories-listing .product-category {
width: 31.33%;
float: left;
list-style: none;
margin: 0;
margin-left: 2%;
}
.woocommerce-loop-category__title {
font-size: 22px;
padding-top: 10px;
} .woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
width: 300px;
}
.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
margin-top: 10px;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 150px;
}
.woocommerce-Tabs-panel.entry-content.wc-tab {
width: 70%;
}
a.checkout-button.btn.btn-invert.alt.wc-forward {
margin-bottom: 0;
}
.wc-proceed-to-checkout {
padding: 0 !important;
}
.offset-sm>.woocommerce {
margin-bottom: 120px;
}
p.return-to-shop {
margin-bottom: 0;
}body,
html {
overflow-X: hidden;
}
body {
font-family: 'Roboto', sans-serif;
color: #292929;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
img {
height: auto;
}
@media (max-width: 767px) {
body {
font-size: 14px;
line-height: 22px;
}
}
body.modal-open {
padding-right: 0 !important;
}
a {
color: #292929;
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: none;
color: #292929;
transition: 0.4s;
-webkit-transition: 0.4s;
}
p {
font-size: 16px;
line-height: 24px;
margin-bottom: 24px;
}
p:empty {
display: none !important;
}
@media (max-width: 767px) {
p {
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
}
}
.info {
font-size: 16px;
line-height: 24px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 26px;
}
@media (max-width: 479px) {
.info {
font-size: 14px;
line-height: 19px;
}
}
h1+p.info,
h2+p.info {
margin-top: -30px;
}
@media (max-width: 767px) {
h1+p.info,
h2+p.info {
margin-top: -10px;
}
}
@media (max-width: 479px) {
h1+p.info,
h2+p.info {
margin-top: -10px;
}
}
p.info+p {
margin-top: 35px;
}
p.info+h2.h-phone {
margin-top: -5px;
}
.color,
a.color,
a.color:hover,
a.color:focus {
color: #fede00;
}
.color-alt {
color: #2c2c2c;
}
svg path.color {
fill: #fede00 !important;
}
h1,
h2.h-lg {
font-size: 44px;
line-height: 44px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
margin: 0 0 35px;
color: #292929;
}
h1,
h2.h-lg {
font-family: 'Poppins', sans-serif;
}
.h-lg {
padding-left: 10px;
padding-right: 10px;
}
@media (max-width: 991px) {
h1,
h2.h-lg {
font-size: 40px;
line-height: 40px;
}
}
@media (max-width: 767px) {
h1,
h2.h-lg {
font-size: 32px;
line-height: 34px;
margin: 0 0 15px;
}
}
@media (max-width: 479px) {
h1,
h2.h-lg {
font-size: 33px;
line-height: 40px;
}
}
span.sm {
display: inline-block;
font-size: 14px;
font-weight: normal;
width: 53px;
}
h2 {
font-size: 34px;
line-height: 34px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
margin: 0 0 30px;
color: #292929;
}
@media (max-width: 767px) {
h2 {
font-size: 28px;
line-height: 30px;
margin: 0 0 15px;
}
}
h2.h-phone {
letter-spacing: -1px;
}
p.info+h2.h-phone {
margin-top: -5px;
}
p.info+h2.h-phone {
font-weight: 500;
font-family: 'Roboto', sans-serif;
font-size: 30px;
}
h3 {
font-size: 30px;
line-height: 1.2em;
font-family: 'Poppins', sans-serif;
font-weight: 600;
padding: 0;
margin: 0 0 20px;
color: #292929;
}
@media (max-width: 767px) {
h3 {
font-size: 26px;
margin: 0 0 10px;
}
}
@media (max-width: 767px) {
h3 {
font-size: 24px;
margin: 0 0 10px;
}
}
h4 {
font-size: 26px;
line-height: 28px;
font-family: 'Muli', sans-serif;
font-weight: 400;
padding: 0;
margin: 0 0 15px;
}
h5 {
font-size: 18px;
line-height: 22px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
padding: 0;
margin: 0 0 15px;
text-transform: uppercase;
}
h6 {
font-size: 18px;
line-height: 22px;
font-weight: 700;
font-family: 'Muli', sans-serif;
padding: 0;
margin: 0 0 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-transform: inherit;
font-weight: 600;
}
@media (max-width: 767px) {
h5 {
font-size: 16px;
}
}
.divider-xxl {
clear: both;
height: 120px;
}
@media (max-width: 1199px) {
.divider-xxl {
height: 78px;
}
}
@media (max-width: 767px) {
.divider-xxl {
height: 60px;
}
}
.divider-xl {
clear: both;
height: 65px;
}
@media (max-width: 480px) {
.divider-xl {
height: 30px;
}
}
.divider-lg {
clear: both;
height: 45px;
}
@media (max-width: 767px) {
.divider-lg {
height: 15px;
}
}
.divider-md {
clear: both;
height: 30px;
}
@media (max-width: 767px) {
.divider-md {
height: 15px;
}
}
.divider {
clear: both;
height: 20px;
}
@media (max-width: 767px) {
.divider {
height: 15px;
}
}
.divider-sm {
clear: both;
height: 10px;
}
.divider-line {
clear: both;
height: 50px;
margin-top: 50px;
border-top: 1px solid #fede00;
}
@media (max-width: 767px) {
.divider-line {
margin-top: 30px;
height: 30px;
}
}
.quote {
margin-top: 25px;
margin-bottom: 40px;
padding-left: 115px;
position: relative;
padding-right: 50px;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
.blockquote-01 {
border-left-color: #fede00;
}
.blockquote-01 p {
font-size: 20px;
line-height: 28px;
}
.blockquote-01 footer {
color: #878787;
font-size: 15px;
line-height: 22px;
}
.blockquote-01 footer cite {
color: #fede00;
font-weight: 600;
font-size: 18px;
font-style: normal;
font-family: 'Poppins', sans-serif;
}
.quote-simple {
margin-top: 30px;
margin-bottom: 30px;
margin-left: 40px;
padding-left: 30px;
border-left: 4px solid #fede00;
}
.marker-list {
margin: 17px 0 5px;
padding: 0;
list-style: none;
}
.marker-list>li {
font-size: 16px;
line-height: 26px;
font-weight: 500;
position: relative;
padding-left: 33px;
margin-bottom: 8px;
}
@media (max-width: 1199px) {
.marker-list>li {
font-size: 16px;
line-height: 22px;
padding-left: 30px;
}
}
@media (max-width: 575px) {
.marker-list>li {
font-size: 14px;
margin-bottom: 6px;
}
}
.marker-list>li:after {
position: absolute;
top: 0;
left: 0;
display: block;
font-family: 'auto';
content: "\e91d";
font-size: 15px;
color: #fede00;
}
@media (max-width: 1199px) {
.marker-list>li:after {
font-size: 13px;
left: 5px;
}
}
.marker-list>li:after {
font-size: 12px;
}
.marker-list-sm {
margin: 15px 0 0;
padding: 0;
list-style: none;
}
.marker-list-sm>li {
font-size: 16px;
line-height: 20px;
font-weight: 500;
position: relative;
padding-left: 29px;
margin-bottom: 6px;
}
.marker-list-sm>li {
margin-bottom: 14px;
padding-left: 28px;
}
.marker-list-sm>li:after {
position: absolute;
top: 0;
left: 0;
display: block;
font-family: 'auto';
content: "\e91d";
font-size: 15px;
color: #fede00;
}
.search-form-area .marker-list-sm>li {
margin-bottom: 7px;
margin-top: 7px;
text-align: left;
}
@media (max-width: 767px) {
.marker-list-sm>li {
font-size: 14px;
}
}
@media (max-width: 1199px) and (min-width: 768px) {
.container-tablet-lg {
width: inherit;
}
.container-tablet-lg.no-indent {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.container-tablet-md {
width: inherit;
}
.container-tablet-md.no-indent {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 991px) {
.container-tablet-md.container-tablet-nogutter {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1199px) {
.text-center-tablet {
text-align: center;
}
.text-center-tablet .text-left {
text-align: center !important;
}
}
.block-title {
position: relative;
padding-bottom: 41px;
padding-left: 10px;
padding-right: 10px;
}
.block-title.text-left {
padding-left: 0;
}
.block-title.text-right {
padding-right: 0;
}
.block-title .block-title__title {
font-weight: 600;
font-family: 'Poppins', sans-serif;
font-size: 44px;
line-height: 50px;
color: #3a3a3a;
padding: 0;
margin: 0;
}
.block-title .block-title__description {
font-size: 16px;
line-height: 26px;
}
.block-title .title-separator {
width: 46px;
height: 3px;
background-color: #fede00;
position: relative;
display: inline-block;
margin: 0 auto;
top: 4px;
}
.block-title .title-separator:before,
.block-title .title-separator:after {
content: '';
width: 3px;
height: 3px;
background-color: #fede00;
display: inline-block;
position: absolute;
}
.block-title .title-separator:before {
right: -5px;
}
.block-title .title-separator:after {
right: -10px;
}
.block-title:not(.text-left):not(.text-right) {
text-align: center;
}
@media (min-width: 993px) {
.block-title.block-title__small-indent {
padding-bottom: 30px;
}
}
.block-title> :nth-child(1) {
margin-top: 0;
}
@media (min-width: 992px) {
.block-title {
margin-top: -9px;
}
}
@media (max-width: 991px) {
.block-title {
margin-top: -10px;
padding-bottom: 30px;
}
.block-title .block-title__title {
font-size: 40px;
line-height: 50px;
}
.block-title .block-title__description {
font-size: 15px;
line-height: 24px;
margin-top: -3px;
}
}
@media (max-width: 767px) {
.block-title .block-title__title {
font-size: 33px;
line-height: 40px;
}
.block-title .block-title__description {
font-size: 14px;
line-height: 19px;
margin-top: 3px;
}
}
@media (max-width: 575px) {
.block-title {
margin-top: -7px;
padding-bottom: 12px;
}
.block-title .title-separator {
width: 34px;
height: 2px;
top: -2px;
}
.block-title .title-separator:before,
.block-title .title-separator:after {
width: 2px;
height: 2px;
}
.block-title .title-separator:before {
right: -4px;
}
.block-title .title-separator:after {
right: -8px;
}
.block-title .block-title__description:last-child {
padding-bottom: 9px;
}
}
.block-title+.form-table {
padding-top: 0;
}
@media (max-width: 1199px) and (min-width: 992px) {
.search-form-area .marker-list-sm>li {
margin-bottom: 0px;
margin-top: 5px;
}
.home-search-area.vc_row>.vc_column_container>.vc_column-inner {
padding-top: 0 !important;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.column-sm-2 {
column-count: 2;
column-gap: 16px;
}
.search-form-area .marker-list-sm>li {
margin-top: 0px;
}
}
.category-list {
margin: 35px 0 0;
padding: 0;
font-size: 16px;
line-height: 22px;
text-align: left;
list-style: none;
}
.category-list>li {
padding: 0 0 12px 23px;
position: relative;
}
.category-list>li>a {
text-decoration: none;
-webkit-transition: color 200ms ease;
-moz-transition: color 200ms ease;
-ms-transition: color 200ms ease;
-o-transition: color 200ms ease;
}
.category-list>li>a:hover {
text-decoration: underline;
}
.category-list>li:after {
content: '\e920';
font-family: 'auto';
color: #fede00;
display: block;
position: absolute;
left: 0;
top: 10px;
font-size: 10px;
}
.post-meta.category-list li:after {
content: "";
}
.post-meta.category-list li {
padding: 9px 0 7px 0px;
}
.category-list>li span {
color: #292929;
}
.single-post .tags-links {
margin: 25px 0px 50px;
}
.number-list {
margin: 15px 0 0;
padding: 0;
list-style: none;
counter-reset: item;
}
.number-list>li {
font-size: 15px;
line-height: 20px;
font-weight: 600;
position: relative;
margin-bottom: 10px;
}
.number-list>li:before {
display: inline-block;
min-width: 18px;
content: counter(item) ". ";
counter-increment: item;
color: #fede00;
}
.contact-info {
margin: 0 0 25px;
padding-left: 50px;
position: relative;
font-size: 18px;
line-height: 22px;
text-align: left;
}
.contact-info>.icon {
position: absolute;
top: 0;
left: 0;
font-size: 36px;
line-height: 1em;
color: #fede00;
}
.contact-info h5 {
text-transform: none;
padding: 7px 0 0 0;
margin-bottom: 7px;
font-weight: 700;
font-size: 18px;
}
.contact-info .social-links {
margin-top: 20px;
}
@media (max-width: 767px) {
.contact-info h5 {
font-size: 15px;
}
.search-form-area .coupon {
margin-top: 40px;
}
#pageContent .contact-info {
margin: 0 auto 40px;
max-width: 260px;
text-align: left;
}
#pageContent .row-grey .contact-info {
max-width: 100%;
text-align: left;
}
}
.vert-wrap {
display: table;
height: 100%;
width: 100%;
position: relative;
z-index: 1;
}
.vert {
display: table-cell;
vertical-align: middle;
}
.more-loader {
display: none;
}
.more-loader.visible {
display: block;
text-align: center;
padding-bottom: 25px;
}
.inline-icons {
margin-bottom: 30px;
}
.more-loader-coupon {
display: none;
}
.more-loader-coupon.visible {
background: #fff none repeat scroll 0 0;
bottom: 35px;
display: block;
font-weight: 600;
height: 15px;
left: 50%;
padding: 5px 0;
position: absolute;
text-align: center;
text-decoration: underline;
width: 15px;
z-index: 1;
transform: translateY(-50%);
}
.inline-icons .icon-wrapper {
margin-right: 30px;
}
.inline-icons .icon-wrapper:last-child {
margin-right: 0;
}
.inline-icons .icon-big {
margin-right: 10px;
}
.inline-icons .icon-big:last-child {
margin-right: 0;
} #loader-wrapper.loader-off {
display: none !important;
}
#loader-wrapper {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #000;
z-index: 15000;
overflow: hidden;
}
.loader {
width: 150px;
height: 150px;
border: 1px #fff solid;
position: absolute;
left: 50%;
top: 50%;
margin: -75px 0 0 -75px;
border-radius: 50%;
}
.loader.custom-loader {
border: medium none;
left: 0;
margin: 0 auto;
right: 0;
}
.loader .loading {
font-size: 10px;
position: absolute;
width: 100%;
text-align: center;
line-height: 14px;
font-family: 'Century Gothic', sans-serif;
left: 0;
top: 50%;
margin-top: 20px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.loader-circle-1 {
width: 138px;
height: 138px;
left: 5px;
top: 5px;
border: 1px #fff solid;
border-radius: 50%;
position: absolute;
border-right-color: transparent;
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
.loader-circle-2 {
width: 126px;
height: 126px;
left: 5px;
top: 5px;
border: 1px transparent solid;
border-radius: 50%;
position: absolute;
border-right-color: #fede00;
-webkit-animation: spin 5s linear infinite;
animation: spin 5s linear infinite;
}
.loader .line {
width: 10px;
height: 2px;
background: #fff;
position: absolute;
}
.loader .line:nth-child(1) {
left: 16px;
top: 50%;
margin-top: -1px;
}
.loader .line:nth-child(2) {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
left: 33px;
top: 33px;
}
.loader .line:nth-child(3) {
top: 16px;
left: 50%;
width: 2px;
height: 10px;
}
.loader .line:nth-child(4) {
transform: rotate(135deg);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
right: 33px;
top: 33px;
}
.loader .line:nth-child(5) {
right: 16px;
top: 50%;
margin-top: -1px;
}
.loader .line:nth-child(6) {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
right: 33px;
bottom: 33px;
background: #fede00;
}
.loader .subline {
position: absolute;
width: 3px;
height: 2px;
background: #fff;
}
.loader .subline:nth-child(7) {
transform: rotate(22.5deg);
-moz-transform: rotate(22.5deg);
-webkit-transform: rotate(22.5deg);
-ms-transform: rotate(22.5deg);
left: 21px;
top: 50px;
}
.loader .subline:nth-child(8) {
transform: rotate(67.5deg);
-moz-transform: rotate(67.5deg);
-webkit-transform: rotate(67.5deg);
-ms-transform: rotate(67.5deg);
left: 50px;
top: 21px;
}
.loader .subline:nth-child(9) {
transform: rotate(112.5deg);
-moz-transform: rotate(112.5deg);
-webkit-transform: rotate(112.5deg);
-ms-transform: rotate(112.5deg);
right: 50px;
top: 21px;
}
.loader .subline:nth-child(10) {
transform: rotate(157.5deg);
-moz-transform: rotate(157.5deg);
-webkit-transform: rotate(157.5deg);
-ms-transform: rotate(157.5deg);
right: 21px;
top: 50px;
}
.loader .subline:nth-child(11) {
transform: rotate(22.5deg);
-moz-transform: rotate(22.5deg);
-webkit-transform: rotate(22.5deg);
-ms-transform: rotate(22.5deg);
right: 20px;
bottom: 49px;
background: #fede00;
}
.loader .needle {
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px #fff solid;
position: absolute;
left: 50%;
top: 50%;
margin: -8px 0 0 -8px;
z-index: 1;
-webkit-animation: pegIt 3s infinite ease-in-out;
animation: pegIt 3s infinite ease-in-out;
}
.loader .needle:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 3.5px 50px 3.5px 0;
border-color: transparent #fede00 transparent transparent;
position: absolute;
right: 50%;
top: 50%;
margin: -3.5px 0 0 0;
border-radius: 0 50% 50% 0;
} @keyframes pegIt {
0% {
transform: rotate(0deg);
}
16% {
transform: rotate(75deg);
}
25% {
transform: rotate(55deg);
}
30% {
transform: rotate(90deg);
}
36% {
transform: rotate(170deg);
}
42% {
transform: rotate(150deg);
}
50% {
transform: rotate(227deg);
}
100% {
transform: rotate(0deg);
}
}
@-webkit-keyframes pegIt {
0% {
-webkit-transform: rotate(0deg);
}
16% {
-webkit-transform: rotate(75deg);
}
25% {
-webkit-transform: rotate(55deg);
}
30% {
-webkit-transform: rotate(90deg);
}
36% {
-webkit-transform: rotate(170deg);
}
42% {
-webkit-transform: rotate(150deg);
}
50% {
-webkit-transform: rotate(227deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: hsl(0, 0%, 17%);
border: 0 none;
border-radius: 0px;
color: hsl(0, 0%, 100%);
font-size: 14px;
font-weight: 700;
height: auto;
line-height: 18px;
min-width: 80px;
padding: 18px 25px;
transition: .3s;
margin: 0px 0px 10px;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
background: hsl(52, 100%, 50%);
color: #000;
}
.btn-contacts input[type="submit"] {
background-color: hsl(0, 0%, 17%);
border: 0 none;
border-radius: 0px;
color: hsl(0, 0%, 100%);
font-size: 14px;
font-weight: 700;
height: auto;
line-height: 18px;
min-width: 80px;
padding: 18px 40px;
transition: .3s;
margin: 0px 0px 10px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
appearance: none;
margin-bottom: 4px;
padding: 10px 15px;
font-size: 18px;
line-height: 24px;
background: #fff;
border: 1px solid #dbdbdb;
border-radius: 0;
color: #2b2b2b;
min-width: 100%;
}
select {
border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
textarea {
width: 100%;
} .main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 1.5em;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
left: auto;
}
.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
left: 100%;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}  #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em;
} .widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.byline,
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 0;
}
.gallery-item {
display: inline-block;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} .input-custom {
appearance: none;
margin-bottom: 4px;
padding: 15px 15px 15px;
font-size: 18px;
line-height: 24px;
height: 54px;
background: #fff;
border: 1px solid #dbdbdb;
border-radius: 0;
color: #2b2b2b;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.input-custom:hover,
.input-custom:focus,
.input-custom.focus {
outline: none;
border-color: #fede00;
}
.input-custom.input-full {
width: 100%;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background: #fff;
}
.bg-dark .form-control.input-custom {
margin-top: 0px;
}
.textarea-custom:hover,
.textarea-custom:focus,
.textarea-custom.focus {
outline: none; }
.textarea-custom.input-full {
width: 100%;
}
.input-wrapper {
position: relative;
margin-bottom: 31px;
}
.placeholder {
font-size: 16px;
line-height: 20px;
color: #989898;
}
input::-webkit-input-placeholder {
font-size: 16px;
line-height: 20px;
color: #989898;
}
input::-moz-placeholder {
font-size: 16px;
line-height: 20px;
color: #989898;
}
input:-ms-input-placeholder {
font-size: 16px;
line-height: 20px;
color: #989898;
}
input:-moz-placeholder {
font-size: 16px;
line-height: 20px;
color: #989898;
}
.required {
color: red;
}
input.input-custom,
textarea.textarea-custom,
.select-wrapper select.input-custom {
-webkit-appearance: none;
-moz-appearance: none;
}
.select-wrapper {
position: relative;
}
.select-wrapper:before {
content: '\25BE';
position: absolute;
right: 1px;
top: 1px;
bottom: 1px;
width: 52px;
height: 52px;
font-size: 14px;
line-height: 54px;
pointer-events: none;
color: #2b2b2b;
text-align: center;
z-index: 99;
}
.select-wrapper select {
padding-right: 40px;
width: 100%;
background-color: #fff;
color: #2b2b2b;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
}
.form-table input.btn.btn-invert {
border-radius: 0 !important;
padding: 18px 45px;
color: #333;
}
.select-wrapper select {
padding-right: 40px;
width: 100%;
background-color: #fff;
color: #2b2b2b;
}
.select-wrapper-sm {
position: relative;
}
.select-wrapper-sm:before {
content: '\25BE';
position: absolute;
right: 1px;
top: 1px;
bottom: 1px;
width: 40px;
height: 38px;
font-size: 14px;
line-height: 40px;
pointer-events: none;
color: #2b2b2b;
text-align: center;
background-color: #fff;
}
@media (max-width: 1199px) {
.select-wrapper-sm:before {
line-height: 32px !important;
height: 32px !important;
}
}
.select-wrapper-sm select {
padding-right: 40px;
width: 100%;
background-color: #fff;
color: #2b2b2b;
}
.select-wrapper-sm .input-custom {
height: 40px !important;
font-size: 16px;
line-height: 20px;
padding: 10px 40px 10px 10px !important;
}
@media (max-width: 1199px) {
.select-wrapper-sm .input-custom {
height: 34px !important;
font-size: 14px !important;
padding: 7px 34px 7px 7px !important;
}
} select::-ms-expand {
display: none;
}
.contact-form {
margin-bottom: 15px;
margin-top: 0;
}
label {
font-size: 16px;
line-height: 24px;
font-weight: 400;
margin-bottom: 5px;
color: #000;
}
form label.error {
display: block;
color: #ff0000;
font-size: 14px !important;
opacity: 1 !important;
}
.successform,
.errorform {
display: none;
height: 70px;
}
.successform span,
.errorform span {
display: block;
}
.successform span p,
.errorform span p {
margin-top: 15px;
}
.successform span p {
color: #2990d6;
}
.errorform span p {
color: #c0392b;
}
.form-table input::-webkit-input-placeholder {
color: #000;
}
.form-table input::-moz-placeholder {
color: #000;
}
.form-table input:-ms-input-placeholder {
color: #000;
}
.form-table input:-moz-placeholder {
color: #000;
}
@media (min-width: 992px) {
.form-table {
display: table;
width: 100%;
table-layout: fixed;
padding-top: 5px;
}
.form-table .form-group-cell {
display: table-cell;
vertical-align: top;
padding: 0 10px;
}
.form-table .form-group-cell.sm {
width: 125px;
}
.form-table .form-group-cell.action {
width: 215px;
}
.form-table .form-group-cell .btn {
height: 55px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.form-table .form-group-cell {
display: inline-block;
vertical-align: top;
padding: 0 10px;
width: calc(50% - 126px);
margin-right: -4px;
}
.form-table .form-group-cell.action {
width: calc(100% - 20px);
margin: 0 10px;
}
.form-table .form-group-cell.sm {
width: 125px;
}
.form-table .form-group-cell .btn {
height: 55px;
}
}
@media (max-width: 767px) {
.form-table {
max-width: 460px;
margin: 0 auto;
}
}
.block.bg-1,
.block.bg-2,
.block.bg-3,
.block.bg-1 a,
.block.bg-2 a,
.block.bg-3 a {
color: #fff;
} button:focus,
.btn:focus,
button:active:focus,
.btn:active:focus,
button.active:focus,
.btn.active:focus,
button.focus,
.btn.focus,
button:active.focus,
.btn:active.focus,
button.active.focus,
.btn.active.focus {
outline: 0;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
button:hover,
.btn:hover,
button:focus,
.btn:focus,
button.focus,
.btn.focus {
outline: 0;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
button:active,
.btn:active,
button.active,
.btn.active {
outline: 0;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
button.pull-right,
.btn.pull-right {
margin-right: 10px;
}
.blog-post a.more-link,
.btn {
color: #fff;
position: relative;
padding: 20px 25px;
font-size: 14px;
line-height: 18px;
font-weight: 700;
height: auto;
background-color: #2c2c2c;
border-radius: 0;
border: 0;
vertical-align: top;
-webkit-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;
-moz-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;
-ms-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;
-o-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;
text-decoration: none;
text-transform: uppercase;
min-width: 195px;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
.blog-post a.more-link:hover,
.btn:hover,
.btn.active,
.btn:active {
background: #fede00;
color: #333333;
}
.btn:not([data-action]):before,
.btn:not([data-action]):after {
content: '';
position: absolute;
z-index: 0;
left: 100%;
top: 0;
width: 150%;
height: 100%;
background-color: #fede00;
-webkit-transform: skew(30deg) translate3d(0, 0, 0);
-moz-transform: skew(30deg) translate3d(0, 0, 0);
-ms-transform: skew(30deg) translate3d(0, 0, 0);
-o-transform: skew(30deg) translate3d(0, 0, 0);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
opacity: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
.btn:not([data-action]):before {
left: auto;
right: 100%;
-webkit-transform: skew(-30deg) translate3d(0, 0, 0);
-moz-transform: skew(-30deg) translate3d(0, 0, 0);
-ms-transform: skew(-30deg) translate3d(0, 0, 0);
-o-transform: skew(-30deg) translate3d(0, 0, 0);
}
.blog-post a.more-link:hover,
.btn:hover {
background-color: #2c2c2c;
}
.btn:not([data-action]):hover:before {
-webkit-transform: skew(-30deg) translate3d(70%, 0, 0);
-moz-transform: skew(-30deg) translate3d(70%, 0, 0);
-ms-transform: skew(-30deg) translate3d(70%, 0, 0);
-o-transform: skew(-30deg) translate3d(70%, 0, 0);
opacity: 1;
}
.btn:not([data-action]):hover:after {
-webkit-transform: skew(30deg) translate3d(-70%, 0, 0);
-moz-transform: skew(30deg) translate3d(-70%, 0, 0);
-ms-transform: skew(30deg) translate3d(-70%, 0, 0);
-o-transform: skew(30deg) translate3d(-70%, 0, 0);
opacity: 1;
}
.btn:not([data-action]):hover {
background: #ffc513;
color: #2c2c2c;
}
.btn span {
display: block;
position: relative;
z-index: 1;
}
.btn.btn-border {
border: 2px solid #fede00;
background: transparent;
line-height: 14px;
}
button#place_order,
.btn.btn-lg {
height: auto;
font-size: 18px;
line-height: 24px;
font-weight: 700;
padding: 20px 35px;
}
@media (max-width: 767px) {
.btn.btn-lg {
font-size: 16px;
}
}
.btn.btn-sm {
font-size: 18px;
line-height: 26px;
font-weight: bold;
padding: 10px 40px;
text-transform: none;
min-width: 0;
}
.btn.btn-xs {
font-size: 12px;
line-height: 14px;
font-weight: bold;
padding: 10px 15px;
min-width: 0;
}
.btn.btn-full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
button#place_order,
.btn-invert {
background: #fede00;
color: #2c2c2c;
}
.btn-invert:not([data-action]),
.btn-invert:not([data-action]).active,
.btn-invert:not([data-action]):active,
.btn-invert:not([data-action]).focus,
.btn-invert:not([data-action]):focus {
background: #fede00;
color: #2c2c2c;
}
.btn-invert:before,
.btn-invert:after {
background-color: #2c2c2c;
}
.btn-invert:not([data-action]):hover {
background: #2c2c2c !important;
color: #fff !important;
}
.btn-invert-alt {
background: #2c2c2c;
}
.btn-invert-alt:hover,
.btn-invert-alt.active,
.btn-invert-alt:active,
.btn-invert-alt.focus,
.btn-invert-alt:focus {
background-color: #fff;
color: #2c2c2c;
}
.btn-white {
background: #fff;
color: #2c2c2c;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.btn-white:hover,
.btn-white.active,
.btn-white:active,
.btn-white.focus,
.btn-white:focus {
background-color: #2c2c2c;
color: #fff;
}
.btn-inline .btn {
margin: 0 24px 10px 0;
}
.text-center .btn-inline .btn {
margin: 0 12px 10px;
} .social-links ul {
margin: 0;
padding: 0;
}
.social-links ul li {
display: inline-block;
margin: 0 7px 5px 0;
list-style: none;
text-align: center;
}
@media screen and (max-width: 767px) {
.social-links ul li {
margin: 0 4px 3px 0;
}
}
.social-links ul li:last-child {
margin-right: 0;
}
.social-links ul li a {
font-size: 45px;
color: #fede00;
text-decoration: none;
cursor: pointer;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
}
@media screen and (max-width: 767px) {
.social-links ul li a {
font-size: 36px;
}
}
.social-links ul li a:hover {
color: #2c2c2c;
}
.link a {
font-size: 34px;
line-height: 1em;
color: #fede00;
text-decoration: none;
padding: 0 4px 0 0;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
}
.link a:hover {
color: #2c2c2c;
}
a.icon-facebook-logo:hover {
color: #3b5998 !important;
}
a.icon-twitter-logo:hover {
color: #55acee !important;
}
a.icon-google-plus-logo:hover {
color: #dd4b39 !important;
}
a.icon-linkedin-logo:hover {
color: #4875B4 !important;
}
a.icon-pinterest-logo:hover {
color: #C92228 !important;
}
a.icon-instagram-logo:hover {
color: #4E433C !important;
} .tags-list {
position: relative;
list-style: none;
margin: 30px 0 0;
padding: 0;
}
.tags-list a {
margin-bottom: 7px;
margin-right: 5px;
display: inline-block;
line-height: 25px;
padding: 0 10px;
text-decoration: none;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
background-color: #f5f5f5;
color: #5e5e5e;
font-size: 16px !important;
padding: 11px 21px;
}
.tags-list a:hover {
background-color: #fede00;
color: #ffffff;
}
.calendar__header {
font-size: 16px;
font-style: italic;
padding: 0 0 18px;
}
.calendar__footer {
font-size: 16px;
font-style: italic;
padding: 10px 0 0;
}
.calendar__footer a {
text-decoration: none;
}
.calendar__footer a:hover {
color: #fede00;
}
.calendar table {
background: #fff;
border-collapse: collapse;
color: #2c2c2c;
font-size: 15px;
width: 100%;
max-width: 350px;
border-spacing: 1px;
border-collapse: separate;
}
.calendar th,
.calendar td {
border: 1px solid #eee;
color: #484848;
cursor: pointer;
line-height: 36px;
text-align: center;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.calendar th:hover,
.calendar td:hover {
background-color: #f5f5f5;
}
.calendar th {
background-color: #f5f5f5;
}
.calendar tr:first-child td {
color: #2c2c2c;
font-weight: 700;
padding-bottom: 10px;
}
.calendar .selected,
.calendar .selected:hover {
background-color: #fede00;
color: #2c2c2c;
} .nav-tabs {
border-bottom: 1px solid #d8d8d8;
}
.nav-tabs>li {
margin: 0 20px;
}
@media (max-width: 479px) {
.nav-tabs>li {
width: 100%;
margin: 0;
}
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
border-width: 0;
}
.nav-tabs>li>a {
padding-left: 0;
padding-right: 0;
font-size: 18px;
line-height: 24px;
font-weight: bold;
border: none;
color: #292929;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.nav-tabs>li.active>a,
.nav-tabs>li>a:hover {
border: none;
color: #fede00 !important;
background: transparent;
}
.nav-tabs>li>a::after {
content: "";
background: #fede00;
height: 4px;
position: absolute;
width: 100%;
left: 0px;
bottom: -1px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
transform: scale(0);
}
.nav-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
transform: scale(1);
}
.tab-nav>li>a::after {
background: #fede00 none repeat scroll 0% 0%;
color: #fff;
}
.tab-pane {
padding: 15px 0;
}
.tab-content {
padding: 20px;
}
@media (max-width: 479px) {
.tab-content {
padding: 0;
}
}
.tab-services .tab-content {
position: relative;
}
.tab-services .tab-content>.tab-pane {
display: block;
position: absolute;
width: calc(100% + 30px);
top: -10000px;
}
.tab-services .tab-content>.active {
position: relative;
top: 0;
}
.nav-pills {
margin: 70px 0 47px;
text-align: center;
}
.nav-pills>li {
display: inline-block;
float: none;
margin: 0 3px 10px 3px;
}
.nav-pills>li>a {
display: block;
border-radius: 0;
padding: 0 18px;
min-width: 50px;
border: 1px solid #eaeaea;
font-size: 14px;
line-height: 53px;
color: #383838;
text-decoration: none;
text-align: center;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
background: #fede00;
border-color: #fede00;
color: #383838;
}    .block {
margin-bottom: 120px;
}
.block.bottom-sm {
margin-bottom: 48px;
}
.block.bottom-md {
margin-bottom: 100px;
}
.block.bottom-null {
margin-bottom: 0;
}
.block.bg-1,
.block.bg-3 {
background-size: cover;
padding: 75px 0 60px;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
-webkit-backface-visibility: hidden;
}
@media (max-width: 991px) {
.block.bg-1,
.block.bg-2,
.block.bg-3 {
background-attachment: scroll;
}
}
@media (max-width: 1199px) {
.block.bg-1,
.block.bg-3 {
background-size: cover;
padding: 40px 0 40px;
}
}
.faq-excerpt {
margin-top: 0px;
}
.services-page-txt.block.bg-1 {
padding: 20px 0 60px;
}
.services-page-txt .wpb_content_element {
margin-bottom: 0px !important;
}
.black-bg-color {
margin: 1px 0px 80px;
}
.block.bg-1 h1,
.block.bg-2 h1,
.block.bg-3 h1,
.block.bg-1 h2,
.block.bg-2 h2,
.block.bg-3 h2,
.block.bg-1 h3,
.block.bg-2 h3,
.block.bg-3 h3,
.black-bg-color h2.h-lg {
color: #fff;
}
.block.bg-1 .slick-dots li button:after,
.block.bg-2 .slick-dots li button:after,
.block.bg-3 .slick-dots li button:after {
background: #fff;
}
.block.bg-1 .slick-dots li.slick-active button:after,
.block.bg-2 .slick-dots li.slick-active button:after,
.block.bg-3 .slick-dots li.slick-active button:after,
.block.bg-1 .slick-dots li.slick-active button:hover:after,
.block.bg-2 .slick-dots li.slick-active button:hover:after,
.block.bg-3 .slick-dots li.slick-active button:hover:after {
background: #2c2c2c;
}
.block.bg-2 {
padding: 75px 0 60px;
}
@media (max-width: 991px) {
.block.bg-2 {
padding: 60px 0 60px 0;
}
}
.block.bg-3 {
background: #252525;
padding: 52px 0 0;
}
@media (max-width: 767px) {
.block.bg-3 {
padding: 44px 0 0;
}
}
@media (min-width: 768px) {
.block.bg-3 .container-fluid {
padding: 0;
}
}
.block.bg-4 {
background: #f5f5f5;
padding: 55px 0 45px;
}
@media (max-width: 991px) {
.block.bg-4 {
padding: 55px 0 45px;
}
}
@media (max-width: 767px) {
.block.bg-4 {
padding: 55px 0 45px;
}
}
.block.bg-dark {
color: #fff;
}
.block.bg-dark h1,
.block.bg-dark h2,
.block.bg-dark h3 {
color: #fff;
}
.block.bg-dark.full-block {
background: url(//autoport.co.in/wp-content/themes/car-repair-services/images/grey-bg-1.png) repeat 0 0;
}
.block.bg-dark:not(.full-block) .container {
background: url(//autoport.co.in/wp-content/themes/car-repair-services/images/grey-bg-1.png) repeat 0 0;
}
.block.offset-sm {
margin-top: -35px;
}
@media (min-width: 992px) {
.contact-hone-number {
margin-top: -20px;
}
}
@media (max-width: 1199px) {
.block {
margin-bottom: 78px;
}
}
@media (max-width: 991px) {
.block {
margin-bottom: 60px;
}
.block.offset-sm {
margin-top: 0;
}
.contact-hone-number .wpb_column.vc_column_container {
width: 100%;
}
.contact-hone-number .wpb_column .wpb_text_column.wpb_content_element {
margin-bottom: 10px;
}
}
@media (min-width: 1200px) {
.block>.container,
.navbar .container,
#pageContent>.container {
padding-left: 0;
padding-right: 0;
}
}
.slidertop-space {
padding-top: 120px;
}
@media (max-width: 991px) {
html body:not(.home) #pageContent,
.slidertop-space {
padding-top: 60px;
}
}
@media (max-width: 480px) {
body:not(.home),
body:not(.custom-background) {
background-size: contain !important;
background-repeat-y: repeat !important;
}
}
#pageContent {
position: relative;
background-color: #fff;
top: -1px;
}
#pageContent:before,
#pageContent:after {
content: '';
display: table;
}
#pageTitle h1,
#pageTitle h2 {
text-align: center;
color: #fff;
}
#pageTitle {
padding: 47px 15px 45px;
}
@media (min-width: 1200px) {
#pageTitle .container {
padding: 0;
}
}
#pageTitle h1 {
margin: 0;
padding: 0 0 8px 0;
}
@media (max-width: 991px) {
#pageTitle h1,
#pageTitle h2 {
text-align: center;
color: #fff;
font-size: 40px;
line-height: 40px;
}
}
@media (max-width: 767px) {
#pageTitle h1,
#pageTitle h2 {
text-align: center;
color: #fff;
font-size: 32px;
line-height: 32px;
}
}
@media (max-width: 479px) {
#pageTitle h1,
#pageTitle h2 {
font-size: 33px;
line-height: 40px;
}
}
.vc_row.car-faq-text {
margin-bottom: -50px;
}
.car-faq-text h4 {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
line-height: 24px;
display: table-cell;
vertical-align: middle;
padding-top: 20px;
padding-bottom: 20px;
}
.car-faq-text .vc_toggle_title:hover h4 {
color: #fede00;
}
@media (max-width: 767px) {
.car-faq-text h4 {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media (max-width: 1199px) {
.gallery-item img {
width: auto;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
max-width: 100%;
height: auto;
}
}
.entry-header h1,
.entry-header h2 {
text-align: center;
color: #fff;
font-size: 44px;
line-height: normal;
}
@media (max-width: 991px) {
.car-faq-text h4 {
font-size: 16px;
}
.car-faq-text .vc_toggle {
display: block;
margin: 0 0 60.74px;
padding: 0;
font-size: 1em;
}
.vc_row.wpb_row.vc_row-fluid.vc_custom_1493347865495.vc_row-no-padding {
padding-bottom: 0 !important;
}
}
.row-grey {
margin: 40px 0 60px;
padding: 30px 20px;
background-color: #f3f3f3;
}
@media (max-width: 767px) {
.row-grey {
margin: 40px 0 40px;
padding: 20px 15px;
}
}
.row-grey .contact-info {
margin-bottom: 0;
}
.contacts-page .wpcf7-form-control.wpcf7-textarea {
height: 220px;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ng {
border: 2px solid #fede00;
}
@media (max-width: 991px) {
.contacts-page .wpcf7-form-control.wpcf7-textarea {
height: 195px;
}
.btn-contacts.contacts-page {
margin-bottom: -20px;
}
}
@media (min-width: 991px) {
body.fixedSlider header.page-header {
position: fixed;
top: 0;
width: 100%;
z-index: 2;
}
}
@media (min-width: 992px) {
.page-header.is-sticky .header-row {
display: none;
}
}
body.home.page header.page-header {
position: absolute;
background: none;
}
.page-header.is-sticky {
position: fixed !important;
width: 100%;
} header.page-header.is-sticky .header-right-bottom,
header.page-header.is-sticky .header-right-top,
.page-header.is-sticky .header-info-toggle {
display: none;
}
header.page-header.is-sticky .logo {
padding-top: 0px;
height: auto;
}
header.is-sticky .header-row .logo>a {
padding: 5px 0;
}
header.page-header {
position: relative;
width: 100%;
z-index: 1000;
padding: 0;
margin: 0;
border: 0;
font-weight: normal;
}
header.page-header:before {
content: '';
height: 59px;
background-color: transparent;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
header .header-row {
background: url(//autoport.co.in/wp-content/themes/car-repair-services/images/grey-bg.png) repeat;
display: flex;
}
header.page-header-1 .header-row .logo {
width: 254px;
float: left;
}
header.page-header-1 .header-row .logo>a {
padding: 24px 0 13px 32px;
}
@media (max-width: 1199px) {
header .header-row .logo {
width: 300px;
}
}
@media (max-width: 991px) {
header.page-header {
background: #333 !important;
}
}
@media (max-width: 767px) {
.appointment {
right: 0px;
}
}
header .header-right {
float: right;
width: calc(100% - 254px);
}
header .header-right .address {
float: left;
width: 65%;
position: relative;
height: 59px;
border-radius: 0 0 0 20px;
font-size: 16px;
line-height: 24px;
padding: 17px 60px 17px 86px;
margin-left: -15px;
width: calc(100% - 305px);
color: #fff;
text-align: left;
}
@media (max-width: 1199px) {
header .header-right .address {
font-size: 16px;
width: calc(100% - 250px);
padding: 17px 30px 17px 40px;
}
}
header .header-right .address {
background-color: transparent;
font-size: 16px;
line-height: 24px;
text-align: left;
padding: 17px 60px 17px 86px;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
font-weight: 400;
}
header.page-header-1 .header-right .address span {
color: #fede00;
}
header.page-header-1 .header-right-top {
height: 59px;
width: 100%;
}
header.page-header-1 .header-right-top a:hover {
color: #333;
}
header.page-header-1 .header-right-bottom {
padding: 18px 0px;
height: 66px;
text-align: right;
}
header.page-header-1 .header-phone {
font-size: 14px;
line-height: 28px;
color: #fff;
}
header.page-header-1 .header-phone>span {
display: inline-block;
vertical-align: middle;
}
header.page-header-1 .header-phone .text {
font-size: 16px;
text-transform: capitalize;
padding-right: 16px;
padding-top: 8px;
}
header.page-header-1 .header-phone .phone-number {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 27px;
line-height: 35px;
}
header.page-header-1 .header-phone .phone-number .code {
color: #fede00;
}
header.page-header-1 .logo {
position: relative;
overflow: hidden;
}
@media (max-width: 991px) {
header.page-header .logo {
padding-top: 34px;
max-width: 185px;
}
header.page-header .logo {
padding-top: 0;
position: relative;
top: 4px;
}
}
@media (max-width: 767px) {
header.page-header .logo {
max-width: 165px;
}
}
header.page-header-1 .logo>a {
position: relative;
display: block;
}
header.page-header-1 .logo img {
max-height: 110px;
max-width: 100%;
}
@media (max-width: 991px) {
header.page-header-1 .header-phone .phone-number {
display: none;
}
}
@media (max-width: 991px) {
header.page-header-1 .logo img {
max-width: 185px;
height: auto;
width: 100%;
}
}
@media (max-width: 767px) {
header.page-header-1 .logo img {
max-width: 165px;
}
header.page-header-1 .logo>a {
display: inline-block;
}
}
.appointment {
display: block;
float: right;
position: relative;
background-color: #fede00;
height: 59px;
font-size: 19px;
line-height: 25px;
font-weight: 600;
padding: 17px 20px;
margin-left: -15px;
width: 240px;
color: #000;
text-align: center;
outline: none;
font-family: 'Poppins', sans-serif;
}
@media (max-width: 1199px) {
.appointment,
.appointment {
width: 250px;
font-size: 22px;
padding: 17px 10px;
}
}
header.page-header .appointment:focus,
header.page-header .appointment:hover,
.modal-header .appointment:focus,
.modal-header .appointment:hover {
outline: none;
}
.appointment span,
.appointment .icon {
display: inline-block;
vertical-align: top;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
header.page-header .appointment .icon,
.modal-header .appointment .icon {
margin-right: 7px;
font-size: 25px;
}
header.page-header .appointment:after,
.modal-header .appointment:after {
position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0px 48px 67px 0;
left: -47.3px;
top: -7px;
border-color: transparent #fede00 transparent transparent;
}
.layout-2 .appointment {
width: auto;
}
@media (min-width: 992px) {
header.page-header-1 #slide-nav #slidemenu {
position: relative;
background: #ffffff;
box-shadow: 0 6px 35px rgba(0, 0, 0, 0.07);
}
header .heade-mobile {
display: none;
}
.header-row {
float: none;
}
.navbar-toggle {
display: none;
}
.navbar {
background-color: transparent;
border: 0;
border-radius: 0;
min-height: 70px;
margin-bottom: 0;
padding: 0;
}
.ecaret {
display: none;
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background-color: transparent;
color: #000000;
}
.navbar-nav {
margin: 0 20px;
float: none;
}
.navbar-nav>li {
margin: 0px;
}
header.page-header-1 .navbar-nav>li>a {
display: block;
position: relative;
overflow: hidden;
font-size: 15px;
line-height: 23px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
text-transform: uppercase;
padding: 18px 15px 18px;
text-decoration: none;
color: #000000;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transition: background-color 0.2s ease 0s;
-moz-transition: background-color 0.2s ease 0s;
-ms-transition: background-color 0.2s ease 0s;
-o-transition: background-color 0.2s ease 0s;
background-color: transparent;
box-shadow: none;
position: relative;
}
.navbar-nav>li>a span {
display: block;
position: relative;
z-index: 1;
}
header.page-header-1 .navbar-nav>li>a:after {
content: '';
display: block;
position: absolute;
bottom: 0px;
width: 0%;
height: 4px;
margin: auto;
left: 0;
right: 0;
background-color: #fede00;
transition: width 0.2s linear;
}
header.page-header-1 .navbar-nav>li.current-menu-item a:after,
header.page-header-1 .navbar-nav>li>a:hover:after {
width: 100%;
bottom: 0px;
}
.navbar-nav .dropdown .dropdown-menu {
border: 0;
border-radius: 0;
padding: 0;
margin-left: -110px;
transform: translateX(20px);
bottom: auto !important;
left: 50%;
width: 220px;
display: block !important;
opacity: 1;
visibility: hidden;
top: -5000px;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
}
.navbar-nav .dropdown .dropdown-menu:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 7px;
margin-left: -7px;
}
.navbar-nav .dropdown .dropdown-menu li.open>a {
background-color: transparent;
}
.navbar-nav .dropdown .dropdown-menu li>a {
font-size: 15px;
line-height: 20px;
font-family: 'Poppins', sans-serif;
padding: 10px 45px 10px 15px;
color: #000000;
background-color: #fff !important;
border-bottom: 1px solid #f0f0f0;
white-space: normal;
text-decoration: none;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
}
.navbar-nav .dropdown .dropdown-menu li>a:hover,
.navbar-nav .dropdown .dropdown-menu li>a:focus {
background-color: #f2f2f2 !important;
}
.navbar-nav .dropdown .dropdown-menu li:last-child>a {
border-bottom: 0;
}
.navbar-nav .dropdown .dropdown-menu .dropdown-menu {
top: 6px;
}
.navbar-nav .dropdown:hover .dropdown-menu {
transform: translateX(0);
-webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-moz-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-ms-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-o-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
opacity: 1;
visibility: visible;
top: 100%;
margin-top: -4px;
}
}
@media (max-width: 1024px) {
header.page-header-1 .header-row {
background: #2d2d2d !important;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
header.page-header-1 .navbar-nav>li>a {
font-size: 13px;
padding-left: 10px;
padding-right: 10px;
}
}
.search-container {
overflow: hidden;
position: relative;
float: right;
width: 50px;
height: 50px;
margin: 7px 10px 0 0;
-moz-transition: width 0.35s;
-webkit-transition: width 0.35s;
}
.search-container:hover {
width: 100%;
}
.search-container:hover input {
display: block;
width: calc(100% - 50px);
opacity: 1;
background-color: #f7f7f7;
}
body .search-container:hover .button {
background-color: #fede00;
color: #000;
}
.search-container input {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
float: left;
width: calc(100% - 50px);
height: 50px;
padding: 10px;
border: 0;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
background-color: transparent;
outline: none;
min-width: auto;
opacity: 0;
}
body .search-container .button {
display: inline-block;
position: absolute;
right: 0px;
top: 0px;
width: 50px;
height: 50px;
min-width: auto;
padding: 0;
margin: 0;
background: transparent;
text-align: center;
font-size: 16px;
color: #5f5f5f;
cursor: pointer;
text-decoration: none;
border-radius: 0;
line-height: 50px;
border: none;
}
@media (max-width: 991px) {
.page-header-1 .search-container {
width: calc(100% - 30px) !important;
margin: 20px 15px;
}
.search-container input {
display: block;
width: calc(100% - 50px);
opacity: 1;
background-color: #fff;
}
.search-container .button {
background-color: #fede00;
color: #000;
}
header.page-header [class*="col-"] {
position: static;
padding: 0;
}
header.page-header .appointment:after,
.modal-header .appointment:after {
border-width: 0px 48px 58px 0;
}
.appointment .icon {
display: none;
}
header .header-row {
display: none;
}
header .heade-mobile {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
background: #2d2d2d;
min-height: 50px;
}
header .heade-mobile .logo>a {
padding: 5px 0 5px 20px;
}
header .heade-mobile .logo>a img {
max-width: 119px;
height: auto;
}
header .heade-mobile .col-left {
flex: 2 1 auto;
}
header .heade-mobile .col-right {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
header .heade-mobile .search-container {
padding: 0;
margin: 0;
width: inherit !important;
position: relative;
overflow: inherit;
}
header .heade-mobile .search-container input {
appearance: none;
float: inherit;
width: 300px;
height: 50px;
padding: 10px;
border: 0;
border-radius: 0;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
background-color: transparent;
outline: none;
z-index: 1;
opacity: 0;
visibility: hidden;
position: absolute;
pointer-events: none;
right: 54px;
}
body header .heade-mobile .search-container .button {
background: #2d2d2d !important;
color: #ffffff;
width: 54px;
height: 50px;
right: 0;
position: relative;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
}
header .heade-mobile .search-container .button [class^="icon-"],
header .heade-mobile .search-container .button [class*=" icon-"] {
position: relative;
top: 2px;
}
header .heade-mobile .search-container .button:hover {
color: #fede00;
}
header .heade-mobile .search-container.active input {
display: block;
background-color: #fff;
pointer-events: auto;
opacity: 1;
visibility: visible;
}
header .heade-mobile .navbar-toggle {
background: #2d2d2d;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: flex-end;
width: 50px;
height: 50px;
line-height: 0;
font-size: 0;
border-radius: 0;
right: inherit;
padding-top: 17px;
padding-bottom: 17px;
padding-left: 14px;
padding-right: 19px;
top: 0;
}
header .heade-mobile .navbar-toggle span {
height: 2px;
background-color: #ffffff;
display: inline-block;
}
header .heade-mobile .navbar-toggle span:nth-child(1) {
width: 12px;
}
header .heade-mobile .navbar-toggle span:nth-child(2) {
width: 20px;
margin-top: 4px;
}
header .heade-mobile .navbar-toggle span:nth-child(3) {
width: 14px;
margin-top: 4px;
}
header .heade-mobile .navbar-toggle:hover span {
background-color: #fede00;
}
}
@media (max-width: 991px) and (max-width: 790px) {
header .heade-mobile .logo>a img {
max-width: 100px;
}
}
@media (max-width: 991px) and (max-width: 575px) {
header .heade-mobile .search-container input {
width: 197px;
}
}
@media (max-width: 991px) {
header.page-header .address {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
color: #ffffff;
font-size: 15px;
margin-right: 70px;
height: 50px;
}
}
@media (max-width: 790px) {
header.page-header .address {
display: none;
}
}
body.hdr-sticky .heade-mobile-top {
display: none !important;
}
.heade-mobile-top {
position: relative;
background-color: #131313;
height: 33px;
overflow: hidden;
}
@media (min-width: 791px) {
.heade-mobile-top {
display: none;
}
}
.heade-mobile-top .header-info-toggle {
height: 100%;
}
.heade-mobile-top .header-info-toggle [class*='icon-'] {
position: relative;
top: -2px;
}
@media (max-width: 991px) {
.header-info-mobile {
background-color: #2d2d2d;
color: #ffffff;
}
.header-info-mobile a {
color: #ffffff;
}
.header-info-mobile p {
padding-left: 30px;
}
.header-info-mobile p>[class*='icon-'] {
color: #ffffff;
font-size: 14px;
line-height: 19px;
top: 2px;
}
}
@media (max-width: 790px) {
.header-info-mobile .appointment {
height: 33px;
}
}
@media (max-width: 790px) {
.heade-mobile .appointment {
display: none;
}
}
.search-container:hover {
width: 300px;
}
@media (min-width: 992px) {
.search-container {
position: absolute;
right: 15px;
top: -2px;
}
}
@media (max-width: 790px) {
header.page-header .appointment:after,
.modal-header .appointment:after {
border-width: 0px 48px 40px 0;
}
}
.overflow-visible {
overflow: visible !important;
} body .darkout-menu {
position: fixed;
z-index: -1;
top: 100%;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: 0.5;
-webkit-transition: opacity 0.3s linear, left 0.3s linear;
-moz-transition: opacity 0.3s linear, left 0.3s linear;
-ms-transition: opacity 0.3s linear, left 0.3s linear;
-o-transition: opacity 0.3s linear, left 0.3s linear;
}
body.slide-active {
overflow-x: hidden;
}
body.slide-active .darkout-menu {
z-index: 1000;
left: 270px;
top: 0;
}
#pageContent {
position: relative;
left: 0;
}
#pageContent.slide-active {
padding-top: 0;
}
.navbar-header {
position: relative;
}
#slidemenu,
#pageContent,
#mainSliderWrapper,
.page-footer,
.page-header-1 .header-row,
.header-info-mobile,
.header-topline {
-webkit-transition: left 0.3s linear;
-moz-transition: left 0.3s linear;
-ms-transition: left 0.3s linear;
-o-transition: left 0.3s linear;
left: 0;
position: relative;
}
.header-info-mobile.slide-active,
#slidemenu.slide-active,
#pageContent.slide-active,
.page-footer.slide-active,
.page-header-1 .header-row.slide-active {
left: 270px;
}
.page-footer.slide-active {
z-index: 9999;
}
@media (max-width: 991px) {
#slide-nav .container {
margin: 0!important;
padding: 0!important;
height: 100%;
width: 100%;
}
#slide-nav .navbar-header {
margin: 0 auto;
padding: 0 15px;
}
#slide-nav .navbar.slide-active {
position: absolute;
width: 270px;
top: -1px;
z-index: 1000;
}
#slide-nav #slidemenu {
left: -100%;
width: 270px !important;
min-width: 0;
position: absolute;
z-index: 2;
top: 0;
margin: 0;
padding-right: 0;
padding-left: 0;
background: #262626 none repeat scroll 0 0;
border: 0;
-webkit-transition: left 0.3s linear;
-moz-transition: left 0.3s linear;
-ms-transition: left 0.3s linear;
-o-transition: left 0.3s linear;
}
#slide-nav #slidemenu .close-menu {
display: none;
position: absolute;
z-index: 1;
top: 0;
right: 10px;
height: 42px;
color: #fede00;
text-align: left;
text-transform: uppercase;
font-size: 18px;
line-height: 42px;
font-weight: 600;
}
#slide-nav #slidemenu.slide-active {
left: 0;
height: 100vh;
overflow-y: scroll;
display: block;
}
#slide-nav #slidemenu.slide-active .row {
margin: 0;
}
#slide-nav #slidemenu.slide-active .close-menu {
display: block;
}
#slide-nav #slidemenu.slide-active .search-container .button {
border-radius: 0 0 0 0 !important;
min-width: 10px;
right: 0;
padding: 0;
}
#slide-nav #slidemenu .navbar-nav {
min-width: 0;
width: 100%;
margin: 42px 0 0;
}
#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
min-width: 0;
width: 100%;
white-space: normal;
text-decoration: none;
}
#slide-nav {
border-top: 0;
}
#navbar-height-col {
position: fixed;
top: 0;
height: 100%;
bottom: 0;
width: 270px;
left: -270px;
background: #262626;
-webkit-transition: left 0.3s linear;
-moz-transition: left 0.3s linear;
-ms-transition: left 0.3s linear;
-o-transition: left 0.3s linear;
}
#navbar-height-col.slide-active {
left: 0;
}
}
@media (min-width: 992px) {
#slide-nav #slidemenu .close-menu {
display: none !important;
}
#pageContent {
left: 0;
}
.navbar.navbar-fixed-top.slide-active {
position: fixed;
}
.navbar-header {
left: 0 !important;
}
}
.home-slider-one .vc_column-inner {
z-index: 0 !important;
}
.car-add-texts .vc_column-inner {
margin-top: -35px !important;
}
.car-add-texts .wpb_wrapper .wpb_text_column.wpb_content_element {
margin-bottom: 0 !important;
}
body.admin-bar .page-header.sticky.is-sticky {
top: 32px;
}
body.admin-bar.home #appointmentForm.modal .modal-dialog {
top: 32px;
}
@media (max-width: 782px) {
body.admin-bar .page-header.sticky.is-sticky {
top: 0;
}
body.admin-bar.home #appointmentForm.modal .modal-dialog {
top: 46px;
}
} @media (min-width: 767px) {
body.fixedFooter .page-footer {
position: fixed;
bottom: -100%;
width: 100%;
z-index: 2;
}
}
@media (min-width: 769px) {
.page-footer .footer-col-left .inside {
width: 470px;
float: right;
padding: 68px 15px 55px 0;
}
}
@media (max-width: 768px) {
.page-footer .footer-col-left .inside {
max-width: 500px;
margin: 0 auto;
text-align: center;
}
}
@media (min-width: 769px) {
.page-footer .footer-content {
display: table;
width: 100%;
table-layout: fixed;
background-color: #2b2b2b;
}
.page-footer .footer-col-left {
display: table-cell;
vertical-align: top;
width: 44%;
padding: 0;
}
.page-footer .footer-col-right {
display: table-cell;
vertical-align: top;
width: 56%;
position: relative;
}
.page-footer .footer-map {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.page-footer .footer-col-left .inside {
width: 390px;
}
}
@media (min-width: 769px) and (max-width: 991px) {
.page-footer .footer-col-left .inside {
width: 360px;
}
.page-footer .footer-col-left,
.page-footer .footer-col-right {
width: 50%;
}
}
@media (max-width: 768px) {
.page-footer .footer-col-left {
padding: 40px 20px;
}
.page-footer .footer-col-left,
.page-footer .footer-col-right {
width: 100%;
display: block;
}
}
.page-footer a,
.page-footer a:hover {
color: #fff;
}
.page-footer .contact-info a:hover {
text-decoration: underline;
}
.page-footer {
position: relative;
background: #2c2c2c;
color: #fff;
z-index: 0;
}
.page-footer .footer-content {
background-color: #2b2b2b;
}
.footer-section03 {
background-color: #2d2d2d;
padding: 22px 0 15px 0;
}
@media (max-width: 991px) {
.page-footer .footer-bottom {
text-align: center;
}
}
.page-footer .footer-phone,
.page-footer .footer-phone h2 {
font-size: 28px;
color: #fff;
}
.page-footer .container {
position: relative;
z-index: 100;
}
.page-footer .copyright {
color: #c8c8c8;
font-size: 16px;
line-height: 27px;
}
@media (max-width: 767px) {
.page-footer .copyright {
font-size: 14px;
line-height: 21px;
}
}
.page-footer .footer-map {
min-height: auto;
width: 100%;
}
@media (min-width: 768px) {
.page-footer .footer-map {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
.page-footer .social-links {
margin-top: 68px;
}
@media (max-width: 767px) {
.page-footer .social-links {
margin-top: 35px;
text-align: center;
}
.page-footer .social-links li {
margin-bottom: 10px !important
}
}
.page-footer .social-links ul li {
margin: 0 8px 0 0;
}
.page-footer .social-links ul li a {
color: #fede00;
font-size: 44px;
}
.page-footer .social-links ul li a:hover {
color: #fff;
}
.page-footer .footer-phone {
margin-bottom: 62px;
font-size: 34px;
line-height: 1em;
}
@media (max-width: 768px) {
.page-footer .footer-phone {
margin-bottom: 35px;
}
.page-footer .social-links {
margin-top: 35px;
text-align: center;
}
}
@media (max-width: 767px) {
.page-footer .social-links ul li a {
font-size: 36px;
}
}
.page-footer .footer-phone,
.page-footer .footer-phone h2 {
color: #fff;
}
.page-footer .footer-phone .number {
color: #fede00;
white-space: nowrap;
}
.page-footer .contact-info {
margin: 0 0 40px;
}
.page-footer .contact-info .icon {
color: #fede00;
font-size: 36px;
}
@media (max-width: 768px) {
#pageContent .page-footer .contact-info {
font-size: 14px;
line-height: 20px;
padding-left: 40px;
max-width: 500px;
margin: 0 auto 20px;
}
#pageContent .page-footer .footer-phone {
margin-bottom: 35px;
text-align: center;
}
}
@media (max-width: 767px) {
.page-footer .contact-info {
font-size: 14px;
line-height: 22px;
padding-left: 40px;
max-width: 500px;
margin: 0 auto 20px;
}
.page-footer .contact-info .icon {
font-size: 30px;
top: -4px;
}
}  @media (min-width: 992px) {
body.fixedSlider #mainSlider {
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}
}
.home-slider-one .vc_column-inner {
padding-right: 0px !important;
padding-left: 0px !important;
}
#mainSlider {
opacity: 0;
}
#mainSlider.slick-slider {
margin-bottom: 0;
}
#mainSlider.slick-initialized {
opacity: 1;
}
@media (min-width: 992px) {
#mainSlider {
height: 800px;
}
body.layout-2 #mainSlider {
height: inherit;
}
}
@media (max-width: 991px) {
#mainSlider.slick-slider {
margin-bottom: 0;
}
}
#mainSlider .slide .img--holder {
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
}
#mainSlider .slide-content {
height: 100%;
width: 100%;
position: absolute;
top: 0;
color: #fff;
z-index: 100;
}
#mainSlider .slide-content.center {
text-align: center;
}
#mainSlider .slide-content.left {
text-align: left;
}
#mainSlider .slide-content.right {
text-align: right;
}
#mainSlider .slide-content h4 {
color: #fff;
text-transform: none;
font-size: 27px;
line-height: 1.2;
margin-bottom: 0.23em;
}
#mainSlider .slide-content h3 {
letter-spacing: -0.04em;
color: #fede00;
text-transform: none;
font-size: 72px;
line-height: 1.2;
margin-bottom: 0.4em;
letter-spacing: -0.04em;
}
#mainSlider .slide-content h4,
#mainSlider .slide-content h3 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
#mainSlider .slide-content.left h3,
#mainSlider .slide-content.right h3 {
display: table;
}
#mainSlider .slide-content h3+h3 {
margin-top: -0.3em;
}
#mainSlider .slide-content p {
font-size: 21px;
line-height: 1.2;
margin-bottom: 2.5em;
}
#mainSlider .slide-content .btn,
#mainSlider .slide-content .btn:focus {
height: auto;
font-size: 18px;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
border-radius: 5px;
padding: 20px 27px;
outline: 0;
-moz-box-shadow: none;
box-shadow: none;
border: 0;
}
#mainSlider .slide-content .btn:hover,
#mainSlider .slide-content .btn.active,
#mainSlider .slide-content .btn:active,
#mainSlider .slide-content .btn.focus,
#mainSlider .slide-content .btn:focus {
background: #fff;
color: #fede00;
}
#mainSlider .banner-btn,
#mainSlider .banner-btn:focus {
height: auto;
font-size: 16px;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
padding: 18px 27px;
outline: 0;
-moz-box-shadow: none;
box-shadow: none;
border: 2px solid #fede00;
color: #fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
text-decoration: none !important;
}
@media (max-width: 991px) {
#mainSlider .banner-btn,
#mainSlider .banner-btn:focus {
font-size: 11px;
line-height: 16px;
padding: 10px 15px;
}
}
@media (max-width: 480px) {
#mainSlider .banner-btn,
#mainSlider .banner-btn:focus {
font-size: 11px;
line-height: 12px;
padding: 8px 12px;
}
}
#mainSlider .banner-btn:hover {
background: #fff;
border-color: #fff !important;
color: #000;
}
#mainSlider .vert-wrap {
padding-top: 220px;
width: inherit;
}
@media (max-width: 1199px) {
#mainSlider .slide-content h3 {
font-size: 80px;
}
#mainSlider .slide-content h4 {
font-size: 40px;
}
#mainSlider .slide-content p {
font-size: 18px;
}
}
@media (max-width: 991px) {
#mainSlider .slide-content .container {
padding-left: 20px;
padding-right: 20px;
}
#mainSlider .slide-content h3 {
font-size: 60px;
}
#mainSlider .slide-content h4 {
font-size: 27px;
}
#mainSlider .slide-content p {
font-size: 13px;
}
#mainSlider .slide .img--holder {
height: 45vw;
}
#mainSlider .vert-wrap {
padding-top: 0;
}
}
@media (max-width: 790px) {
#mainSlider .slide-content h3 {
font-size: 55px;
}
#mainSlider .slide-content h4 {
font-size: 24px;
}
#mainSlider .slide-content p {
font-size: 16px;
}
#mainSlider .slide-content .btn {
font-size: 12px;
padding: 15px 20px;
}
#mainSlider .slide .img--holder {
min-height: 145px !important;
}
}
@media (max-width: 767px) {
#mainSlider .slide-content .container {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 575px) {
#mainSlider .slide-content h3 {
font-size: 30px;
}
#mainSlider .slide-content h4 {
font-size: 20px;
}
#mainSlider .slide-content p {
font-size: 9px;
margin-bottom: 1em;
}
}
#mainSlider .slick-prev,
#mainSlider .slick-next {
width: 30px;
height: 30px;
margin-top: -15px;
}
#mainSlider .slick-prev:before,
#mainSlider .slick-next:before {
font-size: 23px;
line-height: 30px;
color: #fff;
}
#mainSlider .slick-prev:hover:before,
#mainSlider .slick-next:hover:before {
color: #fede00;
}
#mainSlider .slick-prev {
left: 50px;
min-width: auto;
}
#mainSlider .slick-next {
right: 50px;
min-width: auto;
}
@media (max-width: 1199px) {
#mainSlider .slick-prev {
left: 20px;
}
#mainSlider .slick-next {
right: 20px;
}
}
body.layout-2 #mainSlider {
margin-bottom: 0;
}
body.layout-2 #mainSlider .slide .img--holder {
height: 780px;
min-height: 0;
}
body.layout-2 #mainSlider .vert-wrap {
padding-top: 0;
}
body.layout-2 #mainSlider .slide-content p {
font-size: 20px;
margin-bottom: 3.5em;
}
body.layout-2 #mainSlider .slide-content h3 {
font-size: 80px;
margin-bottom: 0.5em;
}
body.layout-2 #mainSlider .slide-content h4 {
font-size: 42px;
}
@media (max-width: 1199px) {
body.layout-2 #mainSlider .slide-content h3 {
font-size: 70px;
}
body.layout-2 #mainSlider .slide-content h4 {
font-size: 36px;
}
body.layout-2 #mainSlider .slide-content p {
font-size: 16px;
}
}
@media (max-width: 991px) {
body.layout-2 #mainSlider .slide-content .container {
padding-left: 20px;
padding-right: 20px;
}
body.layout-2 #mainSlider .slide-content h3 {
font-size: 60px;
}
body.layout-2 #mainSlider .slide-content h4 {
font-size: 28px;
}
body.layout-2 #mainSlider .slide-content p {
font-size: 14px;
margin-bottom: 3em;
}
body.layout-2 #mainSlider .vert-wrap {
padding-top: 0;
}
body.layout-2 #mainSlider .slide .img--holder {
height: 650px;
}
}
@media (max-width: 768px) {
body.layout-2 #mainSlider .slide-content .container {
padding-left: 15px;
padding-right: 15px;
}
body.layout-2 #mainSlider .slide-content h3 {
font-size: 50px;
}
body.layout-2 #mainSlider .slide-content h4 {
font-size: 25px;
}
body.layout-2 #mainSlider .slide-content p {
font-size: 13px;
}
body.layout-2 #mainSlider .slide .img--holder {
height: 414px;
}
}
@media (max-width: 667px) {
body.layout-2 #mainSlider .slide-content h3 {
font-size: 30px;
}
body.layout-2 #mainSlider .slide-content h4 {
font-size: 20px;
}
body.layout-2 #mainSlider .slide-content p {
font-size: 10px;
margin-bottom: 2.5em;
}
}
@media (max-width: 480px) {
body.layout-2 #mainSlider .slide-content h3 {
font-size: 28px;
}
body.layout-2 #mainSlider .slide-content h4 {
font-size: 18px;
}
body.layout-2 #mainSlider .slide-content p {
font-size: 9px;
}
body.layout-2 #mainSlider .slide .img--holder {
height: 225px;
}
}
#mainSliderWrapper {
position: relative;
}
.mainSlider-arrow-bottom {
position: absolute;
bottom: 170px;
left: 50%;
z-index: 1;
font-size: 28px;
line-height: 1em;
color: #fff;
-webkit-animation-name: scrollDown;
-webkit-animation-duration: 1.3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-name: scrollDown;
-moz-animation-duration: 1.3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;
}
@media (max-width: 991px) {
.mainSlider-arrow-bottom {
display: none;
}
}
@-webkit-keyframes scrollDown {
from,
to {
-webkit-transform: translate(0, 0);
}
65% {
-webkit-transform: translate(0, 10px);
}
}
@-moz-keyframes scrollDown {
from,
to {
-moz-transform: translate(0, 0);
}
65% {
-moz-transform: translate(0, 10px);
}
}
.wpb_single_image.negative-margin img {
height: auto;
max-width: 370px;
vertical-align: top;
}
@media (min-width: 992px) and (max-width: 1199px) {
.wpb_single_image.negative-margin img {
max-width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.wpb_single_image.negative-margin img {
max-width: 100%;
}
}
@media (max-width: 767px) {
.wpb_single_image.negative-margin img {
height: auto;
max-width: 240px;
vertical-align: top;
}
}
.slider-under-bttn a.btn.btn-full.btn-border {
width: 200px;
float: right;
}
@media (max-width: 991px) {
.slider-under-bttn a.btn.btn-full.btn-border {
width: auto !important;
float: right;
padding: 10px 8px !important;
min-width: 50px !important;
margin-top: 15px;
}
}    .breadcrumbs {
overflow: hidden;
}
.breadcrumbs strong {
font-weight: 400;
}
.breadcrumbs span span:first-child {
margin-left: 0;
}
strong.breadcrumb_last,
.breadcrumbs span span {
margin-left: 10px;
}
.breadcrumbs a:hover {
color: #fede00;
}
.breadcrumbs>li {
display: inline-block;
}
.breadcrumbs>li+li:before {
content: "/";
padding: 0 15px;
}
.breadcrumbs .breadcrumb {
color: #fff;
background-color: transparent;
display: inline-block;
padding: 18px 0;
border-radius: 0;
margin: 0;
width: 100%;
}
.breadcrumbs .breadcrumb {
padding: 0;
text-align: center;
}
.breadcrumbs .breadcrumb a {
color: #fff;
font-size: 16px;
line-height: 18px;
text-decoration: none;
margin-right: 10px;
} .video-responsive {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.video-responsive iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
} .text-icon {
position: relative;
margin: 90px 0 0;
text-align: center;
background-color: #f9f9f9;
transition: background-color 0.2s linear, box-shadow 0.2s linear;
padding: 0 25px 36px;
}
.text-icon:before {
content: '';
display: block;
position: absolute;
bottom: 0px;
width: 0%;
height: 4px;
margin: auto;
left: 0;
right: 0;
background-color: #fede00;
transition: width 0.2s linear;
}
.text-icon:hover {
background-color: #ffffff;
box-shadow: 0 6px 35px rgba(0, 0, 0, 0.07);
}
.text-icon.active {
background-color: #ffffff;
box-shadow: 0 6px 35px rgba(0, 0, 0, 0.07);
}
.text-icon:hover:before {
width: 100%;
}
.text-icon.active:before {
width: 100%;
}
.text-icon-wrapper .text-icon {
margin-top: 0px;
}
@media (max-width: 767px) {
.text-icon-wrapper .text-icon {
margin-top: 40px;
}
}
.vehicle-damage {
margin-bottom: 80px;
}
.vehicle-damage .tab-content {
padding: 20px;
}
@media (max-width: 991px) {
.text-icon {
padding: 0 20px 20px;
margin: 50px 0 0;
}
.vehicle-damage {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.text-icon {
margin-top: 65px;
}
.vc_row.about-page-last-content {
margin-bottom: -10px;
margin-top: -30px;
}
.about-page-last-content .vc_column_container .vc_column-inner {
padding: 0;
}
}
.text-icon .icon-wrapper {
display: inline-block;
margin-top: 52px;
background: #fff;
border-radius: 50%;
}
.text-icon .icon-wrapper>span {
display: block;
width: 103px;
height: 103px;
margin: 0 auto;
background: #fede00;
border-radius: 50%;
}
.text-icon .icon-wrapper>span i {
font-size: 46px;
line-height: 104px;
color: #ffffff;
}
.text-icon .title {
margin: 33px auto 16px;
text-transform: capitalize;
font-size: 27px;
line-height: 1;
font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #3a3a3a;
}
@media (max-width: 991px) {
.text-icon .icon-wrapper {
margin-top: 31px;
}
.text-icon .icon-wrapper>span {
width: 63px;
height: 63px;
}
.text-icon .icon-wrapper>span i {
font-size: 26px;
line-height: 64px;
}
.text-icon .title {
font-size: 18px;
margin: 14px auto 9px;
}
}
.text-icon .number {
font-size: 40px;
line-height: 1em;
margin: 0 0 11px;
font-weight: 400;
text-transform: none;
color: #fff;
}
.text-icon p {
font-size: 16px;
line-height: 25px;
}
@media (max-width: 767px) {
.text-icon p {
font-size: 14px;
line-height: 20px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.text-icon .number {
font-size: 30px;
}
.text-icon p {
font-size: 15px;
line-height: 22px;
}
}
.text-icon .text {
max-width: 220px;
margin: 0 auto;
color: #5e5e5e;
}
@media (max-width: 992px) {
.text-icon .text {
font-size: 15px;
}
}
@media (min-width: 768px) {
.text-icon .text {
min-height: 88px;
}
}
@media (max-width: 1199px) {
.home-service-ceritfied .vc_column_container>.vc_column-inner {
padding-top: 0 !important;
}
.vc_row.wpb_row.vc_row-fluid.meet-team-txt.about-page-out-team {
margin-bottom: 20px;
}
}
.text-icon-sm {
position: relative;
margin: 60px 0 0;
text-align: center;
}
.text-icon-sm .icon-wrapper {
display: inline-block;
border: 1px solid #dcdcdc;
padding: 2px;
margin-top: -46px;
background: #fff;
border-radius: 50%;
text-decoration: none;
outline: 0;
}
.text-icon-sm .icon-wrapper>span {
display: block;
position: relative;
width: 93px;
height: 93px;
margin: 0 auto;
background-color: #fede00;
border-radius: 50%;
}
.text-icon-sm:hover .icon-wrapper span {
-webkit-box-shadow: 0 0 0 20px rgba(94, 138, 241, 0);
-moz-box-shadow: 0 0 0 20px rgba(94, 138, 241, 0);
box-shadow: 0 0 0 20px rgba(94, 138, 241, 0);
}
.text-icon-sm .icon-wrapper>span i {
font-size: 40px;
line-height: 93px;
color: #fff;
}
.text-icon-sm .icon-wrapper .icon-hover {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: calc(100%);
height: calc(100%);
opacity: 0;
background-color: #ffc513;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.text-icon-sm:hover .icon-wrapper span {
-webkit-box-shadow: 0 0 0 20px rgba(94, 138, 241, 0);
-moz-box-shadow: 0 0 0 20px rgba(94, 138, 241, 0);
box-shadow: 0 0 0 20px rgba(94, 138, 241, 0);
}
.text-icon-sm:hover .icon-wrapper .icon-hover {
opacity: 1;
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.11);
-moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.11);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.11);
}
.text-icon-sm:hover .icon-wrapper span i.icon {
color: #fff;
}
.text-icon-sm .title {
margin: 15px auto 0;
font-weight: 600;
text-transform: uppercase;
} .text-icon-hor-grid {
margin-top: 45px;
}
.text-icon-hor {
position: relative;
display: table;
width: 100%;
margin-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #e8e8e8;
}
.text-icon-hor:last-child {
border-bottom: 0;
}
.text-icon-hor .icon-wrapper {
display: table-cell;
vertical-align: middle;
width: 200px;
padding: 8px;
}
@media (max-width: 767px) {
.text-icon-hor .icon-wrapper {
width: 120px;
}
.text-icon {
margin: 65px auto 0;
padding: 0 20px 20px;
max-width: 290px;
}
}
.text-icon-hor .icon-wrapper span {
display: inline-block;
position: relative;
width: 144px;
height: 144px;
border-radius: 50%;
background: #fff;
text-align: center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-box-shadow: 0 0 0 8px #e9eaed;
-moz-box-shadow: 0 0 0 8px #e9eaed;
box-shadow: 0 0 0 8px #e9eaed;
}
@media (max-width: 767px) {
.text-icon-hor .icon-wrapper span {
width: 90px;
height: 90px;
}
}
.text-icon-hor .icon-wrapper span i.icon {
position: relative;
z-index: 1;
font-size: 60px;
line-height: 144px;
color: #fede00;
-webkit-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-ms-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
}
@media (max-width: 767px) {
.text-icon-hor .icon-wrapper span i.icon {
font-size: 40px;
line-height: 90px;
}
}
.text-icon-hor .icon-wrapper .icon-hover {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: calc(100%);
height: calc(100%);
opacity: 0;
background-color: #fede00;
-webkit-box-shadow: 0 0 0 0 rgba(94, 138, 241, 0.25);
-moz-box-shadow: 0 0 0 0 rgba(94, 138, 241, 0.25);
box-shadow: 0 0 0 0 rgba(94, 138, 241, 0.25);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.text-icon-hor:hover .icon-wrapper span {
-webkit-box-shadow: 0 0 0 20px rgba(94, 138, 241, 0);
-moz-box-shadow: 0 0 0 20px rgba(94, 138, 241, 0);
box-shadow: 0 0 0 20px rgba(94, 138, 241, 0);
}
.text-icon-hor:hover .icon-wrapper .icon-hover {
opacity: 1;
-webkit-box-shadow: 0 0 0 8px rgba(94, 138, 241, 0.25);
-moz-box-shadow: 0 0 0 8px rgba(94, 138, 241, 0.25);
box-shadow: 0 0 0 8px rgba(94, 138, 241, 0.25);
}
.text-icon-hor:hover .icon-wrapper span i.icon {
color: #fff;
}
.text-icon-hor h4.title {
text-transform: none;
margin-bottom: 7px;
}
.text-icon-hor .text {
display: table-cell;
vertical-align: middle;
}
.text-icon-hor .text p:last-child {
margin-bottom: 0;
}
.text-icon-hor .price {
display: table-cell;
vertical-align: middle;
width: 170px;
white-space: nowrap;
font-size: 20px;
line-height: 40px;
font-family: 'Muli', sans-serif;
color: #fede00;
text-align: right;
}
.text-icon-hor .price span {
font-size: 40px;
}
@media (max-width: 767px) {
.text-icon-hor .price span {
font-size: 30px;
}
}
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>th {
padding: 15px 8px;
border-top: 0;
border-bottom: 3px solid #e5e5e5;
}
.table>tbody>tr>td {
border-top: 1px solid #e5e5e5;
padding: 10px 8px;
}
.table .cell-marker {
background: #fede00;
border-color: #fede00;
padding-left: 12px;
padding-right: 12px;
}
.table th.cell-marker {
border-color: #fff;
}
.text-icon-hor .price .remark {
color: #f84646;
}
.service-icon {
margin-top: 50px;
text-align: center;
position: relative;
z-index: 1;
}
.single-service-txt {
margin-bottom: 120px;
padding-top: 30px;
}
@media(max-width: 1199px) {
.single-service-txt {
margin-bottom: 90px;
}
}
@media(max-width: 991px) {
.single-service-txt {
margin-bottom: 40px;
}
}
@media(max-width: 767px) {
.single-service-txt {
padding-top: 0;
margin-bottom: 0;
}
}
.single-service-txt .text-icon .icon-wrapper>span {
display: block;
width: 93px;
height: 93px;
}
.single-service-txt .icon-wrapper>span i {
font-size: 40px;
line-height: 93px;
color: #fff;
}
.service-icon:after {
content: '';
height: 1px;
width: 100%;
position: absolute;
top: 50%;
left: 0;
z-index: -1;
background-color: #a1a1a1;
}
.service-icon .icon-wrapper {
display: inline-block;
vertical-align: middle;
width: 152px;
background-color: #fff;
}
.service-icon .icon-wrapper span,
.service-icon .icon-wrapper .fack_icon_div {
display: inline-block;
position: relative;
width: 124px;
height: 124px;
border-radius: 50%;
background: #fede00;
text-align: center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-box-shadow: 0 0 0 1px #dddddd;
-moz-box-shadow: 0 0 0 1px #dddddd;
box-shadow: 0 0 0 1px #dddddd;
border: 5px solid #fff;
}
.service-icon .icon-wrapper span i.icon,
.service-icon .icon-wrapper .fack_icon_div img {
position: relative;
z-index: 1;
font-size: 55px;
line-height: 115px;
color: #252525;
-webkit-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-ms-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
}
.service-icon .icon-wrapper .fack_icon_div img {
position: relative;
top: 50%;
transform: translateY(-50%);
vertical-align: middle;
width: 75%;
} h2+.testimonials {
margin-top: 55px;
}
.testimonials {
display: table;
width: 100%;
table-layout: fixed;
}
.testimonials-block-txt .black-bg-color {
margin-bottom: 40px !important;
}
.testimonials-item {
display: table-cell;
vertical-align: top;
width: 50%;
position: relative;
}
.testimonials-item .bg-image {
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-size: cover;
}
.testimonials-item .inside {
float: right;
margin-right: 15px;
}
.testimonials-item:nth-child(2n) .bg-image {
opacity: 1;
}
.testimonials-item:nth-child(2n) .inside {
float: left;
margin-left: 15px;
}
.testimonials-item.testimonials-item--dark .inside {
color: #fff;
}
.testimonials-item .inside {
width: 570px;
padding: 0 10px 0 100px;
text-align: left;
color: #000;
margin-top: 96px;
margin-bottom: 90px;
position: relative;
z-index: 1;
}
@media (min-width: 992px) and (max-width: 1199px) {
.testimonials-item .inside {
width: 485px;
}
}
@media (max-width: 991px) {
.testimonials-item {
display: block;
width: 100%;
padding: 0;
margin-left: 0;
margin-right: 0;
}
.testimonials-item.testimonials-item--dark .inside {
margin: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.testimonials-item .inside {
width: 360px;
}
}
.testimonials-item .inside h5 {
margin-bottom: 8px;
color: #2a2a2a;
}
.testimonials-item .inside .rating {
margin-right: 15px;
font-size: 11px;
color: #fede00;
}
.testimonials-item .inside .rating i {
margin-right: 5px;
}
.testimonials-item .inside .username {
font-size: 18px;
font-weight: bold;
}
.testimonials-item .inside .meta {
margin-bottom: 15px;
}
.testimonials-item .inside .text {
font-size: 18px;
line-height: 24px;
}
.testimonials-item .inside:before {
display: block;
position: absolute;
z-index: 1;
top: -29px;
left: 20px;
content: '“';
color: #fff;
font-size: 150px;
line-height: 1em;
}
@media (min-width: 992px) {
.slick-initialized .slick-slide.testimonials {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
}
.testimonials {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
}
@media (max-width: 991px) {
.slick-slider.testimonials-carousel {
margin: 30px -15px 0;
width: calc(100% + 30px);
padding: 0 15px;
}
.home_client_say_testimonials .slick-slider.testimonials-carousel {
margin-bottom: 0;
}
.testimonials-item {
display: block;
width: 100%;
padding: 0;
margin-left: 0;
margin-right: 0;
}
.testimonials-item .inside {
width: 60%;
float: none !important;
padding: 50px 15px 50px 88px;
margin: 0 0 0 25% !important;
}
.testimonials-item .inside .username,
.testimonials-item .inside .rating {
display: block;
margin-bottom: 10px;
}
.testimonials-item .inside:before {
top: 14px;
left: 12px;
}
}
@media (max-width: 767px) {
.slick-slider.testimonials-carousel {
margin: 30px -30px 0;
width: calc(100% + 60px);
padding: 0 15px;
}
}
.testimonials-item .text p {
font-size: 18px;
}
.testimonial-card {
position: relative;
float: left;
width: calc(33.333% - 20px);
margin-bottom: 30px;
background-color: #fff;
padding: 30px;
margin-top: 40px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
@media (max-width: 1199px) {
.testimonial-card {
width: calc(50% - 15px);
}
}
@media (max-width: 767px) {
.testimonial-card {
width: 100%;
}
.testimonials-item .text p {
font-size: 14px;
}
.testimonials-item .inside {
width: 100%;
margin: 0 !important;
}
}
.testimonial-card:after {
content: '“';
position: absolute;
top: 22px;
right: 20px;
font-size: 150px;
color: #fede00;
}
.testimonial-card-title {
border-bottom: 1px solid #ebebeb;
}
.testimonial-card-title h5 {
text-transform: none;
font-weight: 700;
font-size: 18px;
}
.testimonial-card-text,
.testimonial-card-text p {
margin-top: 20px;
font-size: 17px;
line-height: 24px;
}
.testimonial-card-rating {
margin-top: 15px;
}
.testimonials-carousel2 {
margin-top: 50px;
}
@media (max-width: 1199px) {
.testimonials-carousel2 {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.testimonials-carousel2 {
margin-top: 20px;
}
}
@media (min-width: 1200px) {
.testimonials-carousel2 .slick-prev {
margin-top: -30px;
left: calc(50vw - 585px);
}
.testimonials-carousel2 .slick-next {
margin-top: -30px;
right: calc(50vw - 585px);
}
}
.testimonials-item2 {
text-align: center;
}
.testimonials-item2 .meta {
font-size: 16px;
line-height: 1.5em;
}
@media (max-width: 1199px) {
.testimonials-item2 .meta {
font-size: 16px;
}
}
@media (max-width: 767px) {
.testimonials-item2 .meta {
font-size: 15px;
}
.testimonials-item2 .meta .rating {
display: block;
margin-bottom: 5px;
}
}
.testimonials-item2 .username {
font-weight: bold;
}
.testimonials-item2 .username:not(:first-child) {
padding-left: 10px;
}
.testimonials-item2 .userfrom {
color: #8c8c8c;
}
.testimonials-item2 .userfrom:not(:first-child) {
padding-left: 3px;
}
.testimonials-item2 .text {
max-width: 830px;
margin: 15px auto 0;
}
.testimonials-item2 .text p {
font-size: 20px;
line-height: 1.5em;
}
@media (max-width: 1199px) {
.testimonials-item2 .text p {
font-size: 18px;
}
}
@media (max-width: 767px) {
.testimonials-item2 .text p {
font-size: 14px;
}
}
.testimonials-item2 .testimonial-auto {
margin-top: 15px;
display: inline-block;
}
.testimonials-item2 .testimonial-auto img {
max-width: 100%;
width: auto;
}
.testimonials-item2 .animated {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animations {
opacity: 0;
} .person:not(.person-hor) {
max-width: 270px;
margin-left: auto;
margin-right: auto;
}
.person .person-info {
margin-top: 23px;
text-align: left;
}
@media (max-width: 991px) {
.person .person-info {
text-align: center;
}
}
.person .image {
margin: 0 auto 20px;
position: relative;
}
.person .name {
margin-bottom: 8px;
line-height: 1.2em;
text-transform: uppercase;
font-size: 17px;
font-weight: 700;
color: #000;
}
.person .position {
margin-bottom: 16px;
padding: 0;
font-weight: normal;
text-transform: none;
font-size: 15px;
}
.person .text {
margin-bottom: 30px;
}
@media (max-width: 1199px) {
.person .position {
margin-bottom: 10px;
}
.person .text {
margin-bottom: 10px;
}
}
.slick-slide img {
display: inline-block;
width: auto;
max-width: 100%;
}
@media (max-width: 767px) {
.person:not(.last) {
margin-bottom: 25px;
}
}
.person-hor {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #dcdcdc;
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 479px) {
.person-hor {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.person-hor .image {
margin: 0;
width: calc(50% - 15px);
}
@media (max-width: 1199px) {
.person-hor .image {
width: calc(57% - 15px);
}
}
@media (max-width: 479px) {
.person-hor .image {
width: 100%;
}
}
.person-hor .person-info {
width: calc(50% + 15px);
padding: 15px 30px;
margin-top: 0;
}
@media (max-width: 1199px) {
.person-hor .person-info {
padding: 15px 15px;
font-size: 14px;
line-height: 20px;
width: calc(43% + 15px);
}
}
@media (max-width: 767px) {
.person-hor .person-info {
width: auto !important;
padding: 15px 30px;
}
}
@media (max-width: 479px) {
.person-hor .person-info {
width: 100%;
padding: 20px 20px 15px;
}
} .panel-group {
margin-top: 43px;
margin-bottom: 0;
}
.panel-group#accordion {
margin-top: 0;
}
.faq-item .panel,
.faq-item.panel {
margin-bottom: 10px;
background: transparent;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;
border-radius: 0;
}
.faq-item .panel-heading {
position: relative;
padding: 0;
}
.faq-item .panel-heading .panel-title {
text-align: left !important;
border-top: 1px solid #fede00;
display: table;
min-height: 90px;
width: 100%;
}
.calendar_wrap table {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
max-width: 350px;
}
.calendar_wrap th,
.calendar_wrap td {
border: 1px solid #eee;
color: #484848;
cursor: pointer;
line-height: 36px;
text-align: center;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.calendar_wrap th {
background-color: #f5f5f5;
}
.calendar_wrap td#today {
background-color: #fede00;
color: #fff;
}
@media (max-width: 1199px) {
.calendar_wrap th,
.calendar_wrap td {
padding: 5px;
}
}
@media screen and (max-width: 767px) {
.faq-item .panel-heading .panel-title {
min-height: 60px;
}
}
.faq-item .panel-heading .panel-title>a {
display: table-cell;
vertical-align: middle;
position: relative;
padding: 0 0 0 125px;
font-size: 18px;
line-height: 25px;
font-weight: 600;
text-transform: uppercase;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
}
.faq-item .panel-heading .panel-title>a:hover {
color: #fede00;
}
@media screen and (max-width: 767px) {
.faq-item .panel-heading .panel-title>a {
padding: 15px 0 15px 75px;
}
}
@media (min-width: 991px) {
.faq-excerpt {
margin-top: -35px;
}
}
.panel-heading1 .vc_toggle_title {
min-height: 90px;
display: table;
position: relative;
}
.faq-item .panel-heading a,
.faq-item .panel-heading a:hover {
text-decoration: none;
-webkit-transition: all 0.25 ease;
-moz-transition: all 0.25 ease;
-ms-transition: all 0.25 ease;
-o-transition: all 0.25 ease;
}
.faq-item .panel-heading a>span.caret-toggle {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 90px;
height: 90px;
font-size: 44px;
line-height: 90px;
background-color: #fede00;
text-align: center;
color: #000;
}
@media screen and (max-width: 767px) {
.faq-item .panel-heading a>span.caret-toggle {
width: 60px;
height: 60px;
font-size: 34px;
line-height: 58px;
}
}
.faq-item .panel-heading a:not(.collapsed)>span.opened {
display: none;
}
.faq-item .panel-heading a.collapsed>span.closed {
display: none;
}
.faq-item .panel-collapse {
background: transparent;
}
.faq-item .panel-body {
border: 0;
padding: 0 0 25px 125px;
}
@media screen and (max-width: 767px) {
.faq-item .panel-body {
padding-left: 75px;
}
}
.faq-item .panel-body>p:last-child {
margin-bottom: 0;
}
.faq-item .panel-heading+.panel-collapse>.panel-body {
border: 0;
}
.faq-items-sm {
margin-top: 30px;
}
.faq-item-sm.panel {
overflow: hidden;
}
.faq-item-sm.panel .caret-toggle {
position: absolute;
width: 32px;
height: 32px;
border-radius: 50%;
right: 18px;
top: 17px;
font-size: 20px;
line-height: 30px;
font-weight: bold;
text-align: center;
color: #000;
background-color: #eee;
}
@media (max-width: 767px) {
.faq-item-sm.panel .caret-toggle {
top: 12px;
right: 12px;
}
}
.faq-item-sm.panel .panel-heading a:not(.collapsed)>span.closed {
background-color: #fede00;
}
.faq-item-sm.panel .panel-heading a:not(.collapsed)>span.opened {
display: none;
}
.faq-item-sm.panel .panel-heading a.collapsed>span.closed {
display: none;
}
.faq-item-sm.panel.panel-default {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 1px solid #edeff0;
border-radius: 0;
}
.faq-item-sm.panel.panel-default>.panel-heading {
padding: 0;
color: #000;
background-color: #fff;
border-radius: 0;
border: 0;
}
.faq-item-sm.panel .panel-title a {
display: block;
padding: 21px 55px 21px 22px;
position: relative;
font-size: 16px;
line-height: 24px;
font-weight: 700;
text-decoration: none;
}
@media (max-width: 767px) {
.faq-item-sm.panel .panel-title a {
padding: 12px 55px 12px 15px;
font-size: 14px;
line-height: 20px;
}
}
.faq-item-sm.panel .panel-body {
padding: 0 55px 26px 22px;
}
@media (max-width: 767px) {
.faq-item-sm.panel .panel-body {
padding: 0 55px 12px 15px;
font-size: 14px;
line-height: 20px;
}
}
.faq-item-sm.panel .panel-heading+.panel-collapse>.panel-body {
border-top: 0;
}
.faq-item-sm.panel .panel-collapse.collapse.in {
position: relative;
z-index: 1;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.faq-item-sm.panel+.faq-item-sm.panel {
margin-top: -1px;
} @media (max-width: 1199px) {
.column-center .blog-post {
margin-bottom: 50px;
}
}
.blog-post h3 {
font-size: 34px;
text-transform: capitalize;
}
@media (max-width: 1199px) {
.blog-post h3 {
font-size: 26px;
margin: 0 0 10px;
}
}
.tags-links a {
background-color: hsl(0, 0%, 94%);
display: inline-block;
font-size: 14px !important;
line-height: 25px;
margin-bottom: 7px;
margin-right: 5px;
padding: 0 10px;
text-decoration: none;
transition: all 0.2s ease 0s;
}
.tags-links a:hover {
color: #333;
}
.blog-post {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.blog-post {
margin-bottom: 50px;
}
}
.blog-post .post-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.blog-post .post-video iframe,
.blog-post .post-video object,
.blog-post .post-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.blog-post .post-music iframe,
.blog-post .post-music object,
.blog-post .post-music embed {
width: 100%;
height: auto;
border: 0;
}
.blog-post .post-image {
position: relative;
margin-bottom: 38px;
border-radius: 0;
}
.blog-post .post-image img {
height: auto;
}
.blog-post .post-image .post-link-wrapper {
position: absolute;
top: 0;
width: 100%;
height: 100%;
text-align: center;
}
.blog-post .post-image .post-link {
font-size: 42px;
line-height: 1em;
color: #fff;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
text-decoration: none;
}
.column-right .blog-post .post-image .post-link {
font-size: 18px;
}
@media (max-width: 767px) {
.blog-post .post-image .post-link {
font-size: 4vw;
}
}
.blog-post .post-image .post-link:hover {
color: #fede00;
text-decoration: none;
}
.blog-post .post-title {
margin-bottom: 28px;
line-height: 1.4em;
}
@media (max-width: 767px) {
.blog-post .post-title {
margin-bottom: 28px;
font-size: 20px;
}
}
.blog-post .post-meta {
margin: 0 0 26px;
padding: 0;
overflow: hidden;
list-style: none;
}
.blog-post .post-meta li {
float: left;
font-size: 14px;
padding-right: 40px;
margin-top: 0;
}
.column-right .blog-post .post-meta li {
padding-right: 10px;
}
.blog-post .post-meta li i.icon,
.blog-post .post-meta li span {
display: inline-block;
vertical-align: middle;
}
.blog-post .post-meta li i.icon {
font-size: 20px;
padding-right: 7px;
color: #fede00;
}
.blog-post .post-meta li:last-child {
padding-right: 0;
}
.blog-post .post-meta li .author {
font-size: 14px;
font-weight: 700;
}
.vert-wrapper {
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
}
.post-teaser a.btn {
margin-top: 40px;
}
@media (max-width: 767px) {
.blog-post .post-meta li {
padding-right: 15px;
}
}
.blog-post .post-teaser {
margin-bottom: 32px;
}
.blog-post .post-author {
margin: 20px 0 25px;
}
.blog-post .post-author img {
margin-right: 20px;
}
.blog-post.single {
margin-bottom: 0;
}
.post-carousel {
overflow: hidden;
}
.post-carousel .slick-prev {
left: 20px;
}
.post-carousel .slick-next {
right: 20px;
}
.post-carousel .slick-prev:before,
.post-carousel .slick-next:before {
color: #fff;
}
.post-preview {
margin-top: 28px;
margin-bottom: 45px;
}
.post-preview .post-image {
margin-bottom: 15px;
}
.post-preview .post-meta {
margin-bottom: 15px;
font-size: 13px;
}
.post-preview .post-title {
line-height: 1.222em;
margin-bottom: 10px;
text-transform: uppercase;
}
.column-right .post-preview .post-title {
line-height: 26px;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
}
.column-right h4 {
font-size: 30px;
margin-bottom: 30px;
}
.widget_calendar caption {
padding-top: 0px;
padding-bottom: 20px;
}
.post-preview .post-title a {
text-decoration: none;
-webkit-transition: color 200ms ease;
-moz-transition: color 200ms ease;
-ms-transition: color 200ms ease;
-o-transition: color 200ms ease;
}
.post-preview .post-title a:hover {
color: #fede00;
}
.view-more-post {
margin-bottom: 30px;
}
.side-block {
margin-bottom: 45px;
padding-bottom: 30px;
}
.side-block .post-preview .post-meta {
margin-bottom: 10px;
}
.column-right .side-block .post-preview .post-title {
margin-bottom: 5px;
}
.side-block h3 {
margin-bottom: 18px;
}
.blog-post.single .reply a {
text-decoration: underline;
font-size: 14px;
}
.blog-post.single .reply a:hover {
text-decoration: none;
}
.side-block:last-child {
border-bottom: 0;
}
.comment-meta {
margin-bottom: 15px;
}
.comment-body {
margin-bottom: 50px;
}
.comments {
padding-top: 15px;
}
.comments .comment {
margin: 10px 0 0;
}
.comment-content {
padding-left: 90px;
}
.comment-metadata {
padding-left: 90px;
}
.comment-author.vcard img {
margin-right: 20px;
}
.reply {
float: right;
}
.comments .comment .userpic {
width: 64px;
height: 64px;
float: left;
margin: 0 26px 0 0;
font-size: 64px;
line-height: 64px;
color: #e8e8e8;
}
.comments-area ul,
.comments-area ol {
list-style: none;
}
.comment-content ul {
list-style: disc;
}
.comment-content ol {
list-style: decimal;
}
.comments .comment .text {
overflow: hidden;
}
.comments .comment .text .meta {
padding-bottom: 5px;
}
.comments .comment .text .meta a {
color: #fede00;
font-size: 14px;
padding: 0 12px;
}
.comments .comment .text .date {
margin: 0 0 20px;
padding: 0;
overflow: hidden;
font-size: 13px;
}
.comments .comment .text .date i.icon,
.comments .comment .text .date span {
display: inline-block;
vertical-align: middle;
}
.comments .comment .text .date i.icon {
font-size: 20px;
padding-right: 7px;
color: #fede00;
}
.single_pg_cont .form-submit {
margin-top: 30px;
}
.comments .comment.replay {
margin-left: 80px;
}
.comment-form .form-group {
margin-bottom: 8px;
}
.comment-form input[type=text] {
padding: 10px 15px;
margin-bottom: 0;
height: 38px;
border: 1px solid #ccc;
box-shadow: none;
}
.textarea-custom {
appearance: none;
margin-bottom: 4px;
padding: 13px 15px 13px;
font-size: 16px;
line-height: 20px;
height: 46px;
background: #fff;
border: 0;
border-radius: 2px;
color: #000;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
min-height: 235px;
height: auto;
border: 1px solid #ccc;
}
.comment-form textarea {
padding: 12px 10;
overflow: hidden;
}
.blog-tags ul {
margin: 0;
padding: 0;
list-style: none;
}
.blog-tags ul li {
display: inline-block;
margin: 0px 10px;
}
.blog-tags ul li a {
border: 1px solid #444;
display: block;
padding: 3px 10px;
border-radius: 3px;
}
.blog-isotope {
overflow: hidden;
margin-bottom: 50px;
margin-top: 10px;
overflow: visible;
}
.blog-isotope .post-meta li.author {
display: none;
}
.blog-isotope .post-image {
margin-left: -10px;
margin-right: -10px;
margin-top: -20px;
}
.blog-isotope .blog-post {
position: relative;
float: left;
width: calc(33.333% - 20px);
padding: 20px 20px 20px;
margin-bottom: 30px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
@media (max-width: 1199px) {
.blog-isotope .blog-post {
width: calc(50% - 15px);
}
}
@media (max-width: 767px) {
.blog-isotope .blog-post {
width: 100%;
}
}
@media (min-width: 768px) {
.blog-isotope .post-image {
margin-bottom: 15px;
}
.blog-isotope .post-meta {
margin-bottom: 15px;
font-size: 14px;
}
.blog-isotope .post-title {
font-size: 18px;
line-height: 22px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 15px;
}
.blog-isotope .post-image .post-link {
font-size: 22px;
}
.blog-isotope .quote {
margin-top: 15px;
margin-bottom: 20px;
padding-left: 80px;
}
.blog-isotope .quote:before {
font-size: 200px;
top: -35px;
left: -10px;
}
} #appointmentForm.modal {
padding-left: 0 !important;
}
#appointmentForm.modal .modal-dialog {
margin: 0 auto;
width: 1170px;
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1240px) {
#appointmentForm.modal .modal-dialog {
width: 970px;
}
}
@media (max-width: 767px) {
.modal-body h5 {
font-size: 16px;
}
}
.post_loop_cont_wrap .blog-post img {
width: auto;
max-width: 100%;
height: auto;
}
.services-block-alt .image {
position: relative;
overflow: hidden;
}
.home-services-img,
.services-angle-text.how-works-row {
margin-left: 0;
margin-right: 0;
}
.single-service-txt h3.title {
font-size: 22px;
margin: 10px 0px;
}
.single-services-head {
margin-top: 30px;
margin-bottom: 105px;
}
@media (max-width: 1199px) {
.single-services-head {
margin-top: 0px;
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
.single-services-head {
margin-top: 30px;
margin-bottom: 30px;
}
}
.single-services-head h2 {
margin-bottom: 30px !important;
}
.services-pages-txt .btn-invert {
margin-right: 10px;
}
@media (min-width: 768px) and (max-width: 991px) {
.services-pages-txt .form-popup-wrap {
margin-left: 10px;
}
}
.services-pages-txt h2.h-lg {
font-size: 40px;
}
@media (max-width: 767px) {
.services-pages-txt h2.h-lg {
font-size: 32px;
}
.service-page-quality-car.services-pages-txt h2.h-lg {
font-size: 32px;
}
.service-page-quality-car {
margin-bottom: -10px;
}
}
@media (max-width: 479px) {
.service-page-quality-car.services-pages-txt h2.h-lg,
.services-pages-txt h2.h-lg {
font-size: 28px;
}
}
.modal-body h2 {
font-size: 34px;
}
@media (min-width: 768px) and (max-width: 991px) {
#appointmentForm.modal .modal-body .divider-lg {
height: 30px;
}
.modal-body h2 {
margin-bottom: 35px;
}
}
@media (max-width: 767px) {
.modal-body h2 {
font-size: 23px;
}
#appointmentForm.modal {
font-size: 14px;
line-height: 20px;
}
#appointmentForm.modal .modal-body .divider-lg {
height: 20px;
}
}
@media (min-width: 1240px) {
#appointmentForm.modal .modal-dialog {
width: 970px;
}
}
@media (min-width: 1240px) {
#appointmentForm.modal .modal-dialog .modal-header .close {
top: 13px;
}
}
@media (max-width: 991px) {
#appointmentForm.modal .modal-dialog .modal-header .close {
height: 50px;
}
}
@media (min-width: 992px) {
#appointmentForm.modal .modal-dialog .modal-body {
padding: 0 50px 40px;
}
}
@media (min-width: 1240px) {
#appointmentForm.modal .modal-body {
margin-top: -28px;
}
}
#appointmentForm.modal .modal-title-main {
font-size: 27px;
line-height: 37px;
font-family: 'Poppins', sans-serif;
padding-bottom: 16px;
margin: 0;
}
#appointmentForm.modal .modal-title {
font-size: 18px;
line-height: 28px;
font-family: 'Poppins', sans-serif;
padding-bottom: 16px;
}
.imges-services .vc_column-inner {
padding-top: 0 !important;
}
.service-row-image {
position: absolute;
height: 100%;
width: 100%;
}
.imges-services .service-row-image {
margin-bottom: 0px !important;
}
@media (max-width: 1399px) {
.imges-services .service-row-image img {
height: 456px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#appointmentForm.modal .modal-dialog {
width: 970px;
}
}
@media (max-width: 991px) {
#appointmentForm.modal .modal-dialog {
width: 100%;
}
}
@media (max-width: 991px) {
#appointmentForm.modal .modal-dialog .modal-body {
padding: 0 30px 20px;
}
}
@media (max-width: 767px) {
#appointmentForm.modal .modal-dialog .modal-body {
padding: 0 0 10px;
}
}
#appointmentForm.modal .modal-dialog .modal-content {
background-color: #fff;
border-radius: 0;
border: 0;
}
@media (max-width: 991px) {
#appointmentForm.modal .modal-dialog .modal-content {
padding-left: 25px;
padding-right: 25px;
}
}
#appointmentForm.modal .modal-dialog .modal-header {
height: 59px;
border: 0;
padding: 0;
}
@media (max-width: 1240px) {
#appointmentForm.modal .modal-dialog .modal-header {
margin-bottom: 35px;
}
}
#appointmentForm.modal .modal-dialog .modal-header .close {
margin-top: 0;
position: absolute;
right: -64px;
top: 5px;
font-size: 30px;
text-shadow: inherit;
opacity: 1;
color: #fede00;
border-radius: 0;
min-width: unset;
}
@media (max-width: 1240px) {
#appointmentForm.modal .modal-dialog .modal-header .close {
left: 0;
right: 0;
top: 0;
background: #131313;
width: 100%;
text-align: left;
z-index: 0;
font-size: 24px;
line-height: 58px;
padding-left: 25px;
}
}
#appointmentForm.modal .appointment:after {
border-width: 0px 41px 65px 0;
left: -41px;
}
@media (max-width: 991px) {
#appointmentForm.modal .modal-dialog .modal-header .close {
height: 50px;
font-size: 20px;
line-height: 45px;
}
#appointmentForm.modal .appointment {
font-size: 18px;
padding: 13px 25px;
height: 50px;
}
#appointmentForm.modal .appointment:after {
border-width: 0px 41px 57px 0;
}
}
#appointmentForm.modal a.appointment {
position: absolute;
top: 0;
right: 0;
z-index: 9999;
font-style: normal;
}
#appointmentForm.modal .appointment {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 19px;
text-transform: capitalize !important;
border-radius: 0;
width: auto;
padding: 17px 40px;
}
#appointmentForm.modal .container-fluid {
padding: 0;
overflow-x: hidden;
}
#appointmentForm {
margin-bottom: 0;
}
#appointmentForm .form-inline {
position: relative;
margin-bottom: 14px;
}
@media (max-width: 767px) {
#appointmentForm .form-inline {
margin-bottom: 10px;
}
}
#appointmentForm .form-inline .form-inline {
margin-right: -20px;
width: 50%;
}
@media (max-width: 767px) {
#appointmentForm .form-inline .form-inline {
width: 100%;
margin-bottom: 10px;
margin-right: 0;
}
}
#appointmentForm .form-inline>* {
display: inline-block;
margin-right: 16px;
width: calc(50% - 20px);
vertical-align: top;
}
@media (max-width: 767px) {
#appointmentForm .form-inline>* {
width: 100%;
margin-bottom: 10px;
margin-right: 0;
}
}
#appointmentForm .form-inline>*:only-child {
width: calc(100% - 20px);
}
@media (max-width: 767px) {
#appointmentForm .form-inline>*:only-child {
width: 100%;
margin-bottom: 10px;
margin-right: 0;
}
}
@media (max-width: 480px) {
#appointmentForm .form-inline>*:only-child {
margin-bottom: 0px;
}
}
#appointmentForm .form-inline label {
width: 100% !important;
}
#appointmentForm .form-inline .form-control {
width: 100%;
}
#appointmentForm .form-horizontal {
padding: 0;
}
#appointmentForm .form-horizontal .form-group {
margin-left: 0;
margin-right: 0;
}
#appointmentForm .input-group .form-control {
display: block;
float: none;
width: 100%;
}
#appointmentForm .textarea-custom {
height: 115px;
min-height: 0;
}
.datetimepicker-wrap .form-control,
.timepicker-wrap .form-control {
width: 100%;
}
.datetimepicker-wrap {
position: relative;
}
.datetimepicker-wrap:before {
content: "\e901";
font-family: 'auto';
position: absolute;
display: block;
top: 12px;
right: 15px;
font-size: 20px;
line-height: 27px;
color: #999;
z-index: 999;
}
.timepicker-wrap {
position: relative;
}
.timepicker-wrap:before {
content: "\e90a";
font-family: 'auto';
position: absolute;
display: block;
top: 12px;
right: 15px;
font-size: 20px;
line-height: 27px;
color: #999;
z-index: 999;
}
.bootstrap-datetimepicker-widget th,
.bootstrap-datetimepicker-widget td {
border: none;
}
.modal-body .bootstrap-datetimepicker-widget .btn {
padding: 0 !important;
height: auto !important;
min-width: 0 !important;
line-height: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
padding: 10px 0px !important;
display: inline-block;
color: #333 !important;
width: 200px;
font-size: 18px;
}
.bootstrap-datetimepicker-widget .btn[data-action] {
width: auto;
background: transparent !important;
min-width: 0;
}
.bootstrap-datetimepicker-widget .btn[data-action]:after,
.bootstrap-datetimepicker-widget .btn[data-action]:before {
display: none;
opacity: 1;
}
.bootstrap-datetimepicker-widget .btn[data-action].btn-primary {
border: 0;
background-color: #333 !important;
color: #fff !important;
padding: 8px !important;
margin-top: 10px;
border-radius: 5px;
font-size: 16px;
}
.bootstrap-datetimepicker-widget table td span {
display: block;
opacity: 1;
}
#appointmentForm.modal.fade,
#appointmentForm.modal.fade .modal-dialog,
#appointmentForm.modal.fade.in .modal-dialog {
opacity: 1;
} .appoinment-button-txt {
margin-top: 80px;
margin-bottom: 120px;
}
.appoinment-button-txt .wpb_wrapper {
text-align: center;
}
@media (max-width: 1199px) {
.appoinment-button-txt {
margin-top: 20px;
}
}
@media (min-width: 1400px) {
.text-appointment {
margin: 0 0 0 -35px;
text-align: center;
width: calc(100% + 130px);
}
.img-move {
position: relative;
}
.img-move img {
position: absolute;
top: 0;
left: -4%;
width: 130%;
max-width: initial;
}
.appoinment-button-txt .btn-invert {
z-index: 9;
}
}
@media (min-width: 1200px) {
.text-appointment {
width: calc(100% + 230px);
}
.text-appointment .btn:not([data-action]) {
padding-left: 53px;
padding-right: 53px;
}
}
@media (max-width: 1399px) {
.text-appointment {
text-align: center;
}
.appoinment-button-txt .btn-invert {
z-index: 9;
}
.img-move {
width: calc(100% + 30px);
margin: 15px 0 0 -15px;
text-align: center;
}
.img-move img {
max-width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.home-appoinment-button-txt .text-appointment h2.h-phone {
font-size: 34px;
}
}
@media (max-width: 991px) {
.appoinment-button-txt {
margin-top: 10px;
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.img-move {
padding: 15px;
}
.appoinment-button-txt {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media (max-width: 479px) {
.appoinment-button-txt .btn-invert,
.appoinment-button-txt .form-popup-wrap .form-popup-link,
.appoinment-button-txt .form-popup-wrap {
left: auto;
right: auto;
margin-left: auto;
margin-right: auto;
}
}
.search-submit.btn {
min-width: 30px;
margin: 15px 0px 0px 5px;
}
.column-right input.search-field {
margin-bottom: 4px;
padding: 15px 15px 15px;
font-size: 18px;
line-height: 24px;
background: #fff;
border: 1px solid #dbdbdb;
border-radius: 0;
color: #2b2b2b;
}
@media (min-width: 992px) {
.column-right input.search-field {
width: 100%;
}
}
.blog-post a.more-link .meta-nav {
display: none;
}
.blog-post a.more-link {
display: inline-block;
margin-top: 10px;
} .banner-under-slider {
background: url(//autoport.co.in/wp-content/themes/car-repair-services/images/banner-bg.png);
color: #fff;
padding: 50px 0 47px;
overflow: visible !important;
margin-top: -1px;
}
.banner-under-slider h2,
.banner-under-slider h3,
.banner-under-slider h4 {
margin: 0;
color: #fff;
font-size: 38px;
}
.banner-under-slider h2 {
font-size: 34px;
line-height: 1em;
}
.banner-under-slider h2.h-lg {
font-size: 44px;
}
.banner-under-slider .negative-margin {
margin: -75px 0 -90px;
}
.banner-under-slider .action {
padding-top: 10px;
}
@media (max-width: 991px) {
.banner-under-slider .row-flex>* {
padding: 0 12px;
}
.banner-under-slider .row-flex {
display: flex;
align-items: center;
}
.banner-under-slider {
margin-bottom: 50px;
padding: 15px 0;
}
}
@media (max-width: 767px) {
.banner-under-slider {
margin-bottom: 45px;
}
}
.banner-under-slider p {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.banner-under-slider .action {
padding-top: 10px;
}
.banner-under-slider .action .btn {
width: calc(100% + 30px);
margin-left: -30px;
}
}
@media (max-width: 1199px) {
.banner-under-slider .negative-margin {
margin: -30px 0 -30px;
}
}
@media (max-width: 991px) {
.banner-under-slider {
margin-bottom: 50px;
padding: 15px 0;
}
.banner-under-slider .row-flex {
display: flex;
align-items: center;
}
.banner-under-slider .row-flex .col-title {
min-width: 215px;
width: auto;
}
.banner-under-slider .row-flex>* {
padding: 0 12px;
}
.banner-under-slider .row-flex .col-img {
min-width: 90px;
width: auto;
}
.banner-under-slider>.container {
width: 100%;
}
.banner-under-slider .negative-margin {
width: 180px;
margin: -29px -11px -31px -31px;
}
.banner-under-slider .action {
min-width: 140px;
}
.banner-under-slider h2 {
font-size: 22px;
line-height: 1em;
margin-bottom: 0;
}
.banner-under-slider h2.text-right {
font-size: 32px;
line-height: 1em;
text-align: left;
margin-bottom: 0;
padding-left: 32px;
}
.banner-under-slider p {
font-size: 14px;
line-height: 20px;
}
.banner-under-slider .btn:not([data-action]) {
font-size: 12px;
min-width: 0;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (max-width: 767px) {
.banner-under-slider {
padding: 18px 0 25px;
}
.banner-under-slider [class*="col-"] {
position: static;
}
.banner-under-slider .negative-margin {
margin: 0;
position: absolute;
top: -15px;
right: -50px;
width: 205px;
}
.banner-under-slider h2,
.banner-under-slider h3,
.banner-under-slider h4 {
font-size: 26px !important;
}
}
@media (max-width: 479px) {
.banner-under-slider h2 {
font-size: 28px;
}
.banner-under-slider h2.h-lg {
font-size: 30px;
}
.banner-under-slider .negative-margin {
margin: 0;
position: absolute;
top: -10px;
right: -45px;
width: 205px;
}
}
@media (max-width: 767px) {
.services-banner-12.home-services-img {
margin-top: 30px;
}
.services-banner-12 p.info {
display: block;
overflow: hidden;
max-width: 100%;
padding: 0px 10px;
}
.services-banner-12 .service .caption {
padding: 0px 15px 0px 20px !important;
}
} .services-block .service {
width: 100%;
position: relative;
display: block;
float: left;
overflow: hidden;
vertical-align: top;
color: #292929;
}
.services-block .caption {
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
padding: 0 10%;
text-align: center;
pointer-events: none;
font-size: 18px;
line-height: 26px;
}
.services-block .caption h2,
.services-block .caption h3,
.services-block .caption h4 {
text-transform: uppercase;
}
.services-block .caption h3 {
font-size: 27px;
line-height: 33px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
text-transform: inherit;
margin-bottom: 4px;
}
.services-block .caption .text {
margin-top: 18px;
font-size: 16px;
line-height: 25px;
}
.services-block .services__text-background {
left: 0;
bottom: -18px;
width: 100%;
position: absolute;
z-index: 0;
font-size: 120px;
line-height: 1;
font-family: 'Poppins', sans-serif;
font-weight: 600;
text-align: center;
pointer-events: none;
}
.services-block .services__text-background.text-color-01 {
color: #ffffff;
opacity: 0.19;
}
.services-block .services__text-background.text-color-02 {
color: #e6e6e6;
}
.services-block .services__text-background.text-color-03 {
color: #373737;
}
.services-block .caption h2 {
margin-bottom: 18px;
}
.services-block .image {
background-color: #fede00;
}
.services-block .image img {
width: 100%;
}
.services-block .service.dark {
color: #ffffff;
}
.services-block .service.dark h2,
.services-block .service.dark h3,
.services-block .service.dark h4 {
color: #fede00;
}
.vertical-tab-content h2,
.vertical-tab-content h1 {
margin-top: 10px;
font-size: 30px;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.services-block .service {
width: 33.333%;
}
.services-block .service:nth-child(3n+1) {
clear: none;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.services-block .service .caption {
font-size: 14px;
line-height: 16px;
padding: 0 7%;
}
.services-block .service h2 {
font-size: 26px;
margin-bottom: 10px;
}
.services-block .service h3 {
font-size: 22px;
}
}
.not-found .widget_search button {
margin-top: 10px;
font-size: 20px;
padding: 15px 20px;
border-radius: 0;
}
@media screen and (max-width: 1199px) {
.services-block .caption h3 {
font-size: 25px;
line-height: 31px;
}
.services-block .services__text-background {
font-size: 90px;
}
}
@media screen and (max-width: 991px) {
.services-block .service h3 {
font-size: 22px;
line-height: 29px;
}
.services-block .caption .text {
font-size: 15px;
line-height: 21px;
margin-top: 9px;
}
.services-block .services__text-background {
font-size: 70px;
bottom: -10px;
}
}
@media screen and (max-width: 767px) {
.services-block {
max-width: 330px;
margin: 20px auto;
margin-top: 0;
}
.services-block .service {
margin-top: 15px;
}
.services-block .service .caption {
font-size: 13px;
line-height: 1.1em;
padding: 0 5%;
}
.services-block .service h2 {
font-size: 18px;
line-height: 1.2em;
margin-bottom: 7px;
letter-spacing: -0.5px;
}
}
@media screen and (max-width: 575px) {
.services-block .caption .text {
font-size: 14px;
line-height: 19px;
margin-top: 9px;
}
.services-block .services__text-background {
font-size: 62px;
}
}
.services-angle-text .number {
background: #fede00;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
color: #333;
font-size: 30px;
font-weight: 700;
}
.services-angle-text h5 {
color: #fff;
}
.services-block-alt {
margin-top: 30px;
text-align: center;
}
.services-block-alt .image i,
.services-block-alt .image .fack_icon_div {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 118px;
height: 118px;
border-radius: 50%;
margin: -59px 0 0 -59px;
font-size: 50px;
line-height: 118px;
text-align: center;
background-color: #fede00;
opacity: 0;
-webkit-transition: 0.35s;
-moz-transition: 0.35s;
-ms-transition: 0.35s;
-o-transition: 0.35s;
-webkit-box-shadow: 0 0 0 20px #fede00;
-moz-box-shadow: 0 0 0 20px #fede00;
box-shadow: 0 0 0 20px #fede00;
}
.services-block-alt .image:hover i,
.services-block-alt .image:hover .fack_icon_div {
opacity: 1;
-webkit-box-shadow: 0 0 0 0 #fede00;
-moz-box-shadow: 0 0 0 0 #fede00;
box-shadow: 0 0 0 0 #fede00;
}
.services-block-alt .image .fack_icon_div img {
position: relative;
top: 50%;
transform: translateY(-50%);
vertical-align: baseline;
width: 75%;
}
.services-block-alt .image img {
width: 100%;
}
.services-block-alt .caption .title {
margin-bottom: 14px;
}
@media (max-width: 991px) {
.services-block-alt .caption .title {
font-size: 26px;
}
}
@media screen and (max-width: 767px) {
.services-block-alt .caption {
padding: 20px 35px 30px;
font-size: 14px;
line-height: 20px;
}
.services-block-alt .caption .title {
margin-bottom: 5px;
font-size: 20px;
height: auto !important;
}
}
@media screen and (min-width: 992px) {
.services-block-alt.col-sm-3:nth-child(3n+1) {
clear: left;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.services-block-alt.col-sm-6:nth-child(2n+1),
.services-block-alt.col-sm-3:nth-child(3n+1) {
clear: left;
}
}
@media screen and (max-width: 767px) and (min-width: 480px) {
.services-block-alt.col-xs-6:nth-child(2n+1) {
clear: left;
}
}
.service-row h1,
.service-row h2,
.service-row h3 {
color: #fff;
}
.service-row-text {
padding: 75px 15px;
float: right;
}
.service-row {
background: #2b2b2b;
color: #fff;
}
@media screen and (min-width: 768px) {
.service-row {
display: flex;
margin: 0 -30px;
}
}
.service-row>* {
position: relative;
}
.service-row,
.service-row-text {
color: #fff;
}
.service-row h1,
.service-row h2,
.service-row h3,
.service-row-elementor h1,
.service-row-elementor h2,
.service-row-elementor h3 {
color: #fff;
}
@media screen and (min-width: 1200px) {
.service-row .service-row-text {
width: 600px;
}
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
.service-row .service-row-text {
width: 485px;
padding: 50px 25px;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.service-row-elementor .service-row-text {
width: 375px;
padding: 30px 25px;
}
.service-row-elementor .service-row-text p {
font-size: 14px;
line-height: 20px;
}
}
@media screen and (max-width: 991px) {
.service-row .service-row-text p {
font-size: 14px;
line-height: 20px;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.service-row .service-row-text {
width: 375px;
padding: 30px 25px;
}
.service-row h2 {
font-size: 34px;
}
}
@media screen and (max-width: 767px) {
.service-row .service-row-text,
.service-row-elementor .service-row-text {
width: 100%;
float: none;
padding: 30px 15px 0;
}
.service-row h2 {
font-size: 23px;
}
.service-row-image {
min-height: 200px;
position: relative;
width: calc(100% + 30px);
margin: 0 -15px;
}
}
.service-row-text .wpb_button,
.service-row-text .wpb_content_element,
.service-row-text ul.wpb_thumbnails-fluid>li,
.service-row-text .vc_column-inner {
padding-bottom: 0px;
padding-top: 0px;
}
@media (max-width: 767px) {
.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid>li {
margin-bottom: 17px;
}
} .box01 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.box01 .box01__icon {
width: 67px;
min-width: 67px;
position: relative;
font-size: 46px;
}
.box01 .box01__icon:before {
content: '';
width: 3px;
height: 46px;
background-color: #fede00;
display: block;
position: absolute;
top: 1px;
right: -2px;
}
.box01 .box01__icon svg {
max-width: 36px;
}
.box01 .box01__content {
position: relative;
padding: 0 0 0 25px;
}
.box01 .box01__content .box01__title {
font-family: 'Poppins', sans-serif;
font-size: 22px;
line-height: 37px;
color: #3a3a3a;
font-weight: 600;
text-transform: inherit;
padding: 0 0 8px 0;
margin: -9px 0 0 0;
}
.box01 .box01__content p {
font-size: 16px;
line-height: 25px;
margin-bottom: 0;
}
@media (min-width: 992px) {
.box01 {
margin-bottom: -7px;
}
}
@media (max-width: 991px) {
.box01 {
margin-bottom: -6px;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
}
.box01 .box01__icon {
text-align: center;
}
.box01 .box01__icon:before {
display: none;
}
.box01 .box01__content {
text-align: center;
padding: 0;
margin: 14px 0 0 0;
}
.box01 .box01__content .box01__title {
font-size: 18px;
position: relative;
margin-bottom: 15px;
}
.box01 .box01__content .box01__title:before {
content: '';
display: inline-block;
width: 46px;
height: 2px;
background-color: #fede00;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -23px;
}
.box01 .box01__content> :last-child {
margin-bottom: 0;
}
.box01 .box01__content p {
font-size: 15px;
line-height: 21px;
}
}
@media (max-width: 767px) {
.box01 .box01__content .box01__title {
font-size: 18px;
position: relative;
margin-bottom: 15px;
}
.box01 .box01__content .box01__title:before {
height: 2px;
left: 50%;
margin-left: -16px;
width: 33px;
}
.box01 .box01__content p {
font-size: 14px;
line-height: 19px;
}
}
@media (min-width: 992px) {
.box01-listing {
margin-top: -40px;
}
.box01-listing .box01 {
margin-top: 40px;
}
}
@media (max-width: 991px) {
.box01-listing {
margin-top: -30px;
}
.box01-listing .box01 {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.box01-listing {
margin-top: -20px;
}
.box01-listing .box01 {
margin-top: 20px;
}
} .vertical-tab-container {
background: url(//autoport.co.in/wp-content/themes/car-repair-services/images/tabform-bg.jpg) no-repeat;
background-size: cover;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
width: calc(100% - 12px);
overflow: hidden;
color: #444;
}
.vertical-tab-menu .list-group>a.active {
border-right: none;
}
.vertical-tab-container,
.vertical-tab-menu .list-group>a.active {
background-color: transparent;
}
@media (max-width: 767px) {
.vertical-tab-container {
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
}
.vertical-tab-container .toggle-btn {
float: left;
width: 50%;
margin-top: 4px;
margin-bottom: 14px;
font-size: 14px;
line-height: 30px;
border: 1px solid #1a1a1a;
color: #444;
text-align: center;
text-transform: uppercase;
text-decoration: none;
}
@media (max-width: 767px) {
.vertical-tab-container .toggle-btn {
font-size: 12px;
line-height: 28px;
margin-bottom: 11px;
}
}
.vertical-tab-container .toggle-btn.active {
background: #1a1a1a;
color: #fff;
}
.vertical-tab-container p.comment {
font-size: 14px;
margin: 11px 0px;
}
.vertical-tab-container a.comment {
display: inline-block;
padding: 15px 0;
font-size: 14px;
line-height: 16px;
text-decoration: none;
}
.vertical-tab-container a.comment:hover {
text-decoration: underline;
}
.vertical-tab-container form .form-group {
margin-bottom: 7px;
}
@media (max-width: 767px) {
.vertical-tab-container form .form-group {
margin-bottom: 6px;
}
}
.vertical-tab-container form input.input-custom,
.vertical-tab-container form textarea.textarea-custom,
.vertical-tab-container form .select-wrapper select.input-custom {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0;
border-bottom: 1px solid #929292;
color: #444;
padding: 15px;
font-size: 14px;
line-height: 16px;
height: 46px;
}
.vertical-tab-container form .select-wrapper select.input-custom,
.vertical-tab-container form .select-wrapper select.input-custom:hover,
.vertical-tab-container form .select-wrapper select.input-custom:focus {
border-color: #fff !important;
box-shadow: none !important;
outline: medium none !important;
}
.search-form-area .btn.btn-lg.btn-full.false-submit:hover {
background-color: #444;
}
.search-form-area .btn.btn-lg.btn-full.false-submit:hover span {
color: #fff !important;
}
.vertical-tab-container form .select-wrapper:before {
width: 44px;
height: 44px;
line-height: 44px;
color: #444;
}
.vertical-tab-container form .btn:before,
.vertical-tab-container form .btn:after {
display: none;
}
.vertical-tab-container form .btn span {
color: #fff;
}
.vertical-tab-container form .btn:hover {
background-color: #444 !important;
}
.vertical-tab-container form .btn:hover span {
color: #fff;
}
.vertical-tab-menu {
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
width: 132px;
float: left;
}
@media (max-width: 767px) {
.vertical-tab-menu {
width: 103px;
}
.search-form-area .wpb_column.car-get-form .vc_column-inner {
padding: 0;
}
}
.vertical-tab-menu .list-group {
margin-bottom: 0;
}
.vertical-tab-menu .list-group>a {
margin-bottom: 2px;
padding: 17px 10px 21px;
border: 0;
background-color: #494949;
border-right: 1px solid #181818;
border-radius: 0 !important;
font-size: 14px;
line-height: 16px;
text-decoration: none;
text-transform: uppercase;
text-align: center;
color: #d9d9d9;
}
@media (max-width: 767px) {
.vertical-tab-menu .list-group>a {
padding: 20px 10px 28px;
}
}
@media (max-width: 767px) {
.vertical-tab-menu .list-group>a {
font-size: 12px;
line-height: 14px;
}
}
.vertical-tab-menu .list-group>a span {
display: block;
margin-bottom: 13px;
}
.vertical-tab-menu .list-group>a i.icon {
color: #d9d9d9;
font-size: 50px;
}
@media (max-width: 767px) {
.vertical-tab-menu .list-group>a i.icon {
font-size: 40px;
}
}
.vertical-tab-menu .list-group>a:last-child {
margin-bottom: 0;
}
.vertical-tab-menu .list-group>a.active span {
color: #333;
}
.vertical-tab-menu .list-group>a.active i.icon {
color: #444 !important;
}
div.vertical-tab {
width: calc(100% - 160px);
padding: 25px 0px 10px 25px;
float: left;
}
@media (max-width: 767px) {
div.vertical-tab {
width: calc(100% - 105px);
padding: 20px 12px 10px;
}
}
@media (max-width: 479px) {
div.vertical-tab {
width: calc(100% - 130px);
}
}
div.vertical-tab div.vertical-tab-content:not(.active) {
display: none;
}
.modal.modal-info .modal-header h3 {
margin-bottom: 0;
}
.modal.modal-info .modal-header .close {
margin-top: 10px;
}
.form-popup-wrap {
display: inline-block;
position: relative;
}
.form-popup-wrap.text-icon-sm {
width: 100%;
}
.form-popup {
position: absolute;
width: 766px;
left: 50%;
margin-left: -395px;
visibility: hidden;
bottom: -25px;
-webkit-transition: bottom 0.2s;
-moz-transition: bottom 0.2s;
-ms-transition: bottom 0.2s;
-o-transition: bottom 0.2s;
opacity: 0;
}
@media (max-width: 1399px) {
.form-popup {
margin-left: -395px;
}
}
@media (max-width: 1199px) {
.form-popup {
width: 600px;
margin-left: -300px;
}
}
@media (max-width: 767px) {
.form-popup {
width: 400px;
margin-left: -200px;
}
}
.form-popup.opened {
opacity: 1;
bottom: -5px;
visibility: visible;
}
.text-icon-sm.form-popup-wrap .form-popup {
margin-left: -383px;
}
@media (max-width: 767px) {
.text-icon-sm.form-popup-wrap .form-popup {
width: 300px;
margin-left: -150px;
}
}
.quote-form {
width: 100%;
padding: 35px 20px 20px;
background: #fff;
border: 2px solid #252525;
position: absolute;
z-index: 1;
}
@media (max-width: 767px) {
.quote-form {
padding: 35px 20px 20px 20px;
}
}
form.quote-form p {
margin-right: 16px;
}
.quote-form:after,
.quote-form::before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.quote-form::after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 10px;
margin-left: -10px;
}
.quote-form::before {
border-color: rgba(37, 37, 37, 0);
border-bottom-color: #252525;
border-width: 13px;
margin-left: -13px;
}
.quote-form .form-inline {
position: relative;
margin-bottom: 20px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
font-size: 16px;
}
.quote-form .select-wrapper {
display: flex !important;
position: relative;
}
@media (max-width: 767px) {
.quote-form .form-inline {
margin-bottom: 10px;
}
}
.quote-form .form-inline .form-inline {
margin-right: -20px;
width: 50%;
}
@media (max-width: 767px) {
.quote-form .form-inline .form-inline {
width: 100%;
margin-bottom: 10px;
margin-right: 0;
}
}
.quote-form .form-inline>* {
display: block;
vertical-align: top;
margin-right: 16px;
width: calc(50% - 8px);
}
@media (max-width: 767px) {
.quote-form .form-inline>* {
width: 100%;
margin-bottom: 10px;
margin-right: 0;
}
}
.quote-form .form-inline>*:only-child {
width: calc(100% - 20px);
}
@media (max-width: 767px) {
.quote-form .form-inline>*:only-child {
width: 100%;
margin-bottom: 10px;
margin-right: 0;
}
}
.quote-form .wpcf7-response-output {
margin-left: 0;
width: calc(100% - 20px);
}
.quote-form .form-inline label {
width: 100% !important;
}
.quote-form .form-inline .form-control {
width: 100%;
}
.quote-form .input-custom {
height: 48px !important;
width: 100%;
padding: 12px 15px 12px !important;
}
.quote-form .select-wrapper:before {
height: 46px;
line-height: 46px;
}
.quote-form .textarea-custom {
height: 106px;
min-height: 0;
color: #2b2b2b;
}
.quote-form .placeholder {
font-size: 18px;
line-height: 20px;
color: #2b2b2b;
}
.quote-form input::-webkit-input-placeholder,
.quote-form textarea::-webkit-input-placeholder {
font-size: 18px;
line-height: 20px;
color: #2b2b2b;
}
.quote-form input::-moz-placeholder,
.quote-form textarea::-moz-placeholder {
font-size: 18px;
line-height: 20px;
color: #2b2b2b;
}
.quote-form input:-ms-input-placeholder,
.quote-form textarea:-ms-input-placeholder {
font-size: 18px;
line-height: 20px;
color: #2b2b2b;
}
.quote-form input:-moz-placeholder,
.quote-form textarea:-moz-placeholder {
font-size: 18px;
line-height: 20px;
color: #2b2b2b;
}
#quote-form .textarea-custom {
height: 106px;
min-height: 0;
color: #2b2b2b;
} .copon-baner-bg {
background-repeat: no-repeat;
}
.coupon {
background: url(//autoport.co.in/wp-content/themes/car-repair-services/images/coupon-bg.jpg);
background-size: 100% 190px;
width: 100%;
height: 190px;
position: relative;
font-size: 100px;
}
@media (max-width: 1199px) {
.coupon {
font-size: 55px;
height: 130px;
background-size: 100% 130px;
}
}
@media (max-width: 991px) {
.coupon {
height: 190px;
background-size: 100% 190px;
max-width: 715px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 767px) {
.coupon {
height: 95px;
background-size: 100% 95px;
max-width: 300px;
}
}
.coupon .coupon-row {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
}
.coupon .coupon-row>* {
padding: 4.5% 0;
}
.coupon .coupon-row>*:last-child {
padding: 3% 0;
}
.coupon .coupon-col-left {
width: 34%;
}
.coupon .coupon-col-right {
width: 66%;
}
.coupon-text1 {
font-size: .2em;
line-height: 1em;
font-weight: bold;
color: #252525;
}
.coupon-text2 {
font-size: 70px;
line-height: 1em;
font-weight: 900;
color: #ff0000;
font-family: sans-serif;
}
.coupon-text2 span {
display: inline-block;
vertical-align: top;
font-size: .45em;
line-height: 1.5em;
font-weight: 900;
text-transform: uppercase;
}
.coupon-text3 {
font-size: .4em;
line-height: 1em;
font-weight: 900;
color: #252525;
font-family: sans-serif;
}
.coupon-text4 {
font-size: .42em;
line-height: 1.2em;
font-weight: 700;
color: #ffffff;
}
.coupon-text5 {
font-size: .2em;
line-height: 1em;
font-weight: 700;
color: #fede00;
}
.search-form-area .coupon-text5 {
line-height: 1.5em;
}
.coupon .coupon-all {
display: inline-block;
position: relative;
padding: 0 1em;
width: 12.25em;
top: -13px;
font-size: .16em;
line-height: 2.315em;
border-radius: 2px;
font-weight: 700;
background-color: #fede00;
text-decoration: none;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.coupon .coupon-all:after {
content: '';
position: absolute;
left: 0;
bottom: -0.78em;
width: 0;
height: 0;
border-style: solid;
border-width: .8em 6.125em 0 6.125em;
border-color: #fede00 transparent transparent transparent;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.coupon .coupon-all:hover {
background-color: #fff;
color: #333;
}
.coupon .coupon-all:hover:after {
border-top-color: #fff;
}
@media (max-width: 1199px) and (min-width: 992px) {
.coupon .coupon-all {
font-size: 14px;
}
.coupon-text1 {
font-size: 15px;
}
.coupon-text2 {
font-size: 45px;
margin-top: 3px;
margin-bottom: 3px;
}
.coupon-text4 {
font-size: 26px;
}
.coupon-text5 {
font-size: 16px;
line-height: 20px;
}
.coupon .coupon-all {
top: -2px;
}
}
@media (max-width: 991px) {
.coupon-text1 {
font-size: 20px;
line-height: 1em;
}
.coupon-text2 {
font-size: 70px;
}
.coupon-text3 {
font-size: 40px;
line-height: 1em;
}
.coupon-text4 {
font-size: 42px;
}
.coupon-text5 {
font-size: 20px;
}
.coupon .coupon-all {
font-size: 16px;
top: 5px;
}
}
@media (max-width: 767px) {
.coupon-text1 {
font-size: 10px;
}
.coupon-text2 {
font-size: 32px;
}
.coupon-text3 {
font-size: 18px;
}
.coupon-text4 {
font-size: 20px;
font-weight: 400;
}
.coupon-text5 {
font-size: 12px;
}
.coupon .coupon-all {
font-size: 11px;
border-radius: 2px;
font-weight: 800;
top: -12px;
}
}
.coupon-print {
padding: 7px;
margin-top: 35px;
position: relative;
font-size: 16px;
line-height: 20px;
}
.coupon-print:after,
.coupon-print:before {
content: '';
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 1px;
background: url(//autoport.co.in/wp-content/themes/car-repair-services/images/border-hor.png) repeat-x 0 0;
}
.coupon-print img {
margin: 0 -28px;
width: calc(100% + 56px);
position: relative;
z-index: 1;
}
.coupon-print:before {
top: 0;
}
.coupon-print-col-left {
float: left;
width: 55%;
}
@media (max-width: 767px) {
.coupon-print-col-left {
width: 100%;
margin-bottom: 15px;
}
}
.coupon-print-col-right {
float: right;
width: 42%;
}
@media (max-width: 767px) {
.coupon-print-col-right {
width: 100%;
}
}
.coupon-print-row-top,
.coupon-print-row-bot {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 767px) {
.coupon-print-row-top,
.coupon-print-row-bot {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.coupon-print-row-top {
padding: 0 0 20px;
}
.coupon-print-row-bot {
padding: 10px 0 0;
}
.coupon-print-row-bot .coupon-print-col-right {
font-size: 18px;
font-weight: 700;
}
.coupon-print-row-bot .coupon-print-col-left {
font-weight: 600;
}
.coupon-print .contact-info {
margin: 0 !important;
padding-left: 33px;
position: relative;
font-size: 16px;
line-height: 22px;
}
.coupon-print .contact-info>.icon {
font-size: 30px;
}
.coupon-print-inside {
background: url(//autoport.co.in/wp-content/themes/car-repair-services/images/coupon-bg.png) no-repeat right top;
border: 1px solid #fede00;
position: relative;
padding: 20px;
}
.coupon-print-inside:after,
.coupon-print-inside:before {
content: '';
position: absolute;
width: 1px;
top: -7px;
bottom: -7px;
background: url(//autoport.co.in/wp-content/themes/car-repair-services/images/border-vert.png) repeat-y 0 0;
}
.coupon-print-inside:after {
right: -8px;
}
.coupon-print-inside:before {
left: -8px;
}
.coupon-print .red-color {
color: red;
}
.coupon-print .print-link {
position: absolute;
z-index: 1;
width: 145px;
display: block;
bottom: -7px;
left: 50%;
margin-left: -72px;
padding: 5px 0;
background: #fff;
text-decoration: underline;
text-align: center;
font-weight: 600;
}
.coupon-print .print-link:hover {
text-decoration: none;
}
.promo-banner {
border: 2px dotted #fede00;
padding: 25px 32px;
margin: 42px 0 0;
}
@media (max-width: 1199px) {
.promo-banner {
text-align: center;
padding: 25px 15px;
}
}
@media (min-width: 1200px) {
.promo-banner .text {
padding-right: 15px;
}
.promo-banner .action {
float: right;
}
}
.promo-banner .action {
text-align: center;
}
.promo-banner .title {
font-size: 40px;
line-height: 1em;
margin-bottom: 15px;
}
@media (max-width: 1199px) {
.promo-banner .title {
font-size: 30px;
}
}
.promo-banner .title span {
color: #fe0000;
font-size: 50px;
font-weight: 700;
}
@media (max-width: 1199px) {
.promo-banner .title span {
font-size: 36px;
}
}
.promo-banner .icon-lg {
display: block;
font-size: 50px;
line-height: 1em;
margin-bottom: 12px;
color: #fede00;
animation: arrowUpDown 2s infinite;
-webkit-animation: arrowUpDown 2s infinite;
-moz-animation: arrowUpDown 2s infinite;
-o-animation: arrowUpDown 2s infinite;
}
.promo-banner p {
margin-bottom: 0;
} .vc_parallax .vc_parallax-inner {
pointer-events: none;
position: absolute;
left: 0;
right: 0;
top: 0;
background-attachment: fixed !important;
background-color: transparent;
background-image: inherit;
background-size: cover;
z-index: 0;
background-position: 50% 0;
}
@media (max-width: 1199px) {
.vc_parallax .vc_parallax-inner {
background-attachment: scroll !important;
background-size: cover;
top: 0 !important;
height: 100% !important;
}
}
.how-works-block {
display: table;
width: 100%;
margin-top: 0px;
margin-bottom: 20px;
}
.how-works-block .image img {
width: 100%;
}
.how-works-block .caption>.inside {
overflow: hidden;
display: table;
width: 100%;
margin-top: 18px;
}
.how-works-block .caption>.inside .number {
display: table-cell;
vertical-align: middle;
}
.how-works-block .caption>.inside .number span {
display: block;
width: 42px;
height: 42px;
font-size: 30px;
line-height: 42px;
font-weight: bold;
color: #444;
background-color: #fede00;
text-align: center;
}
.how-works-block .caption>.inside .text {
vertical-align: middle;
padding-left: 15px;
overflow: hidden;
display: table-cell;
}
.how-works-block .caption>.inside .text h5 {
margin-bottom: 0;
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
}
.how-works-block.shifted {
margin-top: -10px;
}
@media (max-width: 991px) {
.how-works-block .caption>.inside .text h5 {
font-size: 15px;
line-height: 20px;
}
.how-works-block .caption>.inside .number {
position: absolute;
top: -58px;
left: 0;
line-height: 40px;
}
.how-works-block .caption>.inside {
position: relative;
overflow: visible;
}
.how-works-row>div:nth-child(2n) .how-works-block .inside .number,
.how-works-row>div:nth-child(4n) .how-works-block .inside .number {
bottom: -58px;
top: auto;
}
.how-works-row .vc_column-inner {
margin-top: 25px !important;
}
.how-works-block .caption>.inside .text {
padding-left: 0px;
}
}
.breadcrumbs span .breadcrumb_last {
color: #fff;
}
.breadcrumbs span {
color: #ffc513;
}
.back-to-top {
position: fixed;
bottom: -50px;
opacity: 0;
visibility: hidden;
right: 15px;
z-index: 1000;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
.back-to-top.visible {
opacity: 1;
visibility: visible;
bottom: 27px;
}
.back-to-top a {
position: relative;
top: 0;
display: block;
width: 64px;
height: 64px;
border-radius: 50%;
background-color: #fede00;
font-size: 24px;
line-height: 64px;
text-align: center;
text-decoration: none !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.back-to-top:hover a {
top: -10px;
opacity: .8;
}
@media (max-width: 991px) {
.back-to-top.visible {
bottom: 23px;
}
}
@media (max-width: 767px) {
.back-to-top.visible {
bottom: 42px;
}
}
@media (max-width: 1199px) {
.back-to-top {
right: 15px;
}
}
@media (max-width: 991px) {
.back-to-top {
right: 15px;
}
.block.bg-2 .vc_parallax-inner {
background-position: top left;
top: 0 !important;
}
}
@media (max-width: 575px) {
.back-to-top a {
width: 45px;
height: 45px;
line-height: 48px;
font-size: 21px;
}
}
@media (min-width: 768px) {
.vc_row .how-works-row.shifted>div:nth-child(2n) .how-works-block {
margin-top: -15px;
position: absolute;
top: 0;
}
.vc_row .how-works-row.shifted>div:nth-child(4n) .how-works-block {
margin-top: -15px;
position: absolute;
top: 0;
}
.how-works-row.shifted>div:nth-child(2n) .how-works-block .caption,
.how-works-row.shifted>div:nth-child(4n) .how-works-block .caption {
display: table-header-group;
}
.how-works-row.shifted>div:nth-child(2n) .how-works-block .caption .inside,
.how-works-row.shifted>div:nth-child(4n) .how-works-block .caption .inside {
margin-bottom: 18px;
margin-top: 0;
}
.how-works-row.shifted>div:nth-child(2n) .how-works-block .image,
.how-works-row.shifted>div:nth-child(4n) .how-works-block .image {
display: table-footer-group;
}
}
.image.nd-images {
margin-top: 80px;
}
@media (max-width: 767px) {
.how-works-row .wpb_single_image,
.how-works-block {
max-width: 205px;
margin: 0px auto 0px;
padding: 0;
}
.block.bg-2 .vc_empty_space {
height: 0 !important;
}
.how-works-row.slick-slider {
margin-bottom: 80px;
}
.how-works-row>div:nth-child(2n) .how-works-block .inside,
.how-works-row>div:nth-child(4n) .how-works-block .inside {
direction: rtl;
}
.how-works-row>div:nth-child(2n) .how-works-block .inside .number,
.how-works-row>div:nth-child(4n) .how-works-block .inside .number {
direction: ltr;
float: right;
}
.how-works-row>div:nth-child(2n) .how-works-block .inside .text,
.how-works-row>div:nth-child(4n) .how-works-block .inside .text {
direction: ltr;
padding-left: 0;
padding-right: 10px;
text-align: right;
width: 100%;
}
.how-works-row .vc_column-inner {
margin-top: 0px !important;
}
.wpb_single_image .vc_single_image-wrapper {
display: block;
vertical-align: top;
max-width: 100%;
text-align: center;
}
.wpb_single_image .vc_single_image-wrapper {
display: block;
vertical-align: top;
max-width: 100%;
text-align: center;
}
.wpb_single_image .vc_figure {
display: inline-block;
vertical-align: top;
margin: 0;
max-width: 100%;
display: block;
}
.image.nd-images {
margin-top: 0px;
}
.how-works-row>div:nth-child(2n) .how-works-block .inside .number {
line-height: 35px;
}
.how-works-block .caption>.inside .text h5 {
text-align: center;
}
}
.how-works-circle {
margin: 20px auto;
max-width: 246px;
text-align: center;
}
.how-works-circle img {
max-width: 100%;
display: inline-block;
}
.how-works-text {
max-width: 170px;
margin-left: auto;
margin-right: auto;
font-size: 18px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
@media (max-width: 991px) {
.how-works-text {
font-size: 15px;
line-height: 20px;
}
}
@media (max-width: 991px) {
.how-works-text {
font-size: 13px;
line-height: 18px;
}
}
@media (max-width: 767px) {
.how-works-text {
font-size: 14px;
line-height: 18px;
}
}
.how-works-text:not(:first-child) {
margin-top: .6em;
}
.how-works-number {
font-size: 32px;
line-height: 1em;
font-weight: 700;
color: #fede00;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
@media (max-width: 991px) {
.how-works-number {
font-size: 25px;
}
}
@media (max-width: 991px) {
.how-works-number {
font-size: 22px;
}
}
@media (max-width: 767px) {
.how-works-number {
font-size: 23px;
}
}
.how-works-number:not(:first-child) {
margin-top: .3em;
}
.step-animate {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.step {
display: block;
height: 0;
padding-bottom: 100%;
overflow: hidden;
position: relative;
border-radius: 50%;
background-color: #f5f5f5;
}
.step .step-inside {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.step img {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
}
.step1:not(.step-animate) img,
.step2:not(.step-animate) img {
opacity: 0;
}
.step1:not(.step-animate) img:first-child {
opacity: 1;
}
.step1:not(.step-animate) img:last-child {
opacity: 1;
}
.step1.step-animate-start:not(.step-animate) img:first-child {
opacity: 1;
}
.step1.step-animate-start:not(.step-animate) img:last-child {
opacity: 0;
}
.step1.step-animate img:not(:first-child) {
-webkit-animation-name: step1;
animation-name: step1;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.step1.step-animate img:nth-child(2) {
animation-delay: .5s;
-webkit-animation-delay: 0.5s;
}
.step1.step-animate img:nth-child(3) {
animation-delay: 1s;
-webkit-animation-delay: 1s;
}
.step1.step-animate img:nth-child(4) {
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
}
.step1.step-animate img:nth-child(5) {
animation-delay: 2s;
-webkit-animation-delay: 2s;
}
.step2.step-animate img {
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
}
.step2:not(.step-animate) img:first-child {
opacity: 1;
}
.step2.step-animate img:nth-child(1) {
-webkit-animation-name: step2;
animation-name: step2;
animation-delay: 0s;
-webkit-animation-delay: 0s;
}
.step2.step-animate img:nth-child(2) {
-webkit-animation-name: step22;
animation-name: step22;
animation-delay: 0s;
-webkit-animation-delay: 0s;
}
@keyframes step1 {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes step1 {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes step2 {
from {
opacity: 0;
}
47% {
opacity: 0;
}
50% {
opacity: 1;
}
97% {
opacity: 1;
}
to {
opacity: 0;
}
}
@-moz-keyframes step2 {
from {
opacity: 0;
}
47% {
opacity: 0;
}
50% {
opacity: 1;
}
97% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes step22 {
from {
opacity: 1;
}
47% {
opacity: 1;
}
50% {
opacity: 0;
}
97% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes step22 {
from {
opacity: 1;
}
47% {
opacity: 1;
}
50% {
opacity: 0;
}
97% {
opacity: 0;
}
to {
opacity: 1;
}
}
.step3.step-animate img {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.step4.step-animate img {
-webkit-animation-name: step4;
animation-name: step4;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
}
@-moz-keyframes step4 {
0% {
-moz-transform: rotate(0);
}
25% {
-moz-transform: rotate(10deg);
}
50% {
-moz-transform: rotate(-10deg);
}
100% {
-moz-transform: rotate(0);
}
}
@keyframes step4 {
0% {
transform: rotate(0);
}
25% {
transform: rotate(10deg);
}
50% {
transform: rotate(-10deg);
}
100% {
transform: rotate(0);
}
} .stat-box {
margin: 30px 0 0 0;
text-align: center;
}
@media (max-width: 767px) {
.stat-box {
margin: 8px 0 15px 0;
}
}
.stat-box .text {
border-top: 1px solid #e5e5e5;
padding-top: 10px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.stat-box .text {
max-width: 215px;
}
}
.stat-box .number {
font-size: 44px;
line-height: 46px;
font-weight: bold;
color: #2b2b2b;
padding: 0 10px 0 0;
display: inline-block;
vertical-align: middle;
}
.stat-box .icon {
font-size: 44px;
line-height: 46px;
color: #fede00;
display: inline-block;
vertical-align: middle;
}
@media (max-width: 991px) {
.stat-box .number,
.stat-box .icon {
font-size: 36px;
line-height: 36px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.text-center-md {
text-align: center;
}
} @media (min-width: 992px) {
.view-more-link {
display: none;
}
}
@media (max-width: 991px) {
.view-more-link {
display: block;
margin-top: 20px;
text-decoration: underline;
}
.view-more-link:hover {
text-decoration: none;
}
.view-more-tablet {
display: none;
}
.view-more-tablet .marker-list {
margin-top: 0;
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.view-more-mobile {
display: none;
}
.view-more-mobile .marker-list {
margin-top: 0;
margin-bottom: 0;
}
.service-icon:after {
content: '';
height: 1px;
width: 100%;
position: absolute;
top: 50%;
left: 0;
z-index: -1;
background-color: #a1a1a1;
}
.services-pages-txt .form-popup-wrap {
margin-left: 0;
}
.services-pages-txt .form-popup-link,
.services-pages-txt .btn-invert {
margin-right: 12px;
margin-bottom: 15px;
margin-left: 12px;
}
}
.person-hor {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #dcdcdc;
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.person {
margin-top: 23px;
}
@media (max-width: 991px) {
.person-hor {
flex-direction: column;
text-align: center;
max-width: 270px;
margin-left: auto;
margin-right: auto;
}
.person-hor .person-info,
.person-hor .image {
width: 100%;
}
}
.about-page-txt h2.h-lg.text-center {
color: #fff;
}
.abot-txt h4 {
font-size: 22px;
line-height: 24px;
}
@media (max-width: 991px) {
.abot-txt .wpb_column {
width: 100%;
}
}
.view-more-link .less {
display: none;
}
.view-more-link.opened .more {
display: none;
}
.view-more-link.opened .less {
display: inline-block;
} .gallery-item {
position: relative;
display: inline-block;
width: calc(33.333% - 20px);
margin-bottom: 30px;
overflow: hidden;
}
@media (max-width: 767px) {
.gallery-item {
width: calc(50% - 15px);
}
}
@media (max-width: 480px) {
.gallery-item {
width: calc(50% - 15px);
}
}
.gallery-item img {
width: 100%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
height: auto;
}
.gallery-item .hover {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
color: #fff;
text-align: center;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
background-color: rgba(0, 0, 0, 0.09); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjAuMjMxOTk5OTk5OTk5OTk5OTgiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgba(0, 0, 0, 0.8)), color-stop(0.232, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 23.2%); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 23.2%);
background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 23.2%);
text-decoration: none !important;
}
.gallery-item .hover span {
display: block;
}
.gallery-item .hover .view {
position: absolute;
top: 50%;
width: 100%;
margin-top: -22px;
}
.gallery-item .hover .view .icon {
text-align: center;
font-size: 44px;
}
.gallery-item .hover .tags {
position: absolute;
bottom: 5px;
left: 0;
right: 0;
padding: 0 10px;
overflow: hidden;
font-size: 16px;
line-height: 20px;
}
.gallery-item .hover .tags .icon {
font-size: 20px;
padding-right: 5px;
display: inline-block;
vertical-align: bottom;
}
.gallery-item-image {
overflow: hidden;
}
.gallery-item:hover .hover {
opacity: 1;
}
.filters-by-category ul {
margin: 0 0 50px;
padding: 0;
list-style: none;
text-align: center;
}
.filters-by-category ul li {
display: inline-block;
line-height: 1em;
margin: 0 0 10px;
}
.filters-by-category ul li+li a:before {
content: "|";
position: absolute;
left: 0;
top: -2px;
color: #292929;
}
.filters-by-category ul li a {
display: block;
position: relative;
font-size: 26px;
line-height: 30px;
text-decoration: none;
padding: 0 36px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.filters-by-category ul li a:hover,
.filters-by-category ul li a.selected {
color: #fede00;
}
@media (max-width: 1199px) {
.filters-by-category ul li a {
font-size: 18px;
padding: 0 20px;
}
}
@media (max-width: 991px) {
.filters-by-category ul li a {
font-size: 16px;
line-height: 20px;
padding: 0 10px;
}
} @media (min-width: 768px) {
.image-scale {
position: relative;
overflow: hidden;
display: block;
}
.image-scale>a {
display: block;
overflow: hidden;
}
.image-scale img {
-webkit-transition: transform 0.4s ease-in-out 0.05s;
-moz-transition: transform 0.4s ease-in-out 0.05s;
-ms-transition: transform 0.4s ease-in-out 0.05s;
-o-transition: transform 0.4s ease-in-out 0.05s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
image-rendering: optimizeQuality;
vertical-align: middle;
max-width: 100%;
}
.image-scale:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1) rotate(0.0001deg);
transform: scale3d(1.1, 1.1, 1) rotate(0.0001deg);
}
}
@media (min-width: 768px) {
.image-scale-color {
position: relative;
overflow: hidden;
display: block;
}
.image-scale-color>a {
display: block;
overflow: hidden;
}
.image-scale-color img {
-webkit-transition: transform 0.4s ease-in-out 0.05s;
-moz-transition: transform 0.4s ease-in-out 0.05s;
-ms-transition: transform 0.4s ease-in-out 0.05s;
-o-transition: transform 0.4s ease-in-out 0.05s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
image-rendering: optimizeQuality;
vertical-align: middle;
max-width: 100%;
}
.image-scale-color:after {
content: '';
background: #fede00;
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
}
.image-scale-color:hover:after {
opacity: 0.2;
}
.image-scale-color:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1) rotate(0.0001deg);
transform: scale3d(1.1, 1.1, 1) rotate(0.0001deg);
}
}
@-webkit-keyframes arrowUpDown {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
}
}
@-moz-keyframes arrowUpDown {
0%,
20%,
50%,
80%,
100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-10px);
}
60% {
-moz-transform: translateY(-5px);
}
}
@-o-keyframes arrowUpDown {
0%,
20%,
50%,
80%,
100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-10px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes arrowUpDown {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}    .slick-loading .slick-list {
background: #ffffff url(//autoport.co.in/wp-content/themes/car-repair-services/images/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 30px;
height: 30px;
margin-top: -15px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 200;
text-align: center;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:after,
.slick-next.slick-disabled:after {
opacity: .25;
}
.slick-prev:before,
.slick-next:before {
font-family: 'auto';
font-size: 23px;
line-height: 30px;
color: #727272;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev:hover:before,
.slick-next:hover:before {
color: #fede00;
}
.slick-prev {
left: -20px;
}
.slick-prev:before {
content: "\e91f";
}
.slick-next {
right: -20px;
}
.slick-next:before {
content: "\e920";
} .slick-slider {
padding: 0;
list-style: none;
}
.slick-slider.nav-dot {
margin-bottom: 75px;
}
.slick-dots {
padding: 0;
margin-bottom: 0;
line-height: 0;
width: 100%;
margin: 0;
list-style: none;
text-align: center;
}
@media (min-width: 992px) {
.slick-dots {
margin-top: 45px;
}
}
@media (max-width: 767px) {
.slick-slider {
margin-bottom: 40px;
}
}
@media (max-width: 991px) {
.slick-dots {
margin-top: 31px;
}
}
@media (max-width: 575px) {
.slick-dots {
margin-top: 26px;
}
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0 -4px 0 0;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
position: relative;
display: block;
width: 7px;
height: 7px;
margin: 0 11px;
padding: 0;
color: transparent;
background-color: transparent;
border: 0;
outline: none;
border-radius: 3px;
background: #c1c1c1;
transition: all 0.2s linear;
}
.slick-dots li.slick-active button {
width: 17px;
}
@media (max-width: 991px) {
.slick-dots li button {
width: 5px;
height: 5px;
}
.slick-dots li.slick-active button {
width: 12px;
}
}
.slick-dots li.slick-active button,
.slick-dots li.slick-active button:hover {
background: #fede00;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.stat-box h5 {
font-size: 18px;
font-weight: 700;
}
@media (max-width: 767px) {
.stat-box h5 {
font-size: 16px;
}
}
@media (max-width: 991px) {
.slick-slide .animation {
opacity: 1 !important;
animation-name: none !important;
-webkit-animation-name: none !important;
}
.car-get-form .vertical-tab-content h3 {
font-size: 22px;
}
}
#mainSlider .slick-dots {
position: absolute;
bottom: 30px;
} .vc_toggle {
border-top: 1px solid #fede00;
margin: 0 0 10px;
}
.vc_toggle_square .vc_toggle_icon,
.vc_toggle_square.panel-heading1.vc_toggle_icon {
background-color: #fede00;
padding: 21px;
border: none;
width: 90px;
height: 90px;
position: absolute !important;
left: -90px !important;
top: 0px !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.panel-heading1 .vc_toggle_title,
.panel-heading1 .vc_toggle_content {
margin-left: 90px;
margin-top: 0;
}
.panel-heading1.vc_toggle_size_lg .vc_toggle_icon::before,
.vc_toggle_square .vc_toggle_title:hover .vc_toggle_icon::before {
height: 3px;
width: 20px;
background-color: #333;
}
.panel-heading1.vc_toggle_size_lg .vc_toggle_icon::after,
.vc_toggle_square .vc_toggle_title:hover .vc_toggle_icon::after {
height: 20px;
width: 3px;
background-color: #333;
}
.vc_toggle_square .vc_toggle_title:hover .vc_toggle_icon {
background: #fede00;
}
.postform {
padding: 6px 0;
width: 100%;
}
#archives-dropdown--1 {
padding: 10px 10px;
width: 100%;
}
h1.text-center.decor {
font-size: 42px;
font-weight: 600;
}
.navbar-nav .dropdown .dropdown-menu .dropdown-menu {
left: 100%;
top: 50%;
opacity: 0;
visibility: hidden;
transition: .3s;
z-index: 999;
position: absolute;
margin-left: 0;
}
.navbar-nav .dropdown .dropdown-menu .dropdown-menu::after {
left: -6px;
top: 8%;
transform: rotate(270deg);
}
.navbar-nav .dropdown .dropdown-menu li:hover > .dropdown-menu  {
opacity: 1;
visibility: visible;
top: 14%;
}
.navbar-nav .dropdown .dropdown-menu .dropdown-menu .dropdown-menu{
opacity: 0;
visibility: hidden;
}
.navbar-nav .dropdown .dropdown-menu .dropdown-menu li:hover > .dropdown-menu {
opacity: 1;
visibility: visible;
top: 14%;
}
#primary .search-form .search-field {
min-width: 80%;
margin-right: 20px;
} .price-text .table-responsive .table {
table-layout: initial;
border: none;
}
.price-text .table-responsive .table>tbody>tr>td,
.price-text .table-responsive .table>tbody>tr>th,
.price-text .table-responsive .table>tfoot>tr>td,
.price-text .table-responsive .table>tfoot>tr>th,
.price-text .table-responsive .table>thead>tr>td,
.price-text .table-responsive .table>thead>tr>th,
.price-text .table-responsive table>tbody>tr>td,
.price-text .table-responsive table>tbody>tr>th,
.price-text .table-responsive table>tfoot>tr>td,
.price-text .table-responsive table>tfoot>tr>th,
.price-text .table-responsive table>thead>tr>td,
.price-text .table-responsive table>thead>tr>th,
.price-text .table-responsive th,
.price-text .table-responsive td {
border-color: none;
border-image: none;
border-style: none none solid none;
border-width: medium medium 1px 0px;
padding: 12px;
}
.price-text .table-responsive .table>tbody>tr>th,
.price-text .table-responsive .table>tfoot>tr>th,
.price-text .table-responsive .table>thead>tr>th {
padding: 15px 8px;
border-top: 0;
border-bottom: 3px solid #e5e5e5;
}
@media (max-width: 479px) {
header .header-right-bottom {
padding: 25px 0px;
}
.wpb_single_image.negative-margin img {
height: auto;
max-width: 100%;
vertical-align: top;
}
}
.car-get-form-text .vc_row {
margin-left: 0;
margin-right: 0;
} .services-banner-12.home-services-img,
.search-form-area {
padding: 90px 0px;
}
@media (max-width: 1199px) {
.services-banner-12.home-services-img,
.search-form-area {
padding: 78px 0px;
}
}
@media (max-width: 991px) {
.search-form-area {
padding: 20px 0px;
}
.search-form-area .wpb_column.car-get-form,
.search-form-area .wpb_column.car-get-form-text {
width: 100%;
}
.home-search-area {
padding: 10px 0px 45px 0px;
}
}
#tabForm {
max-width: 460px;
margin-left: auto;
margin-right: auto;
}
.services-icons-txt {
padding: 90px 0px 120px;
}
@media (max-width: 1199px) {
.services-icons-txt {
padding: 78px 0px 78px;
}
}
@media (max-width: 991px) {
.services-icons-txt {
padding: 45px 0px 45px;
}
}
.counter-area-txt {
padding: 100px 0px;
}
@media (max-width: 1199px) {
.counter-area-txt {
padding: 50px 0px 50px 0px;
}
}
.meet-area-txt {
margin-top: 90px;
}
@media (max-width: 1199px) {
.meet-area-txt {
margin-top: 40px;
}
}
@media (max-width: 1023px) {
.meet-area-txt {
margin-top: 30px;
}
}
.meet-team-txt {
padding: 90px 0px;
}
@media (max-width: 1199px) {
.meet-team-txt {
padding: 60px 0px;
}
}
@media (max-width: 1023px) {
.meet-team-txt {
padding: 40px 0px;
}
}
.meet-team-txt .slick-next,
.meet-team-txt button.slick-prev {
display: none !important;
}
.coupons-pages-area {
padding-top: 60px;
}
.services-pages-txt.coupons-txts {
padding-top: 100px;
}
@media (max-width: 1023px) {
.services-pages-txt.coupons-txts {
padding-top: 60px;
}
}
.services-pages-txt input.wpcf7-form-control.wpcf7-submit {
border-radius: 0;
}
@media (max-width: 767px) {
.entry-header h1,
.entry-header h2 {
font-size: 30px;
}
.services-banner-12.home-services-img {
padding: 0px;
}
.search-form-area {
padding: 0px;
}
.services-icons-txt {
padding: 40px;
}
.home .services-icons-txt {
padding-top: 0px;
}
.counter-area-txt {
padding: 40px;
}
.vc_row.counter-area-txt.home-counter-area-txt {
padding: 40px 0;
}
.services-pages-txt.coupons-txts {
padding-top: 30px;
}
.blog-post h3 {
font-size: 20px;
}
.blog-post h2 {
font-size: 22px;
}
.vc_toggle_square .vc_toggle_icon,
.vc_toggle_square.panel-heading1.vc_toggle_icon {
width: 70px;
height: 70px;
}
.panel-heading1 .vc_toggle_title,
.panel-heading1 .vc_toggle_content {
padding-left: 0 !important;
}
.panel-heading1 .vc_toggle_title {
min-height: 70px;
}
.car-faq-text .vc_toggle {
margin-bottom: 30px;
min-height: 80px;
}
.block {
margin-bottom: 45px;
}
}
@media (max-width: 575px) {
html body:not(.home) #pageContent,
.slidertop-space {
padding-top: 50px;
}
}
@media (min-width: 480px) and (max-width: 560px) {
.appoinment-button-txt .form-popup {
width: 300px;
margin-left: -222px;
}
}
@media (max-width: 479px) {
.appoinment-button-txt .btn-invert,
.appoinment-button-txt .form-popup-wrap {
left: auto;
margin-left: 0px;
}
.form-popup {
width: 300px;
margin-left: -151px;
}
.related.products {
width: 100%;
margin-top: 40px;
}
}
.view-more-testimonial:hover span {
color: #fff !important;
}
.woocommerce .custom-loader.loader::before {
background: none;
}
.send-mail-ok-massage {
color: red;
font-weight: bold;
margin-bottom: 15px;
}
.form-popup.opened.form-popup-top {
bottom: 80px;
top: auto;
transition: bottom 0.3s ease 0s;
}
.form-popup-top .quote-form {
position: relative;
}
.form-popup-top .quote-form::before {
border-color: #252525 rgba(37, 37, 37, 0) rgba(37, 37, 37, 0);
bottom: -26px;
}
.form-popup-top .quote-form::after {
border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}
.form-popup-top .quote-form::after {
bottom: -20px;
}
@media (min-width: 992px) {
.header-info-mobile,
.header-info-toggle {
display: none;
}
}
@media (max-width: 991px) {
.header-info-mobile {
display: none;
position: relative;
z-index: 1;
padding: 20px 15px 12px;
}
.header-info-mobile,
.header-info-mobile p {
font-size: 15px;
line-height: 20px;
}
.header-info-mobile a {
text-decoration: none;
}
.header-info-mobile a:hover {
text-decoration: underline;
}
.header-info-mobile p {
padding-left: 30px;
position: relative;
margin-bottom: 12px;
}
.header-info-mobile p>[class*='icon-'] {
position: absolute;
left: 0;
}
.header-info-mobile p+.social-links {
margin-top: 15px;
}
.header-info-mobile .social-links {
margin-left: 40px;
}
.header-info-mobile-inside {
position: relative;
top: -50px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.header-info-mobile.open .header-info-mobile-inside {
top: 0;
opacity: 1;
}
.header-info-toggle {
position: absolute;
top: 0;
left: 0;
z-index: 1;
cursor: pointer;
}
.header-info-toggle [class*='icon-'] {
display: block;
font-size: 24px;
line-height: 37px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
padding: 0 12px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
color: #fff;
}
.header-info-toggle [class*='icon-']:hover {
color: #fede00;
}
.header-info-toggle.open [class*='icon-'] {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
}
.form-popup-close {
position: absolute;
right: 9px;
top: 10px;
cursor: pointer;
z-index: 2;
font-size: 20px;
transition: .2s;
}
@media (max-width: 991px) {
.form-popup-close {
right: 8px;
top: 8px;
}
.vc_row.service-page-services {
padding-top: 70px;
padding-bottom: 60px;
margin-bottom: 60px;
}
}
@media (max-width: 767px) {
.vc_row.service-page-services {
padding-top: 40px;
padding-bottom: 30px;
margin-bottom: 40px;
}
}
.about-us-title {
margin-bottom: 25px;
}
@media (max-width: 767px) {
.about-us-title {
margin-bottom: 0px;
}
}
.service-page-services.vc_row-has-fill>.vc_column_container>.vc_column-inner {
padding-top: 0;
}
.table-price {
min-width: 800px;
}
@media (max-width: 480px) {
.table-price {
min-width: 900px;
}
}
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>th {
padding: 15px 8px;
border-top: 0;
border-bottom: 3px solid #e5e5e5;
}
.table>tbody>tr>td {
border-top: 1px solid #e5e5e5;
padding: 10px 8px;
}
.table .cell-marker {
background: @custom-color;
border-color: @custom-color;
padding-left: 12px;
padding-right: 12px;
}
.table th.cell-marker {
border-color: #fff;
}
.sticky-table {
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 0 !important;
}
.sticky-table table {
margin-bottom: 0;
width: 100%;
max-width: 100%;
border-spacing: 0;
}
.sticky-table table tr.sticky-row th,
.sticky-table table tr.sticky-row td {
background-color: #fff;
border-top: 0;
position: relative;
outline: 1px solid #ddd;
z-index: 5;
}
.sticky-table .table {
border: none;
}
@media (max-width: 767px) {
.sticky-table .table {
font-size: 14px;
}
}
.sticky-table .table>tbody>tr>td,
.sticky-table .table>tbody>tr>th {
border-left: none;
border-right: none;
border-bottom: none;
}
.sticky-table .table>tbody>tr>td.sticky-cell,
.sticky-table .table>tbody>tr>th.sticky-cell {
background-color: #fff;
outline: none;
position: relative;
z-index: 10;
border-left: none;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.sticky-table table tr.sticky-row td.sticky-cell,
.sticky-table table tr.sticky-row th.sticky-cell {
z-index: 15;
}
.sticky-table tr th:nth-child(4) {
width: 95px;
}
.sticky-table tr th:nth-child(3) {
width: 180px;
}
.sticky-table tr th:nth-child(4) {
width: 100px;
}
.sticky-table .table>tbody>tr>th,
.sticky-table .table>tfoot>tr>th,
.sticky-table .table>thead>tr>th {
padding: 15px 8px;
border-top: none;
border-bottom: 2px solid #e5e5e5;
border-left: none;
border-right: none;
}
@media (max-width: 991px) {
header.page-header {
position: relative !important;
padding: 0;
margin: 0;
}
header.page-header .navbar-nav>li>a {
padding-left: 30px;
padding-right: 30px;
}
header.page-header .phone .right-text {
display: none;
}
header.page-header .phone .phone-wrapper {
margin: 0;
}
.navbar-toggle {
position: relative;
margin: 0;
padding: 0;
}
header.page-header .header-right {
width: 100%;
}
.page-header.is-sticky:before {
background-color: transparent;
}
.header-right-bottom {
padding: 0 0 30px;
height: auto;
position: absolute;
top: 37px;
right: 45px;
margin-left: -124px;
}
header.page-header .header-right-top {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 34px;
background-color: #131313;
}
header.page-header .header-phone {
text-align: center;
}
header.page-header .header-phone .text {
display: none;
}
header.page-header .navbar {
position: static;
min-height: 0;
border: 0;
margin: 0;
}
header.page-header .dropdown-menu,
header.page-header-2 .dropdown-menu {
border-radius: 0;
}
header.page-header .navbar-nav .ecaret,
header.page-header-2 .navbar-nav .ecaret {
display: block;
width: 60px;
height: 60px;
border: 0;
position: absolute;
z-index: 100;
top: 0;
right: 0;
}
header.page-header .navbar-nav .ecaret:after,
header.page-header-2 .navbar-nav .ecaret:after {
font-family: 'auto';
content: '\e92b';
position: absolute;
top: 0;
width: 100%;
font-size: 28px;
line-height: 60px;
text-align: center;
}
header.page-header .navbar-nav li.opened>a>.ecaret:after,
header.page-header-2 .navbar-nav li.opened>a>.ecaret:after {
content: '\e92a';
}
header.page-header .navbar-nav li,
header.page-header-2 .navbar-nav li {
background: transparent;
position: relative;
float: none;
width: 100%;
}
header.page-header .navbar-nav li>a,
header.page-header-2 .navbar-nav li>a {
position: relative;
}
header.page-header .navbar-nav>li>a,
header.page-header .navbar-nav>li>a:focus,
header.page-header-2 .navbar-nav>li>a,
header.page-header .navbar-nav>li>a:focus {
font-size: 20px;
line-height: 29px;
padding: 15px 20px 15px 30px;
color: #fff;
background: transparent;
text-decoration: none;
border-bottom: 1px solid #333;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
}
header.page-header .navbar-nav>li>a:hover,
header.page-header-2 .navbar-nav>li>a:hover {
background-color: rgba(0, 0, 0, 0.1);
color: #fff;
}
header.page-header .navbar-nav .opened>a,
header.page-header .navbar-nav .opened>a:focus,
header.page-header .navbar-nav .opened>a:hover,
header.page-header-2 .navbar-nav .opened>a,
header.page-header-2 .navbar-nav .opened>a:focus,
header.page-header-2 .navbar-nav .opened>a:hover {
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
header.page-header .navbar-toggle .icon-cancel,
header.page-header-2 .navbar-toggle .icon-cancel {
display: none;
font-size: 34px;
}
header.page-header .navbar-nav .dropdown-menu,
header.page-header-2 .navbar-nav .dropdown-menu {
margin: 0 0 10px;
padding: 0;
display: none;
width: 100%;
position: relative;
background-color: #f0f0f0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
header.page-header .navbar-nav .dropdown-menu a,
header.page-header .navbar-nav .dropdown-menu a:focus,
header.page-header-2 .navbar-nav .dropdown-menu a,
header.page-header-2 .navbar-nav .dropdown-menu a:focus {
font-size: 16px;
line-height: 30px;
color: #333;
background: transparent;
padding: 10px 15px 10px 20px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
}
header.page-header .navbar-nav .dropdown-menu a:hover,
header.page-header-2 .navbar-nav .dropdown-menu a:hover {
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
}
header.page-header .navbar-nav .dropdown-menu .dropdown-menu,
header.page-header-2 .navbar-nav .dropdown-menu .dropdown-menu {
background-color: #fcfcfc;
}
header.page-header .navbar-nav .opened>.dropdown-menu,
header.page-header-2 .navbar-nav .opened>.dropdown-menu {
display: block;
}
.appointment {
white-space: nowrap;
padding: 6px 20px;
width: 131px;
color: #000;
text-align: center;
font-size: 15px;
line-height: 22px;
height: 50px;
right: 0px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
}
.appointment .icon {
margin-right: 4px;
font-size: 20px;
}
button.navbar-toggle.slide-active {
background-color: transparent;
border: none;
}
body h2 {
font-size: 28px;
line-height: 30px;
margin: 0 0 15px;
}
}
@media (max-width: 790px) {
.appointment {
height: 33px;
font-size: 14px;
}
}
@media (max-width: 1199px) {
body h3 {
font-size: 26px;
margin: 0 0 10px;
}
}
@media (max-width: 767px) {
body h2 {
font-size: 22px;
line-height: 25px;
}
body h3 {
font-size: 20px;
margin: 0 0 10px;
}
.single-car_services h3 {
font-size: 20px;
line-height: normal;
}
}
@media (max-width: 1199px) {
.vc_row.home-services-img.home-what-we-do {
padding: 53px 0px 53px 0px;
}
}
@media (max-width: 991px) {
.vc_row.home-services-img.home-what-we-do {
padding: 50px 0px 45px 0px;
}
#slide-nav #slidemenu.slide-active .navbar-nav li {
margin-top: 0;
}
#slide-nav #slidemenu.slide-active .search-container button.button {
top: 0;
}
.home-how-it-work .vc_parallax-inner {
background-size: auto;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.home-how-it-work {
padding-top: 0px !important;
padding-bottom: 45px !important;
}
.home-how-it-work .wpb_text_column {
margin-bottom: 0;
}
.vc_row.about-us-title {
margin-bottom: 15px;
}
.about-us-after-image.wpb_column {
margin-top: -15px;
}
.single-services-head h2.text-center {
font-size: 34px;
}
}
@media (max-width: 767px) {
.vc_row.home-services-img.home-what-we-do {
padding: 0px;
}
.vc_row.home-our-service {
padding-bottom: 20px;
}
.home-search-area .car-get-form-text {
margin-top: -15px;
}
.search-form-area.home-search-area {
padding-bottom: 40px;
}
.vc_row.home-service-ceritfied {
padding: 40px 0;
}
.about-us-teammember .row .col-sm-6:last-child .person.person-hor {
margin-bottom: 0;
}
.about-page-out-team .about-team-title {
margin-bottom: 40px;
}
}
@media (max-width: 479px) {
.vc_row.about-page-last-content {
margin-bottom: 10px;
}
.vehicle-damage .wpb_text_column.wpb_content_element {
padding-top: 0 !important;
}
.vc_row.home-services-img.home-what-we-do {
padding: 0px 0px 30px 0px;
}
}
@media (max-width: 991px) {
.dropdown-menu.menu-even.sub-sub-menu.menu-depth-2 {
left: 0;
position: relative;
opacity: 1;
visibility: visible;
}
}
.form-popup.form-popup-top {
bottom: 0;
top: auto;
}
@media (max-width: 991px) {
.sub-menu-item.menu-item-odd:hover .dropdown-menu.menu-even.sub-sub-menu.menu-depth-2 {
position: unset;
}
}
.prd-sm-img a img {
max-width: 100%;
}
.navbar-nav li li {
margin-top: 0;
} header.page-header-2 {
background-color: #fff;
}
header.page-header-2 .logo {
max-width: 210px;
}
header.page-header-2 .logo img {
width: 100%;
}
header.page-header-2 .header-cart a.icon {
font-size: 19px;
color: #2e2e2e;
}
header.page-header-2 .header-cart .badge {
width: 17px;
height: 17px;
line-height: 18px;
font-size: 9px;
padding: 0;
right: -12px;
top: -10px;
}
header.page-header-2 .header-cart:hover {
padding-left: 15px;
padding-right: 0;
}
header.page-header-2 .header-cart:hover a.icon {
color: #fede00;
}
header.page-header-2 .header-cart:hover .badge {
background-color: #fede00;
}
header.page-header-2 .header-phone {
color: #fff;
font-weight: bold;
text-decoration: none;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
white-space: nowrap;
}
header.page-header-2 .header-phone:hover {
color: #fede00;
}
header.page-header-2 .header-topline {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
min-height: 50px;
padding: 5px 0;
background-color: #4d4d4d;
font-size: 16px;
line-height: 18px;
color: #a9a9a9;
}
@media (max-width: 1599px) {
header.page-header-2 .header-topline {
font-size: 14px;
line-height: 17px;
}
}
@media (max-width: 1199px) {
header.page-header-2 .header-topline {
font-size: 13px;
line-height: 16px;
}
}
header.page-header-2 .header-topline>.container {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
@media (min-width: 1600px) {
header.page-header-2 .header-topline>.container {
padding: 0;
}
}
@media (max-width: 1599px) {
header.page-header-2 .header-topline>.container .row-flex {
padding-right: 130px;
}
}
@media (max-width: 1399px) {
header.page-header-2 .header-topline>.container .row-flex {
padding-right: 165px;
}
}
@media (max-width: 1199px) {
header.page-header-2 .header-topline>.container {
width: 100%;
}
header.page-header-2 .header-topline>.container .row-flex {
padding-right: 200px;
}
}
header.page-header-2 .header-topline a:not(.header-phone) {
color: #a9a9a9;
text-decoration: none;
}
header.page-header-2 .header-topline a:not(.header-phone):hover {
color: #fede00;
}
header.page-header-2 .header-topline [class*='icon'] {
position: relative;
top: -1px;
color: #fede00;
padding-right: 7px;
}
@media (max-width: 1599px) {
header.page-header-2 .header-topline [class*='icon'] {
top: 1px;
}
}
@media (max-width: 1199px) {
header.page-header-2 .header-topline [class*='icon'] {
top: -1px;
}
}
header.page-header-2 .header-topline .row-flex {
width: 100%;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
header.page-header-2 .header-topline .col-center {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
}
header.page-header-2 .header-topline .col-right {
margin-left: auto;
}
header.page-header-2 .header-row {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
background: none;
}
header.page-header-2 .header-row-right {
margin-left: auto;
margin-right: 10px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
@media (min-width: 992px) {
header.page-header-2 .header-right-top {
position: absolute;
right: 0;
top: 0;
}
header.page-header-2 #slide-nav #slidemenu {
position: relative;
padding: 0 15px;
}
header.page-header-2 #slide-nav #slidemenu .row {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
header.page-header-2 .navbar-toggle {
display: none;
}
header.page-header-2 .navbar {
background-color: transparent;
border: 0;
border-radius: 0;
min-height: 70px;
margin-bottom: 0;
padding: 15px 0;
}
header.page-header-2 .ecaret {
dispaly: none;
}
header.page-header-2 .nav .open>a,
header.page-header-2 .nav .open>a:focus,
header.page-header-2 .nav .open>a:hover {
background-color: transparent;
color: #000000;
}
header.page-header-2 .navbar-nav {
margin: 0 15px;
float: none;
}
header.page-header-2 .navbar-nav>li>a {
display: block;
top: 0;
position: relative;
font-size: 14px;
line-height: 23px;
font-family: 'Muli', sans-serif;
font-weight: 800;
padding: 5px 15px;
text-decoration: none;
color: #2e2e2e;
text-transform: uppercase;
-webkit-transition: all 0.1s ease 0s;
-moz-transition: all 0.1s ease 0s;
-ms-transition: all 0.1s ease 0s;
-o-transition: all 0.1s ease 0s;
}
header.page-header-2 .navbar-nav>li>a span {
display: block;
position: relative;
z-index: 1;
}
header.page-header-2 .navbar-nav>li>a:after {
content: '';
position: absolute;
right: 10px;
left: 100%;
bottom: -6px;
height: 3px;
background-color: transparent;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
header.page-header-2 .navbar-nav>li.dropdown:hover a {
background-color: transparent;
}
header.page-header-2 .navbar-nav>li a,
header.page-header-2 .navbar-nav>li:hover a {
background-color: transparent;
}
header.page-header-2 .navbar-nav>li.current-menu-item>a:after,
header.page-header-2 .navbar-nav>li:hover>a:after {
left: 10px;
bottom: -6px;
background-color: #fede00;
}
header.page-header-2 .navbar-nav .dropdown-menu {
border: 0;
border-radius: 0;
padding: 0;
margin-left: -110px;
transform: translateX(20px);
bottom: auto !important;
left: 50%;
width: 220px;
display: block !important;
opacity: 1;
visibility: hidden;
top: -5000px;
border-bottom: 3px solid #fede00;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
}
header.page-header-2 .navbar-nav .dropdown-menu:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 7px;
margin-left: -7px;
}
header.page-header-2 .navbar-nav .dropdown-menu li.open>a {
background-color: transparent;
}
header.page-header-2 .navbar-nav .dropdown-menu li>a {
position: relative;
font-size: 15px;
line-height: 20px;
font-family: 'Muli', sans-serif;
padding: 10px 45px 10px 15px;
color: #000000;
background-color: #fff !important;
border-bottom: 1px solid #f0f0f0;
white-space: normal;
text-decoration: none;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
}
header.page-header-2 .navbar-nav .dropdown-menu li>a:hover,
header.page-header-2 .navbar-nav .dropdown-menu li>a:focus {
background-color: #f2f2f2 !important;
}
header.page-header-2 .navbar-nav .dropdown-menu li>a:not(:only-child):after {
font-family: 'auto';
content: "\e920";
position: absolute;
font-size: 11px;
top: 50%;
right: 10px;
margin-top: -10px;
}
header.page-header-2 .navbar-nav .dropdown-menu li:last-child>a {
border-bottom: 0;
}
header.page-header-2 .navbar-nav .dropdown-menu .dropdown-menu {
top: 6px;
}
header.page-header-2 .navbar-nav .dropdown-menu>li {
position: relative;
}
header.page-header-2 .navbar-nav .dropdown:hover>.dropdown-menu {
transform: translateX(0);
-webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-moz-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-ms-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-o-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
opacity: 1;
visibility: visible;
top: 100%;
margin-top: 0;
}
header.page-header-2 .navbar-nav .dropdown-menu>li>a+.dropdown-menu {
-webkit-transition: opacity 0.1s ease 0s, transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s !important;
-moz-transition: opacity 0.1s ease 0s, transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s !important;
-ms-transition: opacity 0.1s ease 0s, transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s !important;
-o-transition: opacity 0.1s ease 0s, transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s !important;
left: 100%;
top: 0;
opacity: 0;
margin: 0 !important;
}
header.page-header-2 .navbar-nav .dropdown-menu>li>a+.dropdown-menu:after {
display: none;
}
header.page-header-2 .navbar-nav .dropdown-menu>li>a+.dropdown-menu.posRight {
left: -100%;
}
header.page-header-2 .navbar-nav .dropdown-menu>li:hover>a+.dropdown-menu {
transform: translateX(0);
-webkit-transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s !important;
-moz-transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s !important;
-ms-transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s !important;
-o-transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s !important;
opacity: 1;
visibility: visible;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
header.page-header-2 .navbar-nav>li>a {
padding: 5px 10px;
}
}
@media (max-width: 1399px) and (min-width: 1200px) {
header.page-header-2 .logo {
max-width: 180px;
}
header.page-header-2 .navbar-nav>li>a {
padding-left: 6px;
padding-right: 6px;
font-size: 16px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
header.page-header-2 .logo {
max-width: 180px;
}
header.page-header-2 .navbar-nav>li>a {
padding-left: 5px;
padding-right: 5px;
font-size: 13px;
}
}
header.page-header-2 .search-container-wrap {
position: relative;
z-index: 1;
width: 50px;
}
header.page-header-2 .search-container {
overflow: hidden;
position: absolute;
right: 0;
top: -5px;
margin: 0;
width: 36px;
height: 36px;
-moz-transition: width 0.35s;
-webkit-transition: width 0.35s;
}
header.page-header-2 .search-container input {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
float: left;
width: calc(100% - 36px);
height: 36px;
padding: 5px 10px;
border-radius: 0;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
background-color: transparent;
outline: none;
opacity: 0;
border: 1px solid #ccc;
border-right: 0;
}
header.page-header-2 .search-container .button {
display: block;
position: absolute;
right: 0;
top: 0;
width: 36px;
height: 36px;
margin: 0;
background: transparent;
text-align: center;
font-size: 17px;
line-height: 36px;
color: #2e2e2e;
cursor: pointer;
text-decoration: none;
border: none;
padding: 0;
}
header.page-header-2 .search-container:hover {
width: 300px;
}
@media (max-width: 991px) {
header.page-header-2 .search-container:hover {
width: 220px;
}
}
header.page-header-2 .search-container:hover input {
display: block;
width: calc(100% - 36px);
opacity: 1;
background-color: #fff;
}
header.page-header-2 .search-container:hover .button {
background-color: #fede00;
color: #000;
}
header.page-header-2 a.appointment {
display: block;
position: relative;
background-color: #fede00;
height: 50px;
font-size: 14px;
line-height: 20px;
font-weight: 800;
font-family: 'Muli', sans-serif;
text-transform: uppercase;
padding: 15px 20px 15px 10px;
margin-left: -15px;
text-align: center;
outline: none;
width: auto;
}
@media (max-width: 991px) {
header.page-header-2 a.appointment {
height: 44px;
padding: 12px 20px 12px 10px;
}
}
header.page-header-2 a.appointment:focus,
header.page-header-2 a.appointment:hover {
outline: none;
}
header.page-header-2 a.appointment .icon {
position: relative;
top: 0;
font-size: 18px;
margin-right: 10px;
padding: 0;
}
header.page-header-2 a.appointment span,
header.page-header-2 a.appointment .icon {
color: #131313 !important;
display: inline-block;
vertical-align: top;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
header.page-header-2 a.appointment:hover .icon {
padding-left: 15px;
-webkit-transition: all 0.3s ease 0.2s;
-moz-transition: all 0.3s ease 0.2s;
-ms-transition: all 0.3s ease 0.2s;
-o-transition: all 0.3s ease 0.2s;
}
header.page-header-2 a.appointment:after {
position: absolute;
left: -40px;
top: 0;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 50px 20px 0 20px;
border-color: transparent #fede00 transparent transparent;
}
@media (max-width: 991px) {
header.page-header-2 a.appointment:after {
left: -35.5px;
border-width: 44px 18px 0 18px;
}
}
@media (max-width: 991px) {
body:not(.home) header.page-header-2 {
z-index: 1000;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
header.page-header-2 {
position: relative;
background-color: #fff;
}
header.page-header-2 .logo {
max-width: 160px;
}
header.page-header-2 .header-info-toggle [class*='icon-'] {
font-size: 18px;
top: 4px;
}
header.page-header-2 .header-info-toggle.open [class*='icon-'] {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
header.page-header-2 .header-info-toggle.open [class*='icon-']:before {
content: '\e930';
}
header.page-header-2 .header-info-mobile {
background-color: #fff;
color: #2e2e2e;
}
header.page-header-2 .header-info-mobile p {
padding-left: 28px;
margin-bottom: 8px;
}
header.page-header-2 .header-info-mobile,
header.page-header-2 .header-info-mobile p {
font-size: 13px;
line-height: 18px;
}
header.page-header-2 .header-info-mobile p>[class*='icon-'] {
font-size: 15px;
color: #2e2e2e;
}
header.page-header-2 .navbar {
margin-bottom: 0;
}
header.page-header-2 .navbar-toggle {
padding: 0 10px;
margin: 0 0 0 18px;
color: #2e2e2e;
min-width: unset;
}
header.page-header-2 .navbar-toggle:hover {
color: #fede00;
}
header.page-header-2 .header-topline {
min-height: 44px;
max-height: 44px;
}
header.page-header-2 .header-topline .container {
display: none;
}
header.page-header-2 .header-right-top {
position: absolute;
right: 0;
top: 0;
}
header.page-header-2 .header-row {
margin: 8px 10px;
}
header.page-header-2 .header-row-right {
margin-right: 0;
}
header.page-header-2 #slide-nav {
position: static;
}
}
@media (max-width: 767px) {
header.page-header-2 .logo {
max-width: 120px;
}
} .footer-section02 {
position: relative;
}
.footer-section02 .footer-section02__box01 {
background-color: rgba(64, 64, 64, 0.9);
width: 371px;
padding: 65px 40px 65px 52px;
}
.footer-section02 .footer-section02__box01> :nth-child(1) {
margin-top: 0;
}
.footer-section02 .footer-section02__title {
font-size: 22px;
line-height: 24px;
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-weight: 600;
padding: 0 0 25px 0;
margin-top: 34px;
}
.footer-section02 .footer-map {
min-height: inherit;
height: inherit;
}
.footer-section02 .contact-info-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
align-items: flex-start;
margin: 0;
font-size: 16px;
line-height: 25px;
color: #d4d4d4;
}
.footer-section02 .contact-info-item a {
color: #d4d4d4;
text-decoration: none;
transition: color 0.2s linear;
}
.footer-section02 .contact-info-item a:hover {
color: #ffffff;
}
.footer-section02 .contact-info-item .item-icon {
position: relative;
top: 2px;
}
.footer-section02 .contact-info-item .item-icon+.item-description {
margin-left: 13px;
}
.footer-section02 .contact-info-item .item-description span {
color: #ffffff;
}
.footer-section02 .contact-info-item+.contact-info-item {
margin-top: 8px;
}
@media (max-width: 991px) {
.footer-section02 .footer-section02__box01 {
width: 305px;
padding: 35px 17px 34px;
}
.footer-section02 .footer-section02__title {
font-size: 18px;
line-height: 24px;
padding-bottom: 13px;
}
.footer-section02 .contact-info-item {
font-size: 15px;
line-height: 21px;
}
.footer-section02 .contact-info-item+.contact-info-item {
margin-top: 10px;
}
.footer-section02 .footer-section02__title {
margin-top: 41px;
}
}
@media (max-width: 768px) {
.footer-section02 .footer-section02__box01 {
width: inherit;
padding: 35px 17px 34px;
background-color: #535353;
}
.footer-section02 .footer-section02__title {
padding-bottom: 15px;
}
.footer-section02 .footer-section02__title {
margin-top: 27px;
}
}
.footer-section03 {
background-color: #2d2d2d;
padding: 22px 0 15px 0;
}
.footer-section03 .social-links {
margin-top: 0;
}
.footer-section03 .social-links ul li {
margin-right: 3px;
}
.footer-section03 .social-links ul li a {
color: #d4d4d4;
text-decoration: none;
font-size: 28px;
}
.footer-section03 .social-links ul li a:hover {
color: #fede00;
}
.footer-section03 .copyright {
position: relative;
top: 3px;
}
@media (max-width: 991px) {
.footer-section03 .container {
justify-content: space-between;
}
}
@media (max-width: 767px) {
.footer-section03 .container {
justify-content: center;
text-align: center;
}
.footer-section03 .container>* {
margin-top: 13px;
}
.footer-section03 .container> :nth-child(1) {
margin-top: 0;
}
}
.page-footer .copyright {
float: left;
}
.row-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
} .services-tabs {
position: relative;
}
.services-tabs .scrtabs-tab-container {
height: 162px;
}
.services-tabs .services-tabs-nav {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
margin: 0 -1px;
padding: 0;
}
.services-tabs .services-tabs-nav>li.active {
border-color: #737373 #737373 transparent #737373 !important;
}
.services-tabs .services-tabs-nav>li.active>a,
.services-tabs .services-tabs-nav>li>a:hover {
background-color: transparent;
color: #000 !important;
}
.services-tabs .services-tabs-nav>li.active>a:after,
.services-tabs .services-tabs-nav>li>a:hover:after {
display: none;
}
.services-tabs .services-tabs-nav>li.active>a [class*='icon'],
.services-tabs .services-tabs-nav>li>a:hover [class*='icon'] {
color: #000;
}
.services-tabs .services-tabs-nav>li>a {
width: 100%;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
font-size: 17px;
line-height: 24px;
text-transform: none;
color: #000;
text-align: center;
text-decoration: none !important;
}
.services-tabs .services-tabs-nav>li>a:after {
display: none;
}
@media (max-width: 992px) {
.services-tabs .services-tabs-nav>li>a {
font-size: 12px;
line-height: 18px;
}
}
.services-tabs .services-tabs-nav>li [class*='icon'] {
color: #707070;
font-size: 40px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.services-tabs .services-tabs-nav>li [class*='icon']:not(:last-child) {
margin-bottom: 10px;
}
@media (max-width: 992px) {
.services-tabs .services-tabs-nav>li [class*='icon'] {
font-size: 26px;
}
}
.services-tabs .scrtabs-tab-container {
height: 162px;
}
@media (max-width: 1399px) {
.services-tabs .scrtabs-tab-container {
height: 140px;
}
}
@media (max-width: 1199px) {
.services-tabs .scrtabs-tab-container {
height: 140px;
}
}
@media (max-width: 1025px) {
.services-tabs .scrtabs-tab-container {
height: 106px;
}
}
@media (max-width: 700px) {
.services-tabs .scrtabs-tab-container {
height: 92px;
}
}
.services-tabs .services-tabs-nav>li {
height: 162px;
min-width: 193.4px;
width: auto;
margin: 0 1px;
padding: 0 5px;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
border-width: 1px;
border-style: solid;
border-color: #e7e7e7 #e7e7e7 transparent transparent;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e7e7e7));
background: -webkit-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
background: -o-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
background: linear-gradient(to bottom, #ffffff 0%, #e7e7e7 100%);
}
@media (max-width: 1399px) {
.services-tabs .services-tabs-nav>li {
height: 140px;
}
}
@media (max-width: 1199px) {
.services-tabs .services-tabs-nav>li {
height: 140px;
min-width: calc(16.667vw - 6.78px);
}
}
@media (max-width: 1025px) {
.services-tabs .services-tabs-nav>li {
height: 106px;
min-width: calc(16.667vw - 6.8px);
}
}
@media (max-width: 768px) {
.services-tabs .services-tabs-nav>li {
min-width: 126px;
}
}
@media (max-width: 700px) {
.services-tabs .services-tabs-nav>li {
height: 92px;
min-width: 112px;
}
}
.services-tabs .services-tabs-nav>li:first-child {
border-color: #e7e7e7 #e7e7e7 transparent #e7e7e7;
}
.services-tabs .services-tabs-content {
position: relative;
background-color: #4d4d4d;
padding: 60px 0;
overflow: hidden;
}
@media (max-width: 992px) {
.services-tabs .services-tabs-content {
padding: 100px 0 60px;
}
}
.services-tabs .services-tabs-content img {
max-width: 100%;
min-width: 600px;
}
.services-tabs .services-tabs-content-bg-wrap {
overflow-x: auto;
overflow-x: -moz-scrollbars-none;
overflow-y: hidden;
}
.services-tabs .services-tabs-content-bg-wrap::-webkit-scrollbar {
width: 0 !important;
}
.services-tabs .services-tabs-content-bg {
display: table;
position: relative;
margin: 0 auto;
}
.services-tabs .services-tab-info {
position: absolute;
top: 29px;
left: 24px;
width: 366px;
max-width: calc(100% - 55px);
background-color: #f5f5f5;
padding: 17px 17px 17px 57px;
color: #000;
}
@media (max-width: 992px) {
.services-tabs .services-tab-info {
width: 505px;
}
}
@media (max-width: 767px) {
.services-tabs .services-tab-info {
width: 100%;
max-width: calc(100% - 30px);
top: 15px;
left: 15px;
padding: 12px 12px 12px 40px;
}
}
.services-tabs .services-tab-info p {
font-size: 14px;
line-height: 20px;
margin: 0;
}
@media (max-width: 991px) {
.services-tabs .services-tab-info p {
font-size: 14px;
line-height: 20px;
}
}
@media (max-width: 767px) {
.services-tabs .services-tab-info p {
font-size: 11px;
line-height: 14px;
}
}
.services-tabs .services-tab-info p:not(.active) {
display: none;
}
.services-tabs .services-tab-info:after {
position: absolute;
left: 18px;
top: 18px;
content: '\e934';
font-family: 'auto';
font-size: 24px;
color: #fede00;
}
@media (max-width: 767px) {
.services-tabs .services-tab-info:after {
left: 10px;
top: 12px;
font-size: 20px;
}
}
.services-tabs .services-tabs-icons {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.services-tabs .services-tabs-icons>span {
display: block;
position: absolute;
width: 55px;
height: 55px;
border-radius: 50%;
font-size: 22px;
line-height: 55px;
text-align: center;
color: #2e2e2e;
text-decoration: none !important;
background-color: #fff;
}
@media (max-width: 992px) {
.services-tabs .services-tabs-icons>span {
width: 49px;
height: 49px;
font-size: 20px;
line-height: 49px;
}
}
.services-tabs .services-tabs-icons>span.active {
background-color: #fede00;
}
.services-tabs .services-tabs-icons>span:nth-child(1) {
left: 8%;
top: 42%;
}
.services-tabs .services-tabs-icons>span:nth-child(2) {
left: 13%;
top: 28%;
}
.services-tabs .services-tabs-icons>span:nth-child(3) {
left: 25%;
top: 28%;
}
.services-tabs .services-tabs-icons>span:nth-child(4) {
left: 31%;
top: 48%;
}
.services-tabs .services-tabs-icons>span:nth-child(5) {
left: 38%;
top: 67%;
}
.services-tabs .services-tabs-icons>span:nth-child(6) {
left: 82%;
top: 59%;
}
.services-tab-button {
position: absolute;
right: 25px;
bottom: 25px;
}
.icons-tabs .nav-tabs {
border-bottom: 1px solid #d8d8d8;
}
.icons-tabs .nav-tabs {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
border-bottom: 0;
}
.icons-tabs .nav-tabs>li.active>a,
.icons-tabs .nav-tabs>li.active>a:focus,
.icons-tabs .nav-tabs>li.active>a:hover {
border-width: 0;
}
.icons-tabs .nav-tabs>li.active>a,
.icons-tabs .nav-tabs>li>a:hover {
border: none;
color: #fede00 !important;
background: transparent;
}
.icons-tabs .nav-tabs>li>a::after {
content: "";
background: #fede00;
height: 4px;
position: absolute;
width: 100%;
left: 0px;
bottom: -1px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
transform: scale(0);
}
.icons-tabs .nav-tabs>li.active>a::after,
.icons-tabs .nav-tabs>li:hover>a::after {
transform: scale(1);
}
.icons-tabs .nav-tabs>li>a::after {
height: 3px;
}
.icons-tabs .nav-tabs>li.active>a [class*='icon-'],
.icons-tabs .nav-tabs>li>a:hover [class*='icon-'] {
color: #fede00;
}
.icons-tabs .nav-tabs>li {
margin: 0 20px;
}
.icons-tabs .nav-tabs>li {
margin: 0 35px;
}
.icons-tabs .nav-tabs a {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
color: #000000;
}
.icons-tabs .nav-tabs a span {
padding-bottom: 16px;
font-size: 18px;
line-height: 24px;
font-weight: bold;
text-align: center;
}
@media (max-width: 992px) {
.icons-tabs .nav-tabs a span {
padding-bottom: 10px;
font-size: 15px;
line-height: 21px;
}
}
@media (max-width: 767px) {
.icons-tabs .nav-tabs a span {
padding-bottom: 0;
font-size: 11px;
line-height: 16px;
}
}
.icons-tabs .nav-tabs a [class*='icon-'] {
font-size: 54px;
line-height: 1em;
margin-bottom: 10px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
@media (max-width: 992px) {
.icons-tabs .nav-tabs a [class*='icon-'] {
font-size: 40px;
}
}
@media (max-width: 767px) {
.icons-tabs .nav-tabs a [class*='icon-'] {
font-size: 30px;
}
}
.icons-tabs .nav-tabs a:focus {
outline: none;
background-color: transparent;
}
.icons-tabs .nav-tabs>li.active>a,
.icons-tabs .nav-tabs>li>a:hover {
color: #000000 !important;
}
.icons-tabs .nav-tabs>li.active>a [class*='icon-'],
.icons-tabs .nav-tabs>li>a:hover [class*='icon-'] {
color: #fede00;
}
.icons-tabs .nav-tabs>li>a::after {
height: 3px;
}
@media (max-width: 767px) {
.icons-tabs .nav-tabs>li>a::after {
height: 2px;
}
}
.icons-tabs .nav-tabs>li {
margin: 0 35px;
}
@media (max-width: 767px) {
.icons-tabs .nav-tabs>li {
margin: 0 14px;
}
}
.icons-tabs .tab-content-bg {
margin: -2px 0 0 0;
padding: 65px 0;
}
@media (max-width: 992px) {
.icons-tabs .tab-content-bg {
padding: 45px 0;
}
}
@media (max-width: 767px) {
.icons-tabs .tab-content-bg {
padding: 40px 0;
}
}
.icons-tabs .tab-content,
.icons-tabs .tab-pane {
padding: 0;
}
@media (max-width: 1199px) {
.icons-tabs .tab-content {
padding: 0 15px;
}
}
@media (max-width: 767px) {
.icons-tabs .tab-content {
padding: 0 15px;
}
}
.icons-tabs h5 {
text-transform: none;
margin-bottom: 30px;
font-weight: 700;
}
.marker-list-sm-1 {
margin: 15px 0 0;
padding: 0;
list-style: none;
}
.marker-list-sm-1>li {
font-size: 16px;
line-height: 24px;
font-weight: 600;
position: relative;
padding-left: 32px;
margin-bottom: 10px;
margin-top: 0px;
}
.marker-list-sm-1>li a {
text-decoration: none;
}
.marker-list-sm-1>li:after {
position: absolute;
top: 0;
left: 0;
display: block;
font-family: 'auto';
content: "\e93c";
font-size: 15px;
color: #fede00;
}
.marker-list-sm-1>li a:hover {
text-decoration: underline;
}
.text-icon-hor2 {
position: relative;
padding-left: 70px;
font-size: 16px;
line-height: 24px;
color: #000;
}
@media (max-width: 767px) {
.text-icon-hor2 {
padding-left: 40px;
font-size: 14px;
line-height: 20px;
}
}
.text-icon-hor2 .icon-wrapper2 {
position: absolute;
left: 0;
top: 0;
font-size: 40px;
line-height: 1em;
color: #fede00;
}
.text-icon-hor2+.text-icon-hor2 {
margin-top: 50px;
}
@media (max-width: 767px) {
.text-icon-hor2 .icon-wrapper2 {
font-size: 26px;
}
}
.text-icon-hor2+.text-icon-hor2 {
margin-top: 50px;
}
@media (max-width: 767px) {
.text-icon-hor2+.text-icon-hor2 {
margin-top: 15px;
}
} @media (max-width: 479px) {
.banner-col {
width: 100% !important;
margin-top: 30px;
}
}
.banner-free {
position: relative;
font-size: 100px;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199px) {
.banner-free {
font-size: 8vw;
}
}
@media (max-width: 991px) {
.banner-free {
font-size: 9.5vw;
}
}
@media (max-width: 479px) {
.banner-free {
font-size: 19.5vw;
}
}
.banner-free img {
width: 100%;
}
.banner-free .banner-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner-free .banner-text-header {
background-color: #4d4d4d;
}
.banner-free .banner-text-1 {
position: relative;
display: table;
padding: 0 30px;
font-size: .48em;
line-height: 1.46em;
color: #333;
font-weight: 900;
font-style: italic;
background-color: #fede00;
}
.banner-free .banner-text-1:after {
position: absolute;
right: -20px;
top: 0;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 70px 20px 0 0;
border-color: #fede00 transparent transparent transparent;
}
@media (max-width: 1199px) {
.banner-free .banner-text-1:after {
border-width: 5.5vw 20px 0 0;
}
}
@media (max-width: 991px) {
.banner-free .banner-text-1:after {
right: -19.8px;
border-width: 6.5vw 20px 0 0;
}
}
@media (max-width: 479px) {
.banner-free .banner-text-1:after {
right: -19.1px;
border-width: 13.6vw 20px 0 0;
}
}
.banner-free .banner-text-2 {
padding: 0.625em 0.9375em;
font-size: .32em;
line-height: 1.5em;
color: #fff;
font-weight: 700;
}
.banner-free .banner-text-3 {
padding: .33em .41em;
color: #000;
font-weight: 400;
max-width: 73%;
}
.banner-free .banner-text-3 p {
font-size: .16em;
line-height: 1.5em;
margin-bottom: 20px;
}
.banner-free .banner-text-btn {
position: absolute;
bottom: 8%;
left: 9%;
}
.banner-service {
display: block;
text-decoration: none !important;
min-height: 157px;
background-color: #686868;
font-size: 100px;
padding: .27em .3em .27em .37em;
color: inherit;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
.banner-service img {
width: 100%;
}
@media (max-width: 1199px) {
.banner-service {
font-size: 8.2vw;
min-height: 0;
}
}
@media (max-width: 991px) {
.banner-service {
font-size: 9.5vw;
padding: 0;
text-align: center;
}
.banner-service .row-flex {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: .3em .6em;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.banner-service .row-flex>*:not(:first-child) {
margin-top: .35em;
}
}
@media (max-width: 479px) {
.banner-service {
font-size: 18.5vw;
}
}
.banner-service:hover {
background-color: #4d4d4d;
}
.banner-service .row-flex {
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.banner-service .col-left {
margin-right: .37em;
}
.banner-service .col-left i.icon {
display: block;
width: 2.38em;
height: 2.38em;
border-radius: 50%;
font-size: .42em;
line-height: 2.38em;
background-color: #fff;
color: #000;
text-align: center;
}
@media (max-width: 991px) {
.banner-service .col-left i.icon {
font-size: .55em;
}
}
@media (min-width: 992px) {
.banner-service .col-center {
max-width: 42%;
}
.banner-service .col-right {
max-width: 36%;
margin-left: auto;
text-align: right;
}
}
.banner-service .banner-text-1 {
font-size: .34em;
line-height: 1.3em;
color: #fff;
font-weight: 600;
}
@media (max-width: 991px) {
.banner-service .banner-text-1 {
line-height: 1em;
margin-bottom: .5em;
}
}
.banner-service .banner-text-2 {
font-size: .16em;
line-height: 1.5em;
color: #fff;
font-weight: 400;
}
.banner-service .banner-text-3 {
font-size: .3em;
line-height: 1.6em;
color: #fff;
font-weight: 600;
}
.banner-service .banner-text-3 i.icon {
margin-right: .4em;
font-size: .8em;
color: #fede00;
}
@media (max-width: 991px) {
.banner-service .banner-text-3 {
line-height: 1em;
margin-bottom: .5em;
}
}
.banner-service .banner-text-4 {
font-size: .16em;
line-height: 1.5em;
color: #fff;
font-weight: 400;
}
@media (min-width: 1360px) {
.pricing-carousel .slick-prev {
margin-top: -30px;
left: -50px;
}
.pricing-carousel .slick-next {
margin-top: -30px;
right: -50px;
}
}
.pricing-carousel .slick-dots {
display: block;
position: relative;
bottom: 0;
margin-top: 20px;
}
.pricing-box {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-size: 100px;
padding-top: 5px;
padding-bottom: 5px;
}
.pricing-box-inside {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199px) {
.pricing-box {
font-size: 8vw;
}
}
@media (max-width: 768px) {
.pricing-box {
font-size: 12vw;
}
}
@media (max-width: 479px) {
.pricing-box {
font-size: 24vw;
}
}
.pricing-box-header {
padding: .23em .15em;
background-color: #fede00;
color: #333;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.pricing-box-header .divide-line {
position: relative;
}
.pricing-box-header .divide-line:after {
display: block;
margin: 0 .2em;
content: '';
width: 2px;
height: .55em;
background-color: #333;
-webkit-transform: rotate(7deg);
-moz-transform: rotate(7deg);
-ms-transform: rotate(7deg);
-o-transform: rotate(7deg);
}
.pricing-box-header .text-1 {
font-size: .18em;
line-height: 1.222em;
font-weight: 800;
text-align: right;
}
.pricing-box-header .text-2 {
font-size: .4em;
line-height: 1em;
font-weight: 900;
}
.pricing-box-header .text-2 sup {
font-size: .5em;
line-height: 1em;
top: -1em;
}
.pricing-box-center {
background-color: #fff;
font-size: .16em;
line-height: 1.5em;
text-align: center;
}
.pricing-box-center .text-3 {
padding: 0 2em 1em;
}
.pricing-box-center img {
display: block;
width: 100%;
margin-bottom: 7px;
}
.pricing-box-logo {
min-width: .106em;
margin-left: 10px;
}
.pricing-box-footer {
padding: .145em .1em .145em .145em;
background-color: #4d4d4d;
color: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
}
.pricing-box-footer .mark-icon {
position: relative;
top: 0;
font-size: .12em;
color: #fede00;
align-self: flex-start;
padding-right: 5px;
}
.pricing-box-footer .text-4 {
font-size: .12em;
line-height: 1.333em;
}
.pricing-box-footer img {
max-width: 100%;
}
.brands-carousel {
margin: 0 -2px;
}
.brands-carousel img {
display: block;
border: 1px solid #edeff0;
max-width: 100%;
margin: 0 2px;
}
.brands-carousel .slick-dots {
display: block;
position: relative;
bottom: 0;
margin-top: 20px;
}
.view-all-brands.active span:last-child {
display: none;
}
.view-all-brands:not(.active) span:first-child {
display: none;
}
.brands-grid {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.brands-grid>img,
.brands-grid a {
display: block;
margin: 2px;
border: 1px solid #edeff0;
min-width: calc(14.285% - 4px);
width: calc(14.285% - 4px);
align-self: center;
}
.brands-grid img:nth-child(7)~img {
display: none;
}
.brands-grid a:nth-child(7)~a {
display: none;
}
@media (max-width: 767px) {
.brands-grid>img,
.brands-grid a {
min-width: calc(20% - 4px);
width: calc(20% - 4px);
}
.brands-grid img:nth-child(5)~img {
display: none;
}
.brands-grid a:nth-child(5)~a {
display: none;
}
}
@media (max-width: 479px) {
.brands-grid>img,
.brands-grid a {
min-width: calc(33.333% - 4px);
width: calc(33.333% - 4px);
}
.brands-grid img:nth-child(3)~img {
display: none;
}
.brands-grid a:nth-child(3)~a {
display: none;
}
}
.brands-grid.visible img {
display: block !important;
}
.brands-grid.visible a {
display: block !important;
}
@media (min-width: 992px) {
header.page-header-2 .navbar-toggle {
display: none !important;
}
}
@media (min-width: 768px) {
header.page-header-2 .navbar-toggle {
display: block;
}
}
@media (max-width: 991px) {
.container-fluid-sm {
padding-left: 0;
padding-right: 0;
}
.container-fluid-sm .info {
margin-left: 15px;
margin-right: 15px;
}
}
@media (max-width: 991px) {
.page-header-2.is-sticky .header-topline,
.page-header-2.is-sticky .header-right-top {
display: none;
}
}
.page-header-2.is-sticky {
position: fixed !important;
z-index: 1000;
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.wpcf7-form-control-wrap {
width: 100%;
display: inline-block;
}
span.wpcf7-not-valid-tip {
font-size: 14px;
text-align: left;
}
@media (min-width: 992px) {
.page-header-2.is-sticky .header-topline {
display: none;
}
}
#appointmentForm.modalform-sm .modal-dialog {
width: 732px;
margin: 45px auto;
}
.form-upload .upload {
font-size: 16px;
line-height: 22px;
font-weight: 600;
padding: 10px 20px;
color: #131313;
background: #e5e5e5;
cursor: pointer;
white-space: nowrap;
background: -moz-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #d6d6d6));
background: -webkit-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);
background: -o-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);
background: -ms-linear-gradient(top, #e5e5e5 0%, #d6d6d6 100%);
background: linear-gradient(to bottom, #e5e5e5 0%, #d6d6d6 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#d6d6d6', GradientType=0);
height: 45px;
}
.dflex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
overflow: hidden;
}
#appointmentForm.modalform-sm .form-inline,
#appointmentForm.modalform-sm .form-upload {
margin-bottom: 5px;
}
input[type="file"] {
-webkit-appearance: initial;
background-color: initial;
padding: initial;
border: initial;
width: 210px;
}
#appointmentForm.modalform-sm .modal-dialog .modal-header .close {
right: 15px;
top: 15px;
z-index: 1;
}
#appointmentForm.modalform-sm .modal-dialog .modal-header a {
display: none;
}
#appointmentForm.modalform-sm .modal-dialog .modal-header {
height: 0;
}
#appointmentForm.modalform-sm .modal-dialog .modal-body {
padding: 30px 45px;
}
#appointmentForm.modalform-sm h2 {
font-size: 34px;
line-height: 40px;
margin-bottom: 20px;
color: #3a3a3a;
}
#appointmentForm.modalform-sm .input-custom,
#appointmentForm.modalform-sm .textarea-custom {
margin-bottom: 4px;
padding: 5px 15px !important;
font-size: 16px;
line-height: 20px;
color: #989898;
}
#appointmentForm.modalform-sm .input-custom {
height: 40px !important;
}
#appointmentForm.modalform-sm .datetimepicker-wrap:before,
#appointmentForm.modalform-sm .timepicker-wrap:before {
top: 6px;
right: 12px;
}
#appointmentForm.modalform-sm .select-wrapper:before {
width: 44px;
height: 38px;
line-height: 38px;
}
#appointmentForm.modalform-sm .textarea-custom {
height: 66px;
}
#appointmentForm.modalform-sm .form-inline .w-100 {
width: 100%;
}
#appointmentForm.modalform-sm .wpcf7-submit.btn {
margin-top: 5px;
font-size: 18px;
line-height: 21px;
font-weight: 700;
border-color: #fede00;
}
@media (max-width: 1240px) {
#appointmentForm.modalform-sm .modal-dialog .modal-header .close {
right: 10px;
top: -4px;
left: auto;
width: auto;
margin: 0;
padding: 0;
background-color: transparent;
}
}
@media (max-width: 991px) {
#appointmentForm.modalform-sm .modal-dialog .modal-body {
padding: 20px 30px;
}
}
@media (max-width: 767px) {
#appointmentForm.modalform-sm .modal-dialog .modal-body {
padding: 20px 15px 15px;
}
}
@media (max-width: 760px) {
#appointmentForm.modalform-sm .modal-dialog {
width: calc(100% - 20px);
}
}
@media (max-width: 560px) {
#appointmentForm.modalform-sm h2 {
font-size: 24px;
line-height: 30px;
margin-bottom: 10px;
}
}
@media (max-width: 560px) {
#appointmentForm.modalform-sm p {
font-size: 14px;
line-height: 20px;
}
}
@media (max-width: 1240px) {
#appointmentForm.modalform-sm .modal-dialog .modal-header {
margin-bottom: 0;
}
}
@media (max-width: 560px) {
#appointmentForm.modalform-sm .form-inline>* {
margin-right: 0;
width: 100%;
}
}
@media (max-width: 560px) {
#appointmentForm.modalform-sm .form-inline>*,
#appointmentForm.modalform-sm .form-upload {
margin-bottom: 5px;
}
#appointmentForm.modalform-sm .wpcf7-form-control-wrap {
overflow: unset;
margin-bottom: 0;
}
}
.banner-free .banner-text-btn .btn {
font-size: .16em !important;
padding: 1.3em 2.2em !important;
min-width: 0 !important;
}
.banner-free .banner-text-btn .btn.wpcf7-submit {
font-size: 14px !important;
}
@media (max-width: 767px) {
#quote-form .form-inline {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 767px) {
.marker-list-sm-1>li {
font-size: 14px;
line-height: 20px;
}
}
.service-row h1,
.service-row h2,
.service-row h3 {
color: #fff !important;
}
.mb-0 {
margin-bottom: 0;
} body.layout-3 {
color: #3a3a3a;
}
body.layout-3 .icons-tabs .nav-tabs a,
body.layout-3 .banner-free .banner-text-3 {
color: #3a3a3a;
}
body.layout-3 h1,
body.layout-3 h2,
body.layout-3 h2.h-lg,
body.layout-3 h3,
body.layout-3 h4,
body.layout-3 h5,
body.layout-3 h6 {
color: #3a3a3a;
}
body.layout-3 .block.bg-1,
body.layout-3 .block.bg-2,
body.layout-3 .block.bg-3,
body.layout-3 .block.bg-1 a,
body.layout-3 .block.bg-2 a,
body.layout-3 .block.bg-3 a {
color: #3a3a3a;
}
body.layout-3 h1,
body.layout-3 h2.h-lg {
position: relative;
padding-bottom: 25px;
margin-bottom: 45px !important;
font-size: 42px;
}
body.layout-3 h1:after,
body.layout-3 h2.h-lg:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 55px;
height: 2px;
background-color: #2f63b6;
}
@media (max-width: 991px) {
body.layout-3 h1,
body.layout-3 h2.h-lg {
padding-bottom: 22px;
margin-bottom: 22px;
font-size: 38px;
padding-top: 0;
}
}
@media (max-width: 767px) {
body.layout-3 h1,
body.layout-3 h2.h-lg {
padding-bottom: 15px;
margin-bottom: 15px;
font-size: 24px;
padding-top: 0;
}
}
body.layout-3 h1.h-noline,
body.layout-3 h2.h-lg.h-noline {
margin-bottom: 22px;
padding-bottom: 15px;
}
body.layout-3 h1.h-noline:after,
body.layout-3 h2.h-lg.h-noline:after {
display: none;
}
@media (max-width: 767px) {
body.layout-3 h1.h-noline,
body.layout-3 h2.h-lg.h-noline {
padding-bottom: 15px;
margin-bottom: 15px;
}
}
body.layout-3 h1:not(.h-noline)+p.info,
body.layout-3 h2:not(.h-noline)+p.info {
margin-top: -20px;
}
@media (max-width: 991px) {
body.layout-3 h1:not(.h-noline)+p.info,
body.layout-3 h2:not(.h-noline)+p.info {
margin-top: 0;
}
}
@media (max-width: 767px) {
body.layout-3 h1:not(.h-noline)+p.info,
body.layout-3 h2:not(.h-noline)+p.info {
margin-top: 0;
}
}
body.layout-3 h1.h-noline+p.info,
body.layout-3 h2.h-noline+p.info {
margin-top: -10px;
}
@media (max-width: 991px) {
body.layout-3 h1.h-noline+p.info,
body.layout-3 h2.h-noline+p.info {
margin-top: -10px;
}
}
@media (max-width: 767px) {
body.layout-3 h1.h-noline+p.info,
body.layout-3 h2.h-noline+p.info {
margin-top: -10px;
}
}
body.layout-3 h1:not(.h-noline)+.block,
body.layout-3 h2:not(.h-noline)+.block {
margin-top: -20px;
}
@media (max-width: 991px) {
body.layout-3 h1:not(.h-noline)+.block,
body.layout-3 h2:not(.h-noline)+.block {
margin-top: 0;
}
}
@media (max-width: 767px) {
body.layout-3 h1:not(.h-noline)+.block,
body.layout-3 h2:not(.h-noline)+.block {
margin-top: 0;
}
}
body.layout-3 .breadcrumbs .breadcrumb,
body.layout-3 .breadcrumbs .breadcrumb li,
body.layout-3 .breadcrumbs .breadcrumb a {
color: #8d8d8d;
}
body.layout-3 #pageTitle {
padding-bottom: 0;
background: #f5f5f5;
}
body.layout-3 #pageTitle h1,
body.layout-3 #pageTitle h2 {
color: #3a3a3a;
}
body.layout-3 .slick-dots li button {
width: 11px;
height: 11px;
margin: 0 7px;
background-color: #727579;
}
body.layout-3 header.page-header-2 .header-topline {
background-color: #f5f5f5;
color: #3a3a3a;
}
body.layout-3 header.page-header-2 .header-phone {
color: #3a3a3a;
}
body.layout-3 header.page-header-2 a.appointment span,
body.layout-3 header.page-header-2 a.appointment .icon,
body.layout-3 .header-cart .badge {
color: #fff !important;
}
body.layout-3 .step {
background: #fff;
}
body.layout-3 .how-works-number {
color: #b8b8b8;
}
body.layout-3 .icons-tabs .tab-content-bg {
background: transparent;
border-top: 3px solid #f5f5f5;
}
body.layout-3 .text-icon-hor2:not(.text-icon-hor--lg) .icon-wrapper2 {
font-size: 32px;
}
@media (min-width: 768px) {
body.layout-3 .text-icon-hor2:not(.text-icon-hor--lg) .icon-wrapper2 {
left: 17px;
}
}
body.layout-3 .pricing-box {
margin-top: 10px;
margin-bottom: 5px;
}
body.layout-3 .pricing-box-header {
background-color: #727579;
color: #fff;
}
body.layout-3 .pricing-box-header .divide-line:after {
background-color: #fff;
}
body.layout-3 .pricing-box-header .text-2 {
font-weight: 800;
}
body.layout-3 .pricing-box-footer {
background: url(//autoport.co.in/wp-content/themes/car-repair-services/images/dashed-line.png) repeat-x left top #f6f6f6;
color: #858585;
}
body.layout-3 .pricing-box-footer .mark-icon {
top: -3px;
}
body.layout-3 .pricing-box-inside {
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
body.layout-3 .banner-free .banner-text-header {
background-color: #727579;
}
body.layout-3 .block.bg-5 {
background: url(//autoport.co.in/wp-content/themes/car-repair-services/images/block-bg-5.jpg) no-repeat center center;
background-size: cover;
padding: 75px 0 60px;
}
@media (max-width: 991px) {
body.layout-3 .block.bg-5 {
padding: 45px 0 30px;
}
}
@media (max-width: 767px) {
body.layout-3 .block.bg-5 {
padding: 35px 0 20px;
}
}
body.layout-3 .banner-free .banner-text-1 {
color: #2f63b6;
background-color: #f6f6f6;
}
body.layout-3 .banner-free .banner-text-1:after {
border-top-color: #f6f6f6;
}
body.layout-3 .faq-item-sm.panel .caret-toggle {
width: 26px;
height: 26px;
line-height: 22px;
border-radius: 50%;
border: 1px solid #84868a;
text-align: center;
color: #84868a;
background-color: transparent;
}
body.layout-3 .faq-item-sm.panel .panel-heading a:not(.collapsed)>span.closed {
line-height: 20px;
border-color: #2f63b6;
color: #2f63b6;
background-color: transparent !important;
}
body.layout-3 .faq-item-sm.panel {
background: #f6f6f6;
}
body.layout-3 .faq-item-sm.panel.panel-default>.panel-heading {
background-color: transparent;
}
body.layout-3 .faq-item-sm.panel.panel-default>.panel-heading.active,
body.layout-3 .faq-item-sm.panel.panel-default .panel-collapse.collapse.in,
body.layout-3 .faq-item-sm.panel.panel-default .panel-collapse.collapsing {
background-color: #fff;
}
body.layout-3 .faq-item .panel-heading a>span.caret-toggle {
color: #fff;
}
body.layout-3 .banner-service {
background-color: #727579;
}
body.layout-3 .banner-service .color,
body.layout-3 .banner-service .banner-text-3 i.icon {
color: #fff !important;
}
body.layout-3 .banner-service .col-left [class*='icon-']:before {
color: #2f63b6;
}
body.layout-3 .page-footer .contact-info {
margin: 0 0 15px;
}
body.layout-3 .page-footer-2 .footer-col-left {
background-color: rgba(234, 234, 234, 0.9);
}
body.layout-3 .page-footer-2,
body.layout-3 .page-footer-2 a {
color: #000;
}
body.layout-3 .page-footer-2 .footer-bottom {
background-color: #727579;
color: #fff;
}
body.layout-3 .page-footer-2 .footer-bottom a {
color: #c3c3c3 !important;
}
body.layout-3 .page-footer2 .social-links ul li a {
color: #c3c3c3 !important;
}
body.layout-3 .page-footer-2 h5,
body.layout-3 .page-footer-2 h4,
body.layout-3 .page-footer-2 h3 {
color: #000 !important;
}
body.layout-3 .page-footer-2 .contact-info-divider {
background-color: transparent;
}
body.layout-3 #mainSlider .slide-content h3 {
color: #fff !important;
}
body.layout-3 #mainSlider .vert-wrap {
padding-top: 0;
}
body.layout-3 .back-to-top a {
color: #fff;
}
body.layout-3 .table .cell-marker {
color: #fff;
}
body.layout-3 .how-works-block .caption>.inside .number span {
color: #fff;
}
body.layout-3 .services-block-alt .caption {
background-color: #f5f5f5;
color: #3a3a3a;
}
body.layout-3 .services-block-alt .caption .title {
color: #3a3a3a;
}
@media (min-width: 768px) {
body.layout-3 .services-block-alt .caption {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 65px;
}
}
@media (max-width: 767px) {
body.layout-3 .services-block-alt .caption {
padding-bottom: 55px;
}
}
body.layout-3 .services-block-alt .services-link {
font-size: 18px;
bottom: 25px;
left: calc(50% - 10px);
right: auto;
transform: rotate(90deg);
}
@media (max-width: 768px) {
body.layout-3 .services-block-alt .services-link {
bottom: 20px;
}
}
body.layout-3 .services-block-alt .services-link:hover {
color: #000;
}
body.layout-3 .services-block-alt .image i {
color: #fff;
}
body.layout-3 .nav-pills>li.active>a,
body.layout-3 .nav-pills>li.active>a:focus,
body.layout-3 .nav-pills>li.active>a:hover {
color: #fff;
}
body.layout-3 .calendar .selected,
body.layout-3 .calendar .selected:hover {
color: #fff;
}
body.layout-3 .service-icon .icon-wrapper span i.icon {
color: #fff;
}
body.layout-3 .pagination>.active>a,
body.layout-3 .pagination>.active>span,
body.layout-3 .pagination>.active>a:hover,
body.layout-3 .pagination>.active>span:hover {
color: #fff;
}
@media (max-width: 991px) {
body.layout-3 #mainSlider .slide .img--holder {
height: 68vw;
}
}
@media (max-width: 767px) {
body.layout-3 #mainSlider .slide .img--holder {
height: 48vw;
}
}
@media (max-width: 767px) {
body.layout-3 #mainSlider.slick-slider {
margin-bottom: 0;
}
}
body.layout-3 .btn {
font-size: 16px;
font-weight: 700;
min-width: 175px;
line-height: 18px;
}
@media (max-width: 991px) {
body.layout-3 .btn {
font-size: 12px;
padding: 15px 20px;
min-width: 0;
}
}
@media (max-width: 479px) {
body.layout-3 .btn {
font-size: 10px;
font-weight: 800;
padding: 10px 15px;
}
}
body.layout-3 .btn,
body.layout-3 .btn.active,
body.layout-3 .btn:active,
body.layout-3 .btn.focus,
body.layout-3 .btn:focus {
color: #fff;
}
body.layout-3 .btn:hover {
color: #fff;
}
body.layout-3 .btn.btn-invert,
body.layout-3 .btn.btn-invert.active,
body.layout-3 .btn.btn-invert:active,
body.layout-3 .btn.btn-invert.focus,
body.layout-3 .btn.btn-invert:focus {
color: #fff;
}
body.layout-3 .btn.btn-invert:hover {
color: #fff;
}
body.layout-3 .btn.btn-border,
body.layout-3 .btn.btn-border.active,
body.layout-3 .btn.btn-border:active,
body.layout-3 .btn.btn-border.focus,
body.layout-3 .btn.btn-border:focus {
color: #3a3a3a;
}
body.layout-3 .btn.btn-border:hover {
color: #fff;
}
.service-grid {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
text-align: center;
}
.service-grid-item {
position: relative;
padding: 15px 24px;
flex: 0 0 25%;
max-width: 25%;
}
@media (max-width: 575px) {
.service-grid-item {
flex: 0 0 50%;
max-width: 50%;
padding: 10px 15px;
}
}
.service-grid-item:after {
content: '';
position: absolute;
right: 0;
top: 18px;
bottom: 18px;
width: 1px;
background-color: #dcdfe2;
}
.service-grid-item:before {
content: '';
position: absolute;
right: 18px;
left: 18px;
bottom: 0;
height: 1px;
background-color: #dcdfe2;
}
.service-grid-item img {
max-width: 100%;
}
.service-grid-item-title {
display: block;
position: relative;
padding: 15px 20px;
font-size: 18px;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
text-decoration: none;
}
@media (max-width: 1199px) {
.service-grid-item-title {
font-size: 14px;
line-height: 18px;
padding: 10px 15px;
}
}
@media (max-width: 991px) {
.service-grid-item-title {
font-size: 11px;
line-height: 14px;
padding: 10px 15px;
margin-top: 10px;
}
}
@media (max-width: 575px) {
.service-grid-item-title {
padding: 5px;
}
}
.service-grid-item-title:after {
opacity: 0;
content: '';
position: absolute;
top: -8px;
left: calc(42%);
width: 0;
height: 0;
border-style: solid;
border-width: 0 7.5px 8px 7.5px;
border-color: transparent transparent #2f63b6 transparent;
}
@media (max-width: 991px) {
.service-grid-item-title:after {
top: -6px;
}
}
.service-grid-item-title [class*='icon'] {
visibility: hidden;
display: inline-block;
font-size: 10px;
position: relative;
top: -2px;
left: 4px;
width: 0;
}
@media (max-width: 991px) {
.service-grid-item-title [class*='icon'] {
font-size: 7px;
}
}
.service-grid-item:hover .service-grid-item-title {
color: #fff;
background-color: #2f63b6;
}
.service-grid-item:hover .service-grid-item-title:after {
opacity: 1;
}
.service-grid-item:hover .service-grid-item-title [class*='icon'] {
visibility: visible;
width: auto;
}
@media (min-width: 576px) {
.service-grid-item:nth-child(4n):after {
display: none;
}
.service-grid-item:nth-last-child(-n+4):before {
display: none;
}
}
@media (max-width: 575px) {
.service-grid-item:nth-child(2n):after {
display: none;
}
.service-grid-item:nth-last-child(-n+2):before {
display: none;
}
}
.estimator-panel-section {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
}
.estimator-panel {
padding: 22px 0 26px;
background-color: #f5f5f5;
}
@media (max-width: 1199px) {
.estimator-panel {
padding: 15px 0;
}
}
@media (max-width: 767px) {
.estimator-panel {
padding: 5px 0;
}
.estimator-panel-section {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
padding-bottom: 25px;
}
}
.estimator-panel .container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
}
@media (max-width: 1199px) {
.estimator-panel .container {
flex-wrap: wrap;
}
}
.estimator-panel .col-title {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
flex: 0 0 250px;
max-width: 250px;
padding-right: 15px;
font-size: 30px;
line-height: 36px;
font-weight: 600;
font-family: 'Muli', sans-serif;
color: #3a3a3a;
}
.estimator-panel .col-title [class*='icon'] {
margin-right: 10px;
font-size: 60px;
color: #2f63b6;
}
@media (max-width: 1199px) {
.estimator-panel .col-title {
flex: 0 0 100%;
max-width: 100%;
font-size: 20px;
margin-bottom: 10px;
}
.estimator-panel .col-title [class*='icon'] {
font-size: 22px;
}
}
@media (max-width: 767px) {
.estimator-panel .col-title {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
font-size: 18px;
margin-bottom: 0;
padding: 0;
}
}
.estimator-panel .col-form {
flex: 1;
}
.estimator-panel .panel-toggle {
display: none;
}
@media (max-width: 767px) {
.estimator-panel .panel-toggle {
display: block;
position: relative;
top: -3px;
margin-left: auto;
font-size: 12px;
line-height: 18px;
font-weight: 800;
color: #2f63b6;
animation: blinker 3s linear infinite;
}
.estimator-panel .panel-toggle [class*='icon'] {
position: relative;
top: 2px;
font-size: 18x;
margin: 0 0 0 5px;
}
.estimator-panel .panel-toggle span:last-child {
display: none;
}
.estimator-panel .panel-toggle.open span:first-child {
display: none;
}
.estimator-panel .panel-toggle.open span:last-child {
display: block;
}
}
.estimator-form-label {
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: #3a3a3a;
margin-bottom: 5px;
}
@media (max-width: 1199px) {
.estimator-form-label {
display: none;
}
}
.estimator-form-row {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
margin-left: -6px;
margin-right: -6px;
}
@media (max-width: 767px) {
.estimator-form-row {
flex-wrap: wrap;
margin-bottom: 5px;
}
.estimator-form-row:not(.open) {
display: none;
}
}
.estimator-form-row>* {
flex: 1;
margin: 0 6px;
}
@media (max-width: 767px) {
.estimator-form-row .select-wrapper-sm {
flex: 0 0 calc(33.333% - 12px);
max-width: calc(33.333% - 12px);
margin-bottom: 3px;
}
}
.estimator-form-row .input-with-link {
position: relative;
}
.estimator-form-row select {
width: 100%;
}
.input-with-link .form-control {
min-width: 225px;
padding-right: 70px;
}
.estimator-form-row input {
height: 40px !important;
padding: 5px 15px !important;
font-size: 16px;
line-height: 20px;
color: #3e3e3e;
min-width: unset;
}
@media (max-width: 1199px) {
.estimator-form-row input {
height: 34px !important;
font-size: 14px !important;
padding: 5px 15px !important;
}
}
@media (max-width: 767px) {
.estimator-form-row input {
flex: 2;
}
}
.estimator-form-row .btn:not([data-action]) {
margin-left: 25px;
margin-top: -6px;
height: 52px;
font-size: 16px;
line-height: 20px;
padding: 15px 20px;
}
@media (max-width: 1199px) {
.estimator-form-row .btn:not([data-action]) {
margin-left: 10px;
margin-top: -4px;
height: 42px !important;
font-size: 12px !important;
line-height: 20px !important;
padding: 10px 15px !important;
}
}
@media (max-width: 767px) {
.estimator-form-row .btn:not([data-action]) {
margin-top: 0;
height: 34px !important;
font-size: 9px !important;
line-height: 14px !important;
padding: 10px 15px !important;
flex: 1;
}
}
.estimate-table {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.estimate-table:not(:last-child) {
margin-bottom: 50px;
}
@media (max-width: 767px) {
.estimate-table {
flex-direction: column;
}
}
.estimate-table-total {
flex: 0 0 45%;
max-width: 45%;
padding: 35px 35px;
background-color: #727579;
color: #fff;
}
@media (max-width: 767px) {
.estimate-table-total {
padding: 25px;
flex: 0 0 100%;
max-width: 100%;
}
}
.estimate-table-total-title {
margin-bottom: 45px;
font-size: 16px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
}
@media (max-width: 767px) {
.estimate-table-total-title {
margin-bottom: 25px;
}
}
.estimate-table-total-text {
font-size: 16px;
line-height: 24px;
margin-bottom: 7px;
}
.estimate-table-total-price {
font-size: 34px;
line-height: 40px;
font-weight: 700;
}
@media (max-width: 767px) {
.estimate-table-total-price {
font-size: 24px;
line-height: 30px;
}
}
.estimate-table-info {
flex: 0 0 55%;
max-width: 55%;
padding: 35px 45px;
background-color: #f6f6f6;
color: #3a3a3a;
}
@media (max-width: 767px) {
.estimate-table-info {
padding: 25px 35px;
flex: 0 0 100%;
max-width: 100%;
}
}
.estimate-table-info:not(:last-child) {
margin-bottom: 50px;
}
.estimate-table-info-title {
font-size: 16px;
line-height: 24px;
font-weight: bold;
text-transform: uppercase;
}
.estimate-part {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
background-color: #fff;
border: 1px solid #edeff0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.estimate-part:not(:first-child) {
margin-top: 30px;
}
@media (max-width: 767px) {
.estimate-part {
flex-direction: column;
}
}
.estimate-table-info-list {
margin-top: 30px;
font-size: 16px;
line-height: 25px;
font-weight: 700;
}
.estimate-table-info-list>* {
position: relative;
margin-bottom: 25px;
padding-left: 48px;
}
.estimate-table-info-list .round-icon {
position: absolute;
left: 0;
top: -4px;
font-size: 16px;
line-height: 30px;
font-weight: 900;
width: 32px;
height: 32px;
text-align: center;
color: #2f63b6;
border: 1px solid #2f63b6;
border-radius: 50%;
}
.estimate-part-info {
flex: 0 0 65%;
max-width: 65%;
padding: 35px;
}
@media (max-width: 767px) {
.estimate-part-info {
padding: 25px;
flex: 0 0 100%;
max-width: 100%;
}
}
.estimate-part-info-title {
font-size: 30px;
line-height: 40px;
font-weight: bold;
}
@media (max-width: 767px) {
.estimate-part-info-title {
font-size: 22px;
line-height: 30px;
}
}
.estimate-part-price {
flex: 0 0 35%;
max-width: 35%;
padding: 35px 0 35px 35px;
font-size: 16px;
line-height: 24px;
font-weight: bold;
}
@media (max-width: 767px) {
.estimate-part-price {
padding: 25px 25px 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.estimate-part-price-price {
margin-bottom: 10px;
font-size: 30px;
line-height: 40px;
font-weight: bold;
color: #2f63b6;
}
@media (max-width: 767px) {
.estimate-part-price-price {
font-size: 24px;
line-height: 30px;
}
}
.estimate-current-name {
margin-bottom: 10px;
font-size: 18px;
line-height: 24px;
font-weight: 400;
text-transform: none;
}
.estimate-current-name b {
font-weight: 700;
text-transform: uppercase;
}
.estimate-current-change {
color: #2f63b6;
text-decoration: none;
}
.estimate-part-close {
position: absolute;
z-index: 1;
right: 10px;
top: 10px;
font-size: 24px;
color: #2f63b6;
cursor: pointer;
}
.estimate-part-close:hover {
color: #3a3a3a;
}
@keyframes blinker {
0% {
opacity: 1;
}
80% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@media (max-width: 479px) {
.banner-col {
width: 100% !important;
margin-top: 30px;
}
}
.brands-carousel {
margin: 0 -2px;
}
.brands-carousel img {
display: block;
border: 1px solid #edeff0;
max-width: 100%;
margin: 0 2px;
}
.brands-carousel .slick-dots {
display: block;
position: relative;
bottom: 0;
margin-top: 20px;
}
.view-all-brands.active span:last-child {
display: none;
}
.view-all-brands:not(.active) span:first-child {
display: none;
}
body.layout-3 .page-footer-2 .footer-bottom .copyright {
color: #fff;
}
div.wpcf7 .estimator-form-row .ajax-loader {
display: none;
}
@media (max-width: 991px) && (min-width: 768px) {
.estimator-panel-section {
margin-bottom: -74px;
}
}
body.layout-3 .block.bg-1 h1,
body.layout-3 .block.bg-2 h1,
body.layout-3 .block.bg-3 h1,
body.layout-3 .block.bg-1 h2,
body.layout-3 .block.bg-2 h2,
body.layout-3 .block.bg-3 h2,
body.layout-3 .block.bg-1 h3,
body.layout-3 .block.bg-2 h3,
body.layout-3 .block.bg-3 h3 {
color: #3a3a3a;
}
body.layout-3 .breadcrumbs li,
body.layout-3 .breadcrumbs a,
body.layout-3 .breadcrumbs span {
color: #8d8d8d;
}
body.layout-3 #container .woocommerce-breadcrumb,
body.layout-3 #container .woocommerce-breadcrumb a {
color: #8d8d8d;
}
.pricing-grid .pricing-box {
margin-top: 30px !important;
}
body.layout-3 .vehicle-damage .tab-content {
padding: 0;
}
.woocommerce div.product .product_title {
margin-bottom: 30px !important;
}
.woocommerce div.product .product_title:after {
display: none;
}
.btn:not([data-action]).btn-lg [class*='icon-'] {
font-size: 20px;
padding-right: 20px;
vertical-align: text-top;
}
.btn:not([data-action]) [class*='icon-'] {
font-size: 18px;
color: #fff;
padding-right: 14px;
vertical-align: text-bottom;
}
@media (min-width: 992px) {
body.layout-3 header.page-header-2 .navbar {
padding: 18px 0;
}
}
body.layout-3 .pricing-box-center .text-3 {
padding: 0 1.2em 1em;
}
.estimator-form-row input[type="text"]::-webkit-input-placeholder {
color: #3e3e3e;
}
.estimator-form-row input[type="text"]::-moz-placeholder {
color: #3e3e3e;
}
.estimator-form-row input[type="text"]:-ms-input-placeholder {
color: #3e3e3e;
}
.estimator-form-row input[type="text"]::placeholder {
color: #3e3e3e;
}
#envato_activate_checkbox {
display: block;
}
#fullServices.modal .modal-dialog {
width: 822px;
}
@media (max-width: 991px) {
#fullServices.modal .modal-dialog {
width: 100%;
}
}
#fullServices.modal .modal-body {
padding: 0;
}
#fullServices.modal .modal-content {
background-color: #fff;
border-radius: 0;
border: 0;
padding: 0 23px 23px;
}
#fullServices.modal .modal-footer {
border: 0;
border-top: 1px solid #e3e3e3;
padding: 23px 38px 0;
text-align: left;
margin: 30px -38px 0;
}
#fullServices.modal .modal-header {
border: 0;
padding: 32px 15px 32px;
}
#fullServices.modal .modal-header h2 {
margin-bottom: 0;
}
@media (max-width: 767px) {
#fullServices.modal .modal-header {
padding: 19px 15px 20px;
}
}
#fullServices.modal .modal-header .close {
margin-top: 0;
position: absolute;
right: 22px;
top: 22px;
font-size: 30px;
text-shadow: inherit;
opacity: 1;
color: #2f63b6;
}
@media (max-width: 1240px) {
#fullServices.modal .modal-header .close {
font-size: 24px;
}
}
#fullServices.modal .modal-header .close:hover {
opacity: .7;
}
#fullServices.modal .form-group {
margin-bottom: 2px;
}
@media (max-width: 767px) {
#fullServices.modal .form-group {
margin-bottom: 0;
}
#fullServices.modal .form-group label {
font-size: 13px;
}
}
#fullServices.modal h5:not(:first-child) {
margin-top: 29px;
}
@media (max-width: 767px) {
#fullServices.modal h5:not(:first-child) {
margin-top: 15px;
}
}
@media (max-width: 767px) {
#fullServices.modal .col-sm-6:not(:first-child) h5 {
margin-top: 15px;
}
}
.estimator-panel .form-group input,
div.rwmb-input .form-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.estimator-panel .form-group label,
div.rwmb-input .form-group label {
position: relative;
cursor: pointer;
font-size: 15px;
}
.estimator-panel .form-group label a,
div.rwmb-input .form-group label a {
text-decoration: none;
color: #2f63b6;
}
.estimator-panel .form-group label:before,
div.rwmb-input .form-group label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #dbdbdb;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 10px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
top: -1px;
margin-right: 10px;
}
.estimator-panel .form-group input:checked+label:after,
div.rwmb-input .form-group input:checked+label:after {
content: '';
display: block;
position: absolute;
top: 3px;
left: 9px;
width: 6px;
height: 14px;
border: solid #2f63b6;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.estimate_search input:disabled,
.estimate_search select:disabled,
.estimate_search button:disabled,
.estimate_search .btn[disabled] {
opacity: .6 !important;
pointer-events: none !important;
}
.estimate_search input:disabled+a,
.estimate_search select:disabled+a,
.estimate_search button:disabled+a,
.estimate_search .btn[disabled]+a {
pointer-events: none;
}
.estimate_search .input-with-link {
position: relative;
}
.estimate_search a,
.estimator-panel .input-with-link a {
display: block;
position: absolute;
font-size: 11px;
text-decoration: none;
right: 10px;
top: 50%;
margin-top: -10px;
color: #111;
}
.estimator-panel .input-with-link .form-control {
min-width: 225px;
padding-right: 70px;
}
.estimator-panel .input-with-link a:hover {
color: #2f63b6;
}
.estimate-breadcrumb {
margin-bottom: 0;
}
.estimate-empty {
padding: 35px;
}
.estimate-empty .estimate-part-info-title {
margin-bottom: 0;
}
@media (max-width: 991px) {
.estimate-part:last-child {
margin-bottom: 30px;
}
}
.services-tabs-icons img {
min-width: auto !important;
}
.footer-col-right iframe {
vertical-align: bottom;
}
.product-category a {
display: block;
text-align: center;
}
.product-category .woocommerce-loop-category__title {
margin-bottom: 0;
}
.page-footer-widget h4,
.page-footer-widget .category-list>li a,
.page-footer-widget {
color: #fff !important;
}
.page-footer-widget .tagcloud a,
.page-footer-widget .tags-links a {
color: #333;
}
.page-footer-widget .calendar_wrap td {
color: #fff;
}
.page-footer-widget .side-block {
margin-bottom: 0;
padding-bottom: 0;
}
.page-footer-widget .footer-content {
padding: 80px 0 40px 0;
} .wp-block-gallery {
padding-left: 0px !important;
}
.wp-block-gallery li {
list-style: none !important;
} .has-strong-yellow-background-color {
background-color: #f7bd00 !important;
}
.has-strong-white-background-color {
background-color: #ffffff !important;
}
.has-light-black-background-color {
background-color: #242424 !important;
}
.has-very-light-gray-background-color {
background-color: #797979 !important;
}
.has-very-dark-black-background-color {
background-color: #000000 !important;
}
.has-strong-yellow-color {
color: #f7bd00 !important;
}
.has-strong-white-color {
color: #ffffff !important;
}
.has-light-black-color {
color: #242424 !important;
}
.has-very-light-gray-color {
color: #797979 !important;
}
.has-very-dark-black-color {
color: #000000 !important;
} .has-small-font-size {
font-size: 10px !important;
}
.has-normal-font-size {
font-size: 15px !important;
}
.has-large-font-size {
font-size: 24px !important;
}
.has-huge-font-size {
font-size: 36px !important;
}
.alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
}
.with-sidebar-blog .alignfull {
width: auto;
margin-left: calc( 50% / .62 - 50vw);
max-width: 100vw;
}
.with-sidebar-blog .alignfull img {
width: auto;
} pre {
background: none;
padding: 0px;
border: none;
line-height: 1.8;
font-family: monospace;
font-size: 15px;
color: #333;
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100%;
}
.wp-block-separator {
border: none;
border-bottom: 1px solid #8f98a1;
margin: 1.65em auto;
width: 100%;
max-width: 100%;
margin-left: 0;
}
.thm-unit-test .wp-block-latest-posts,
.thm-unit-test .text .wp-block-latest-posts,
.thm-unit-test .wp-block-categories,
.thm-unit-test .text .wp-block-categories,
.thm-unit-test .wp-block-archives,
.thm-unit-test .text .wp-block-archives {
padding-left: 0px;
margin-bottom: 20px;
}
.thm-unit-test .wp-block-latest-posts li,
.thm-unit-test .text .wp-block-latest-posts li,
.thm-unit-test .wp-block-categories li,
.thm-unit-test .text .wp-block-categories li,
.thm-unit-test .wp-block-archives li,
.thm-unit-test .text .wp-block-archives li {
list-style: none;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin: 20px 0;
padding: 0;
border-left: none;
padding-left: 100px;
}
.blog-single .inner-box .lower-content .lower-box.text .wp-block-quote.is-large p,
.blog-single .inner-box .lower-content .lower-box.text .wp-block-quote.is-style-large p {
font-size: 1.6875em;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-family: 'Open Sans', sans-serif;
font-size: 0.71111em;
line-height: 1.6;
color: #767676;
}
.wp-block-pullquote {
border: none;
}
.wp-block-embed-vimeo .wp-block-embed__wrapper {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
width: 100%;
padding-bottom: 68.25%;
}
.wp-block-embed-vimeo .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.wp-block-table td,
.wp-block-table th {
border: 1px solid #ddd;
line-height: 1.8;
padding: 8px;
vertical-align: top;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
border-left: 0;
padding-left: 100px;
}
figure.wp-block-pullquote.alignleft {
padding: 0;
text-align: left;
}
figure.wp-block-pullquote.alignleft blockquote {
margin: 0;
}
figure.wp-block-pullquote.alignright {
padding: 0;
text-align: right;
}
figure.wp-block-pullquote.alignright blockquote {
margin: 0;
margin-bottom: 60px
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 335px;
}
ul.wp-block-latest-posts {
margin-bottom: 30px;
}
ul.wp-block-latest-posts a {
transition: all 0.2s linear;
text-decoration: underline;
color: #5a5a5a;
background-color: transparent;
}
.wp-block-categories a {
transition: all 0.2s linear;
text-decoration: underline;
color: #5a5a5a;
background-color: transparent;
}
.wp-block-archives a {
transition: all 0.2s linear;
text-decoration: underline;
color: #5a5a5a;
background-color: transparent;
}
.defult_title_r h1 span,
.defult_title_r h2 span {
font-size: 60px !important;
line-height: 1.1 !important;
font-weight: 400 !important;
letter-spacing: 0.01em !important;
margin: 0 !important;
padding-bottom: 29px !important;
color: #393939 !important;
font-family: 'Muli', sans-serif !important;
}
.defult_title_r h1,
.defult_title_r h2 {
font-size: 60px !important;
line-height: 1.1 !important;
font-weight: 400 !important;
letter-spacing: 0.01em !important;
margin: 0 !important;
padding-bottom: 29px !important;
color: #393939 !important;
font-family: 'Muli', sans-serif !important;
}
button.gm-control-active {
min-width: unset;
}
.person-hor .image img {
max-width: 100%;
}
body:not(.home) {
background: url(//autoport.co.in/wp-content/themes/car-repair-services/images/header-photo-bg.jpg) no-repeat center 0;
}
.block.pad-sm {
padding: 61px 0 54px;
}
.how-works-block .caption>.inside .text h5 {
color: #fff;
}
.block.custom {
margin-bottom: 0px;
}
.block.offset-sm.custom {
margin-bottom: 0px;
}
.block-wrapper-01 {
background-color: #2d2d2d;
}
.promo-01 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: center;
align-items: center;
color: #ffffff;
padding: 36px 0 39px;
}
.promo-01 .promo-01__col-left {
margin-right: 50px;
min-width: 208px;
}
.promo-01 .promo-01__col-center {
flex: 2 1 auto;
position: relative;
}
.promo-01 .promo-01__title {
font-size: 27px;
line-height: 33px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
margin-top: 1px;
}
.promo-01 .promo-01__title .text-01 {
color: #ffffff;
}
.promo-01 .promo-01__title .text-02 {
color: #fede00;
margin-left: 76px;
}
.promo-01 .promo-01__description {
font-size: 16px;
line-height: 25px;
width: 57%;
max-width: 355px;
}
.promo-01 .promo-01__img {
position: absolute;
right: 30px;
top: -69px;
width: 44.5%;
}
.promo-01 .promo-01__img img {
max-width: 100%;
height: auto;
}
@media (max-width: 1199px) {
.promo-01 .promo-01__img {
top: -50px;
}
}
@media (max-width: 991px) {
.promo-01 {
padding: 23px 0 26px;
}
.promo-01 .promo-01__col-left {
min-width: 157px;
margin-right: 15px;
}
.promo-01 .promo-01__title {
font-size: 22px;
line-height: 29px;
}
.promo-01 .promo-01__title .text-02 {
margin-left: 40px;
}
.promo-01 .promo-01__description {
font-size: 15px;
line-height: 21px;
width: 53%;
padding-right: 20px;
}
.promo-01 .promo-01__img {
top: -40px;
width: 200px;
}
}
@media (max-width: 767px) {
.promo-01 .promo-01__description {
display: none;
}
.promo-01 .promo-01__img {
top: -70px;
width: 230px;
right: 15px;
}
}
@media (max-width: 575px) {
.promo-01 .promo-01__title {
font-size: 14px;
line-height: 17px;
}
.promo-01 .promo-01__title .text-02 {
margin-left: 25px;
}
.promo-01 .promo-01__img {
top: -45px;
width: 150px;
}
}
@media (max-width: 410px) {
.promo-01 .promo-01__img {
top: -20px;
width: 70px;
right: 10px;
}
}
@media (max-width: 767px) {
.slick-slider {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
#slideMobile .marker-list {
margin-left: 37px;
}
#slideMobile .block-title {
margin-top: 0;
}
}
#slideMobile .marker-list {
margin-top: 2px;
}
@media (min-width: 992px) {
.block.bg-1 {
padding: 112px 0 79px 0;
}
}
.position-relative {
position: relative;
}
.btn-add {
color: #fede00;
font-size: 14px;
font-weight: 500;
text-decoration: none;
display: inline-block;
}
.btn-top {
margin-top: 15px;
}
@media (max-width: 575px) {
.btn-add {
font-size: 12px;
}
.btn-add.btn-top {
margin-top: 7px;
}
}
.btn-add.active {
display: none;
}
.btn-add.active+br {
display: none;
}
@media (min-width: 1025px) {
.btn:not([data-action]).btn-wide {
padding-left: 53px;
padding-right: 53px;
}
}
.btn.btn-border:focus,
.btn.btn-border:active {
background-color: transparent;
}
.btn.btn-border.btn-invert {
border-color: #3a3a3a;
}
.btn:not([data-action]).btn-border {
border-width: 1px;
}
.btn:not([data-action]) {
padding: 17px 34px;
min-width: inherit;
text-transform: inherit;
font-size: 16px;
font-weight: 500;
}
@media (max-width: 991px) {
.btn:not([data-action]) {
font-size: 15px;
}
}
@media (max-width: 575px) {
.btn:not([data-action]) {
font-size: 12px;
padding: 8px 17px;
}
}
.btn:not([data-action]).btn-sm {
padding: 9px 33px 6px;
font-size: 16px;
}
.block.bg-1 .btn-add,
.block.bg-2 .btn-add,
.block.bg-3 .btn-add {
color: #fede00;
}
.section__text-background {
width: 100%;
position: absolute;
z-index: 0;
font-family: 'Poppins', sans-serif;
font-weight: 600;
line-height: 18px;
white-space: nowrap;
pointer-events: none;
}
.section__text-background.text-color01 {
color: #ffffff;
opacity: 0.02;
}
.section__text-background.text-color02 {
color: #232323;
opacity: 0.05;
}
.section__text-background.text-color03 {
color: #ffffff;
opacity: 0.02;
}
.section__text-background:not(.text-background__top):not(.text-background__center):not(.text-background__bottom02) {
left: 0;
bottom: -5px;
}
.section__text-background.text-background__top {
left: 0;
top: 0px;
}
.section__text-background.text-background__center {
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
@media (min-width: 992px) {
.section__text-background {
font-size: 180px;
}
}
@media (max-width: 991px) and (min-width: 576px) {
.section__text-background {
font-size: 140px;
}
}
@media (max-width: 575px) {
.section__text-background {
font-size: 108px;
}
.section__text-background:not(.text-background__top):not(.text-background__center):not(.text-background__bottom02) {
bottom: -20px;
}
}
.marker-list .list-hidden {
display: none;
}
@media (min-width: 768px) {
.show-onlymobile {
display: none;
}
}
@media (min-width: 992px) {
.show-tablet {
display: none !important;
}
}
@media (max-width: 767px) {
.hide-onlymobile {
display: none;
}
}
@media (max-width: 480px) {
.hide-mobile {
display: none !important;
}
}
@media (min-width: 481px) {
.show-mobile {
display: none !important;
}
}  .wrapper-parallax-left {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.wrapper-parallax-left .col-img {
width: 49%;
position: relative;
}
.wrapper-parallax-left .col-img img {
width: 100%;
height: auto;
}
.wrapper-parallax-left .col-img .parallax-img {
position: relative;
z-index: 1;
}
.wrapper-parallax-left .col-img .img-tablet {
display: none;
}
.wrapper-parallax-left .col-description {
width: 51%;
padding: 25px 0 0 80px;
}
.wrapper-parallax-left .tt-box-custom01 {
position: absolute;
bottom: -60px;
right: -34px;
z-index: 2;
width: 338px;
}
@media (max-width: 991px) {
.wrapper-parallax-left .tt-box-custom01 {
right: -28px;
bottom: -60px;
width: 287px;
}
.wrapper-parallax-left .col-img {
width: 35%;
}
.wrapper-parallax-left .col-img .parallax-img {
display: none;
}
.wrapper-parallax-left .col-img .img-tablet {
display: block;
}
.wrapper-parallax-left .col-description {
width: 65%;
padding-right: 15px;
}
.wrapper-parallax-left .marker-list-sm {
margin-bottom: -5px;
}
}
@media (max-width: 767px) {
.wrapper-parallax-left {
flex-wrap: wrap;
flex-direction: column;
}
.wrapper-parallax-left .col-img {
width: 100%;
}
.wrapper-parallax-left .col-img .img-tablet {
display: none;
}
.wrapper-parallax-left .col-img .parallax-img {
display: block;
}
.wrapper-parallax-left .col-img .parallax-img img {
max-width: calc(100% - 33px);
}
.wrapper-parallax-left .col-img .img-tablet {
display: none;
}
.wrapper-parallax-left .col-img .img-tablet img {
max-width: calc(100% - 33px);
}
.wrapper-parallax-left .col-description {
padding: 125px 0 0 0px;
width: inherit;
}
.wrapper-parallax-left .tt-box-custom01 {
position: absolute;
bottom: -60px;
right: 0px;
z-index: 2;
width: 338px;
}
}
@media (max-width: 575px) {
.wrapper-parallax-left .col-img .parallax-img {
display: none;
}
.wrapper-parallax-left .col-img .img-tablet {
display: block;
}
.wrapper-parallax-left .tt-box-custom01 {
width: 248px;
}
.wrapper-parallax-left .col-description {
padding: 99px 0 0 0px;
}
} .wrapper-parallax-left02 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.wrapper-parallax-left02 p {
line-height: 25px;
}
.wrapper-parallax-left02 .col-img {
width: 49%;
position: relative;
}
.wrapper-parallax-left02 .col-img img {
width: 100%;
height: auto;
}
.wrapper-parallax-left02 .col-description {
width: 51%;
padding: 25px 0 0 80px;
}
@media (max-width: 1200px) {
.wrapper-parallax-left02 .col-img {
width: 40%;
}
.wrapper-parallax-left02 .col-description {
width: 60%;
padding-right: 25px;
}
}
@media (max-width: 1024px) {
.wrapper-parallax-left02 .col-img {
width: 43%;
}
.wrapper-parallax-left02 .col-description {
width: 57%;
padding-left: 40px;
padding-top: 0;
margin-top: -11px;
}
}
@media (max-width: 767px) {
.wrapper-parallax-left02 {
flex-wrap: wrap;
flex-direction: column;
}
.wrapper-parallax-left02 .col-img {
width: 100%;
}
.wrapper-parallax-left02 .col-img img {
max-width: 450px;
}
.wrapper-parallax-left02 .col-description {
padding: 60px 0 0 0px;
width: inherit;
margin-top: 0;
}
}
@media (max-width: 575px) {
.wrapper-parallax-left02 .col-description {
padding: 50px 0 0 0px;
}
} .promo01 {
position: relative;
z-index: 2;
}
.promo01 .promo01-header {
background-color: #fede00;
text-align: center;
padding: 22px 15px 31px;
}
.promo01 .promo01-header .text-01 {
font-size: 16px;
line-height: 26px;
}
.promo01 .promo01-header .text-02 {
font-size: 60px;
line-height: 51px;
color: #ff4200;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: 7px;
letter-spacing: -0.04em;
}
.promo01 .promo01-header .text-02 span {
font-size: 40px;
}
.promo01 .promo01-header .text-03 {
font-size: 29px;
line-height: 28px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.promo01 .promo01-content {
position: relative;
text-align: center;
background: #2d2d2d url(//autoport.co.in/wp-content/themes/car-repair-services/images/promo01-bg01.png) 0 0 repeat-x;
padding: 46px 20px 46px;
}
.promo01 .promo01-content .icon-separator {
position: absolute;
top: -16px;
left: 22px;
fill: #ffffff;
}
.promo01 .promo01-content .icon-separator:after {
content: '';
display: block;
overflow: hidden;
background-color: #2d2d2d;
width: 28px;
height: 4px;
position: absolute;
top: 16px;
left: 0;
z-index: 1;
}
.promo01 .promo01-content .icon-separator .icon {
font-size: 35px;
color: #ffffff;
height: auto;
position: relative;
z-index: 2;
}
.promo01 .promo01-content .icon-separator .icon:before {
transform: rotate(90deg);
position: absolute;
}
.promo01 .promo01-content .text-01 {
font-size: 27px;
line-height: 28px;
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.promo01 .promo01-content .text-02 {
font-size: 16px;
line-height: 20px;
color: #fede00;
margin-top: 8px;
}
.promo01 .promo01-content .btn:not([data-action]) {
margin-top: 17px;
padding-left: 23px;
padding-right: 23px;
}
@media (max-width: 991px) {
.promo01 .promo01-content .icon-separator {
position: absolute;
top: -14px;
left: 22px;
}
.promo01 .promo01-content .icon-separator:after {
height: 15px;
top: 14px;
}
.promo01 .promo01-content .icon-separator .icon {
font-size: 30px;
}
.promo01 .promo01-header {
padding: 18px 10px 27px;
}
.promo01 .promo01-header .text-01 {
font-size: 15px;
line-height: 23px;
}
.promo01 .promo01-header .text-02 {
font-size: 52px;
line-height: 43px;
margin-top: 5px;
}
.promo01 .promo01-header .text-02 span {
font-size: 35px;
}
.promo01 .promo01-header .text-03 {
font-size: 24px;
line-height: 23px;
margin-top: 2px;
}
.promo01 .promo01-content {
padding: 39px 20px 40px;
}
.promo01 .promo01-content .text-01 {
font-size: 23px;
line-height: 23px;
}
.promo01 .promo01-content .text-02 {
font-size: 15px;
line-height: 17px;
margin-top: 7px;
}
.promo01 .promo01-content .btn:not([data-action]) {
margin-top: 15px;
padding: 12px 15px;
font-size: 15px;
}
}
@media (max-width: 575px) {
.promo01 .promo01-header {
padding: 15px 10px 23px;
}
.promo01 .promo01-header .text-01 {
font-size: 14px;
line-height: 20px;
}
.promo01 .promo01-header .text-02 {
font-size: 44px;
line-height: 37px;
}
.promo01 .promo01-header .text-03 {
font-size: 22px;
line-height: 20px;
}
.promo01 .promo01-content {
padding: 32px 10px 35px;
background: #2d2d2d;
}
.promo01 .promo01-content .icon-separator {
left: 16px;
top: -12px;
}
.promo01 .promo01-content .icon-separator>* {
width: 26px;
}
.promo01 .promo01-content .icon-separator:after {
top: 12px;
}
.promo01 .promo01-content .icon-separator .icon {
font-size: 25px;
}
.promo01 .promo01-content .text-01 {
font-size: 22px;
line-height: 20px;
}
.promo01 .promo01-content .text-02 {
font-size: 14px;
line-height: 15px;
}
.promo01 .promo01-content .btn:not([data-action]) {
margin-top: 15px;
padding: 8px 15px;
font-size: 12px;
}
}
.promo01.colors-cheme-02 .promo01-header {
background-color: #ffffff !important;
}
.promo01.colors-cheme-02 .promo01-content {
background: #ffffff url(//autoport.co.in/wp-content/themes/car-repair-services/images/promo01-bg03.png) 0 0 repeat-x;
}
.promo01.colors-cheme-02 .promo01-content .text-01 {
color: #3a3a3a;
}
.promo01.colors-cheme-02 .promo01-content .text-02 {
color: #5e5e5e !important;
}
.promo01.colors-cheme-02 .promo01-content .icon-separator:after {
background-color: #ffffff;
}
.promo01.colors-cheme-02 .promo01-content .icon-separator .icon {
color: #444444;
} .promo02 {
position: relative;
}
.promo02 .promo02__marker {
font-size: 400px;
font-weight: 400;
line-height: 1;
color: #fede00;
width: 28%;
height: 100%;
font-family: 'Poppins', sans-serif;
position: absolute;
top: -44px;
left: -14px;
z-index: 1;
}
.promo02 .promo02__content {
position: relative;
z-index: 2;
width: 72%;
float: right;
}
.promo02 .promo02__img {
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 307px;
}
.promo02 .promo02__img .promo02__description {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
padding: 25px 20px 20px 27px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-end;
transition: color 0.2s linear;
}
.promo02 .promo02__img .promo02__title {
font-size: 22px;
line-height: 29px;
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-weight: 600;
position: absolute;
text-transform: inherit;
padding: 0;
margin: 0;
text-align: left;
}
@media (max-width: 991px) {
.promo02 .promo02__marker {
font-size: 250px;
top: -23px;
width: 19%;
}
.promo02 .promo02__content {
width: 81%;
}
.promo02 .promo02__img {
height: 197px;
}
.promo02 .promo02__img .promo02__title {
font-size: 18px;
line-height: 25px;
}
.promo02 .promo02__img .promo02__description {
padding: 11px 11px 11px 20px;
}
}
@media (max-width: 767px) {
.promo02 .promo02__marker {
font-size: 246px;
top: -23px;
width: 19%;
}
.promo02 .promo02__content {
width: 81%;
}
.promo02 .promo02__img {
height: 188px;
}
.promo02 .promo02__img .promo02__title {
font-size: 14px;
line-height: 17px;
}
.promo02 .promo02__img .promo02__description {
padding: 11px 11px 11px 20px;
}
}
.js-promo02-carousel.slick-initialized .promo02 {
width: 320px;
display: inline-block;
}
.js-promo02-carousel.slick-initialized .slick-slide {
text-align: center;
}
@media (max-width: 480px) {
.js-promo02-carousel.slick-initialized .promo02 {
width: 270px;
}
}
.promo02-wrapper {
margin-top: -40px;
}
@media (min-width: 576px) {
.promo02-wrapper {
padding-left: 50px;
padding-right: 50px;
}
}
.promo02-wrapper .promo02 {
margin-top: 40px;
}
.btn:not([data-action]) {
position: relative;
padding: 20px 25px;
font-size: 14px;
line-height: 18px;
font-weight: 700;
height: auto;
border-radius: 0;
border: 0;
vertical-align: top;
-webkit-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;
-moz-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;
-ms-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;
-o-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;
text-decoration: none;
text-transform: uppercase;
min-width: 195px;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
.btn:not([data-action]).btn-border {
border: 2px solid #fede00;
background: transparent !important;
}
.btn:not([data-action]).btn-border {
border-width: 1px;
}
.btn:not([data-action]) {
padding: 17px 34px;
min-width: inherit;
text-transform: inherit;
font-size: 16px !important;
font-weight: 500;
}
@media (max-width: 991px) {
.btn:not([data-action]) {
font-size: 15px !important;
}
}
@media (max-width: 575px) {
.btn:not([data-action]) {
font-size: 12px !important;
padding: 8px 17px;
}
}
.btn:not([data-action]).btn-sm {
padding: 9px 33px 6px;
font-size: 16px;
}
.divider-lg {
clear: both;
height: 45px;
}
@media (max-width: 767px) {
.divider-lg {
height: 40px;
}
}
.divider-md {
clear: both;
height: 24px;
}
@media (min-width: 1400px) {
.col-w1500-3 {
width: 25%;
}
}
.section-bg-wrapper {
background-color: #2d2d2d;
} .section-blog {
padding: 120px 0 120px;
}
.section-blog .section__text-background {
margin-top: 212px;
}
.section-blog .item .item__img {
width: 178px;
margin: 0 auto;
position: relative;
}
.section-blog .item .item__img img {
width: 100%;
height: auto;
border-radius: 50%;
}
.section-blog .item .item__img .icon {
display: block;
width: 70px;
height: 70px;
background-color: #fede00;
color: #5e5e5e;
position: relative;
top: 19px;
left: -7px;
border-radius: 50%;
text-align: center;
}
.section-blog .item .item__img .icon:before {
content: "“";
font-size: 80px;
line-height: 1;
font-family: 'Poppins', sans-serif;
font-weight: 600;
position: relative;
top: 22px;
}
.section-blog .item .item__description,
.section-blog .item .item__autor {
margin-left: auto;
margin-right: auto;
max-width: 760px;
}
.section-blog .item .item__description {
font-size: 20px;
line-height: 28px;
margin-top: 27px;
color: #5e5e5e;
}
.section-blog .item .item__description p {
font-size: 20px;
line-height: 28px;
margin: 0;
color: #3a3a3a;
}
.section-blog .item .item__autor {
margin-top: 17px;
font-size: 15px;
color: #d4d4d4;
}
.section-blog .item .item__autor span {
font-size: 18px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.section-blog .slick-list {
margin-bottom: -7px;
overflow: unset;
}
@media (max-width: 991px) {
.section-blog.no-inner .item .item__img img {
margin-top: 12px;
}
}
@media (max-width: 991px) {
.section-blog {
padding: 55px 0 60px;
}
.section-blog .slick-slider.testimonials-carousel {
margin-bottom: 0;
margin-top: 0;
}
.section-blog .section__text-background {
margin-top: 125px;
}
.section-blog .item .item__img {
width: 131px;
}
.section-blog .item .item__img .icon {
width: 52px;
height: 52px;
top: -12px;
}
.section-blog .item .item__img .icon:before {
font-size: 58px;
top: 18px;
}
.section-blog .item .item__description,
.section-blog .item .item__autor {
max-width: 553px;
}
.section-blog .item .item__description p,
.section-blog .item .item__description {
font-size: 18px;
line-height: 25px;
}
.section-blog .item .item__autor {
margin-top: 11px;
font-size: 14px;
}
.section-blog .item .item__autor span {
font-size: 17px;
}
.section-blog .item .item__description {
margin-top: 22px;
}
}
@media (max-width: 575px) {
.section-blog {
padding: 33px 0 33px;
}
.section-blog .section__text-background {
margin-top: 97px;
}
.section-blog .item .item__img {
width: 107px;
}
.section-blog .item .item__img .icon {
width: 42px;
height: 42px;
top: -12px;
}
.section-blog .item .item__img .icon:before {
font-size: 48px;
top: 15px;
}
.section-blog .item .item__description,
.section-blog .item .item__autor {
max-width: 553px;
padding-left: 10px;
padding-right: 10px;
}
.section-blog .item .item__description p,
.section-blog .item .item__description {
font-size: 17px;
line-height: 23px;
}
.section-blog .item .item__autor {
margin-top: 11px;
font-size: 13px;
}
.section-blog .item .item__autor span {
font-size: 16px;
}
.section-blog .item .item__description {
margin-top: 13px;
}
}
.section-blog.section-blog__color02 .item .item__description p,
.section-blog.section-blog__color02 .item .item__description {
color: #ffffff;
}
.section-blog.no-inner {
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 767px) {
#mainSlider.slick-slider {
margin-bottom: 0;
}
}
.video-block {
position: relative;
display: inline-block;
}
.video-block .video-block__icon {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: stretch;
align-items: center;
top: 0;
fill: #ffffff;
}
.video-block .video-block__icon span {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: stretch;
align-items: center;
width: 99px;
height: 99px;
background-color: #fede00;
border-radius: 50%;
transition: background-color 0.2s linear;
}
.video-block .video-block__icon span>* {
width: 35px;
height: auto;
}
.video-block img {
max-width: 100%;
height: auto;
position: relative;
z-index: 1;
}
.video-block:hover .video-block__icon span {
background-color: #2d2d2d;
color: #ffffff;
}
@media (max-width: 767px) {
.video-block .video-block__icon span {
width: 80px;
height: 80px;
}
.video-block .video-block__icon span>* {
width: 30px;
margin-left: 3px;
}
}
@media (max-width: 575px) {
.video-block .video-block__icon span {
width: 68px;
height: 68px;
}
.video-block .video-block__icon span>* {
width: 26px;
margin-left: 3px;
}
}
.video-wrapper {
position: relative;
}
.video-wrapper .video-block__icon { display:none;
}
.video-wrapper .video-block__icon span {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: stretch;
align-items: center;
width: 99px;
height: 99px;
background-color: #fede00;
border-radius: 50%;
transition: background-color 0.2s linear;
}
.video-wrapper .video-block__icon span>* {
width: 35px;
height: auto;
}
.video-wrapper .video-block__icon:hover span {
background-color: #2d2d2d;
color: #ffffff;
}
.stat-box02-wrapper {
margin-top: -34px;
}
.stat-box02-wrapper .stat-box02 {
margin-top: 34px;
}
@media (max-width: 575px) {
.stat-box02-wrapper {
margin-top: -30px;
}
.stat-box02-wrapper .stat-box02 {
margin-top: 30px;
}
}
.stat-box02 {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: center;
align-items: center;
}
.stat-box02 .stat-box02__value {
font-size: 45px;
line-height: 65px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
color: #fede00;
position: relative;
padding: 0 22px 0 0;
}
.stat-box02 .stat-box02__value .number {
display: flex;
}
.stat-box02 .stat-box02__value .count {
font-size: 55px;
}
.stat-box02 .stat-box02__value:before {
content: '';
width: 3px;
height: 46px;
background-color: #fede00;
position: absolute;
top: 12px;
right: 0;
display: block;
}
.stat-box02 .stat-box02__value+.stat-box02__title {
margin-left: 15px;
}
.stat-box02 .stat-box02__title {
margin: 2px 0 0 0;
padding: 0;
text-align: left;
}
.stat-box02 .stat-box02__title>* {
color: #3a3a3a;
font-size: 20px;
line-height: 26px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
text-transform: inherit;
margin: 0;
padding: 0;
}
@media (max-width: 991px) {
.stat-box02 {
max-width: 270px;
margin-left: auto;
margin-right: auto;
}
.stat-box02 .stat-box02__value {
font-size: 40px;
line-height: 60px;
}
.stat-box02 .stat-box02__value .count {
font-size: 48px;
}
.stat-box02 .stat-box02__value:before {
top: 9px;
}
.stat-box02 .stat-box02__title>* {
font-size: 18px;
line-height: 24px;
}
}
@media (max-width: 767px) {
.stat-box02 .stat-box02__value {
min-width: 130px;
text-align: right;
}
}
@media (max-width: 575px) {
.stat-box02 .stat-box02__value {
font-size: 34px;
line-height: 45px;
position: relative;
padding-top: 9px;
}
.stat-box02 .stat-box02__value .count {
font-size: 44px;
}
.stat-box02 .stat-box02__title>* {
font-size: 17px;
line-height: 23px;
}
}
@media (min-width: 992px) {
.form-table .form-group-cell.sm {
width: 125px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.form-table .form-group {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.form-table .form-group.sm {
width: 100%;
}
.form-table .form-group.action {
text-align: center;
}
}
#pageContent .form-table>.form-group:last-child {
margin-bottom: 0;
}
@media (max-width: 575px) {
#pageContent .form-table .select-wrapper:before {
width: 44px;
height: 44px;
line-height: 44px;
}
}
@media (max-width: 575px) and (max-width: 575px) {
#pageContent .form-table .input-custom {
font-size: 14px;
height: 44px;
line-height: 13px;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
}
}
.btn.btn-border.btn-invert {
border-color: #3a3a3a !important;
}
.subtitle {
font-weight: 600;
font-size: 22px;
line-height: 34px;
font-family: 'Poppins', sans-serif;
color: #3a3a3a;
margin: 0;
padding: 0 0 10px 0;
}
.card01-wrapper .item {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}
.card01-wrapper .slick-list {
margin-bottom: -15px;
}
.card01 .card01__img {
position: relative;
}
.card01 .card01__img img {
width: 100%;
max-width: 100%;
height: auto;
}
.card01 .card01__title {
font-size: 22px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
text-align: center;
margin: 0;
padding: 0;
}
.card01 .card01__title a {
text-decoration: none;
color: #444444;
transition: color 0.2s linear;
}
.card01 .card01__title a:hover {
color: #fede00;
}
.card01 .card01__description {
font-size: 16px;
line-height: 24px;
text-align: center;
margin-top: 7px;
}
.card01 .card01__social-icon {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: center;
position: absolute;
bottom: 30px;
left: 50%;
margin-right: -50%;
transform: translateX(-50%);
list-style: none;
padding: 0;
}
.card01 .card01__social-icon li {
margin-left: 3px;
margin-right: 3px;
}
.card01 .card01__social-icon li a {
text-decoration: none;
font-size: 16px;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
color: #444444;
background: #ffffff;
border-radius: 50%;
display: inline-block;
transition: background-color 0.2s linear, color 0.2s linear;
}
.card01 .card01__social-icon li a:hover {
background-color: #fede00;
color: #ffffff;
}
.card01 .card01__wrapper {
position: relative;
background-color: #f9f9f9;
transition: background-color 0.2s linear, box-shadow 0.2s linear;
padding: 35px 10px 32px;
-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.07);
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.07);
}
.card01 .card01__wrapper:before {
content: '';
display: block;
position: absolute;
bottom: 0px;
width: 0%;
height: 4px;
margin: auto;
left: 0;
right: 0;
background-color: #fede00;
transition: width 0.2s linear;
}
.card01:hover .card01__wrapper {
background-color: #ffffff;
}
.card01:hover .card01__wrapper:before {
width: 100%;
}
.slick-center .card01 .card01__wrapper {
background-color: #ffffff;
}
.slick-center .card01 .card01__wrapper:before {
width: 100%;
}
.bg-custom-01 {
padding: 70px 10px 60px;
background-size: cover;
}
@media (max-width: 991px) {
.bg-custom-01 {
padding: 45px 0 30px;
}
}
@media (max-width: 767px) {
.bg-custom-01 {
padding: 35px 0 20px;
}
}
@media (min-width: 1025px) {
.bg-custom-01 {
background-attachment: fixed;
}
} .style-theme-01 {
color: #ffffff;
}
.style-theme-01 h1,
.style-theme-01 h2.h-lg {
color: #ffffff;
}
.style-theme-01 .h-phone {
color: #ffffff;
}
.services-item-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: stretch;
background-color: #272727;
color: #cacaca;
}
.services-item-wrapper .services-item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: stretch;
padding: 69px 70px 69px 50px;
}
.services-item-wrapper .services-bg-01 {
background-color: #343434;
}
.services-item-wrapper .services-bg-02 {
background-color: #404040;
}
.services-item-wrapper .services-bg-03 {
background-color: #4b4b4b;
}
.services-item-wrapper .btn-top {
margin-top: 11px;
}
.services-item-wrapper .section__text-background {
bottom: 45px !important;
}
@media (max-width: 1600px) {
.services-item-wrapper .services-item {
padding: 59px 40px 59px;
}
}
@media (max-width: 1199px) {
.services-item-wrapper .services-item {
padding: 49px 30px 49px;
}
}
@media (min-width: 1025px) {
.services-item-wrapper .services-item {
flex: 0 0 25%;
max-width: 25%;
}
}
@media (max-width: 1024px) {
.services-item-wrapper .services-item {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 575px) {
.services-item-wrapper .services-item {
flex: 0 0 100%;
max-width: 100%;
}
}
.services-box {
font-size: 16px;
line-height: 25px;
}
.services-box .services-box__icon {
color: #fede00;
font-size: 62px;
}
.services-box .services-box__title {
font-size: 22px;
line-height: 32px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
margin: 31px 0 0 0;
padding: 0 0 10px 0;
}
.services-box .services-box__title+* {
margin-top: 0;
}
.services-box> :nth-child(1) {
margin-top: 0;
}
.services-box> :last-child {
margin-bottom: 0;
}
@media (max-width: 1199px) {
.services-box .services-box__icon {
font-size: 47px;
}
.services-box .services-box__title {
font-size: 20px;
line-height: 30px;
margin: 21px 0 0 0;
}
}
.services-title {
position: relative;
padding-bottom: 34px;
}
.services-title .services-title__title {
font-weight: 600;
font-family: 'Poppins', sans-serif;
font-size: 44px;
line-height: 50px;
color: #ffffff;
padding: 0;
margin: 0;
}
.services-title .services-title__description {
font-size: 16px;
line-height: 26px;
}
.services-title .title-separator {
width: 46px;
height: 3px;
background-color: #fede00;
position: relative;
display: inline-block;
margin: 0 auto;
top: 1px;
}
.services-title .title-separator:before,
.services-title .title-separator:after {
content: '';
width: 3px;
height: 3px;
background-color: #fede00;
display: inline-block;
position: absolute;
}
.services-title .title-separator:before {
right: -5px;
}
.services-title .title-separator:after {
right: -10px;
}
.services-title> :nth-child(1) {
margin-top: 0;
}
@media (max-width: 1600px) {
.services-title .services-title__title {
font-size: 34px;
line-height: 40px;
}
}
@media (max-width: 1199px) {
.services-title {
padding-bottom: 24px;
}
.services-title .services-title__title {
font-size: 28px;
line-height: 35px;
}
}
.container-fluid.no-gutters {
padding-left: 0;
padding-right: 0;
}
.popup-img {
display: block;
}
.popup-img img {
width: 100%;
height: auto;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.2s linear;
}
.popup-img:hover img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
} .tab-content {
padding: 0;
}
.services-block-alt {
position: relative;
transition: background-color 0.2s linear, box-shadow 0.2s linear;
}
.services-block-alt:before {
content: '';
display: block;
position: absolute;
bottom: 0px;
width: 0%;
height: 4px;
margin: auto;
left: 0;
right: 0;
background-color: #fede00;
transition: width 0.2s linear;
z-index: 2;
}
.services-block-alt .caption {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
height: 185px;
background-color: #eeeeee;
padding: 13px 30px 15px;
color: #5e5e5e;
font-size: 16px;
line-height: 25px;
transition: background-color 0.2s linear;
}
.services-block-alt .caption .title {
font-size: 27px;
line-height: 35px;
text-transform: capitalize;
color: #3a3a3a;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.services-block-alt .caption .title a {
text-decoration: none;
color: #3a3a3a;
transition: color 0.2s linear;
}
.services-block-alt .caption .title a:hover {
color: #fede00;
}
.services-block-alt:hover {
box-shadow: 0 6px 35px rgba(0, 0, 0, 0.07);
}
.services-block-alt:hover:before {
width: 100%;
}
.services-block-alt:hover .caption {
background-color: #ffffff;
}
@media (max-width: 1024px) {
.services-block-alt .caption {
font-size: 14px;
line-height: 23px;
}
.services-block-alt .caption .title {
font-size: 23px;
line-height: 31px;
}
}
@media (max-width: 767px) {
.services-block-alt .caption {
font-size: 14px;
line-height: 23px;
padding: 13px 15px 15px;
}
.services-block-alt .caption .title {
font-size: 21px;
line-height: 29px;
}
}
.tab-services .tab-content .tab-pane {
padding-top: 0;
}
.tab-services .tab-pane {
padding: 0;
}
@media (min-width: 992px) {
.tab-services {
margin-top: -50px;
}
.tab-services .services-block-alt {
margin-top: 50px;
}
}
@media (max-width: 991px) {
.tab-services {
margin-top: -30px;
}
.tab-services .services-block-alt {
margin-top: 30px;
}
}
@media (max-width: 479px) {
.tab-services .tab-content .tab-pane {
padding-top: 0;
}
}
.nav-pills {
margin: 24px 0 -33px;
}
.nav-pills>li>a {
border-color: transparent;
font-size: 16px;
font-weight: 500;
min-width: inherit;
padding-left: 8px;
padding-right: 8px;
display: inline;
}
.nav-pills>li>a .icon {
font-size: 11px;
color: #3a4a4a;
position: relative;
top: -1px;
}
.nav-pills>li>.current,
.nav-pills>li>a:hover {
background-color: transparent;
color: #fede00;
}
.nav-pills>li>a:hover .icon {
color: #fede00;
}
.nav-pills>li.active {
background-color: transparent;
}
.nav-pills>li.active>a {
color: #fede00 !important;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
background-color: transparent;
border-color: transparent;
}
@media (max-width: 575px) {
.nav-pills>li>a {
line-height: 35px;
}
}
.pagination {
margin: 36px 0 -30px !important;
}
.pagination>li {
outline: none;
}
.pagination>li>span,
.pagination>li>a {
border-color: transparent;
font-size: 16px;
font-weight: 500;
min-width: inherit;
padding-left: 10px;
padding-right: 10px;
outline: none;
border: none;
}
.pagination>li>a .icon {
font-size: 11px;
color: #3a4a4a;
position: relative;
top: -1px;
}
.pagination>li>span:hover,
.pagination>li>a:hover {
background-color: transparent;
color: #fede00;
border-color: transparent;
}
.pagination>li>a:hover .icon {
color: #fede00;
}
.pagination>li>a:hover span {
background-color: transparent;
}
.pagination>li.active {
background-color: transparent;
}
.pagination>li.active>a {
color: #fede00 !important;
}
.pagination>li.active>a,
.pagination>li.active>a:active,
.pagination>li.active>a:focus,
.pagination>li.active>a:hover {
background-color: transparent;
border-color: transparent;
}
.pagination>li.active>a span,
.pagination>li.active>a:active span,
.pagination>li.active>a:focus span,
.pagination>li.active>a:hover span {
background-color: transparent;
border-color: transparent;
}
.pagination-wrapper {
border-top: 1px solid #ededed;
margin-top: 42px;
} .table-01-wrapper {
overflow-x: auto;
overflow-y: hidden;
}
.table-01 {
min-width: 400px;
width: 100%;
border: none;
}
.table-01 thead tr td,
.table-01 tbody tr td,
.table-01 thead tr th,
.table-01 tbody tr th {
font-size: 16px;
line-height: 24px;
text-align: left;
border: none;
}
.table-01 thead tr td:nth-child(1),
.table-01 tbody tr td:nth-child(1),
.table-01 thead tr th:nth-child(1),
.table-01 tbody tr th:nth-child(1) {
width: 49%;
padding-left: 38px;
padding-right: 25px;
}
.table-01 thead tr td:nth-child(2),
.table-01 tbody tr td:nth-child(2),
.table-01 thead tr th:nth-child(2),
.table-01 tbody tr th:nth-child(2) {
width: 30%;
}
.table-01 thead tr td:nth-child(3),
.table-01 tbody tr td:nth-child(3),
.table-01 thead tr th:nth-child(3),
.table-01 tbody tr th:nth-child(3) {
width: 21%;
padding-left: 38px;
padding-right: 38px;
}
.table-01 thead tr {
background-color: #f5f5f5;
}
.table-01 thead tr th {
font-weight: 500;
text-align: left;
padding-top: 24px;
padding-bottom: 22px;
}
.table-01 thead tr th:last-child {
background-color: #eaeaea;
}
.table-01 tbody tr:not(:last-child) {
border-bottom: 1px solid #ebebeb;
}
.table-01 tbody tr td {
text-align: left;
padding-top: 13px;
padding-bottom: 11px;
color: #5e5e5e;
}
.table-01 tbody tr td:last-child {
background-color: #f3f3f3;
color: #3a3a3a;
}
@media (max-width: 1200px) {
.table-01 thead tr td:nth-child(3),
.table-01 tbody tr td:nth-child(3),
.table-01 thead tr th:nth-child(3),
.table-01 tbody tr th:nth-child(3) {
width: 21%;
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 991px) {
.table-01 thead tr td,
.table-01 tbody tr td,
.table-01 thead tr th,
.table-01 tbody tr th {
font-size: 14px;
line-height: 19px;
}
.table-01 thead tr td:nth-child(1),
.table-01 tbody tr td:nth-child(1),
.table-01 thead tr th:nth-child(1),
.table-01 tbody tr th:nth-child(1) {
width: 45%;
padding-left: 20px;
padding-right: 20px;
}
.table-01 thead tr td:nth-child(2),
.table-01 tbody tr td:nth-child(2),
.table-01 thead tr th:nth-child(2),
.table-01 tbody tr th:nth-child(2) {
width: 30%;
}
.table-01 thead tr td:nth-child(3),
.table-01 tbody tr td:nth-child(3),
.table-01 thead tr th:nth-child(3),
.table-01 tbody tr th:nth-child(3) {
width: 25%;
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 767px) {
.table-01 thead tr td:nth-child(1),
.table-01 tbody tr td:nth-child(1),
.table-01 thead tr th:nth-child(1),
.table-01 tbody tr th:nth-child(1) {
width: 38%;
padding-left: 15px;
padding-right: 15px;
}
.table-01 thead tr td:nth-child(2),
.table-01 tbody tr td:nth-child(2),
.table-01 thead tr th:nth-child(2),
.table-01 tbody tr th:nth-child(2) {
width: 23%;
}
.table-01 thead tr td:nth-child(3),
.table-01 tbody tr td:nth-child(3),
.table-01 thead tr th:nth-child(3),
.table-01 tbody tr th:nth-child(3) {
width: 34%;
padding-left: 15px;
padding-right: 15px;
}
}
.text-icon-sm {
display: block;
border: none;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05) !important;
padding: 0 15px 43px;
text-decoration: none;
max-width: 400px;
}
.text-icon-sm .title {
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 27px;
}
.text-icon-sm .icon-wrapper>span i {
font-size: 34px;
}
.text-icon-sm .title {
margin-top: 25px;
padding-bottom: 15px;
}
.text-icon-sm p {
margin: 0 auto;
font-size: 16px;
line-height: 25px;
max-width: 233px;
}
@media (max-width: 991px) {
.text-icon-sm .title {
font-size: 24px;
}
}
@media (max-width: 767px) {
.text-icon-sm .title {
font-size: 22px;
}
.text-icon-sm p {
font-size: 14px;
line-height: 22px;
}
}
@media (min-width: 1025px) {
.content-top-lg {
margin-top: 25px;
}
}
.content-top {
margin-top: 15px;
} .block-aside .block-aside__title {
font-weight: 600;
font-family: 'Poppins', sans-serif;
font-size: 22px;
margin: 0;
padding-bottom: 26px;
}
.block-aside.block-aside__wrapper {
background-color: #ffffff;
padding: 40px 0 40px 0;
box-shadow: 0 6px 35px rgba(0, 0, 0, 0.07);
}
.block-aside.block-aside__wrapper .block-aside__title {
padding-left: 40px;
padding-right: 40px;
margin: -4px 0 0 0;
}
.block-aside.block-aside__wrapper .block-aside__content:not(.no-indent) {
padding: 0 40px 40px;
}
@media (max-width: 991px) {
.block-aside.block-aside__wrapper .block-aside__title {
padding-left: 20px;
padding-right: 20px;
}
.block-aside.block-aside__wrapper .block-aside__content:not(.no-indent) {
padding: 0 20px 40px;
}
}
@media (min-width: 992px) {
.block-aside-wrapper {
padding-right: 19px;
}
.block-aside-wrapper .block-aside:not(:first-child) {
margin-top: 50px;
}
}
@media (max-width: 991px) {
.block-aside-wrapper .block-aside:not(:first-child) {
margin-top: 40px;
}
}
.nav-aside ul {
list-style: none;
margin: -20px 0 -20px 0;
padding: 0;
}
.nav-aside ul li {
padding: 0 10px 0 40px;
position: relative;
}
.nav-aside ul li a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
text-decoration: none;
font-size: 16px;
line-height: 20px;
padding: 20px 0 20px 0;
}
.nav-aside ul li a:before {
content: '';
width: 0px;
height: 100%;
background-color: #fede00;
position: absolute;
top: 0;
left: 0;
transition: width 0.2s linear;
}
.nav-aside ul li a .nav-aside__icon {
font-size: 19px;
color: #3a3a3a;
min-width: 42px;
}
.nav-aside ul li a .nav-aside_text {
color: #5e5e5e;
flex: 2 1 auto;
}
.nav-aside ul li.current a:before,
.nav-aside ul li a:hover:before {
width: 5px;
}
.nav-aside ul li:not(:last-child) {
border-bottom: 1px solid #f7f7f7;
}
.nav-aside ul li.active a:before {
width: 5px;
}
@media (max-width: 991px) {
.nav-aside ul li {
padding: 0 10px 0 30px;
}
} .address-info .address-info__item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.address-info .address-info__item:not(:first-child) {
margin-top: 12px;
}
.address-info .address-info__icon {
color: #fede00;
font-size: 20px;
min-width: 24px;
width: 24px;
position: relative;
top: 1px;
}
.address-info .address-info__icon+.address-info__content {
margin-left: 14px;
}
.address-info .address-info__content address {
font-size: 16px;
line-height: 25px;
padding: 0;
margin: 0;
}
.address-info .address-info__content address strong {
display: block;
padding-bottom: 3px;
}
.address-info .address-info__content address a {
text-decoration: none;
color: #5e5e5e;
transition: color 0.2s linear;
}
.address-info .address-info__content address a:hover {
color: #fede00;
}  .form-default {
margin: 0; }
.form-default .form-control {
background: #f7f7f7;
color: #8d8d8d;
font-size: 16px;
line-height: 25px;
border: none;
padding: 13px 12px 12px 18px;
outline: none;
font-family: 'Roboto', sans-serif;
font-weight: 400;
border-radius: 0;
transition: all 0.2;
box-shadow: none;
}
.form-default .form-control:not(textarea) {
height: 50px;
}
.form-default input.form-control,
.form-default textarea.form-control {
-webkit-appearance: none;
}
.form-default textarea.form-control {
padding-top: 8px;
}
.form-default select.form-control {
padding: 10px 12px 11px 15px;
cursor: pointer;
color: #8d8d8d;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form-default select.form-control:not([size]):not([multiple]) {
height: auto;
}
.form-default .form-control:focus {
background: #f7f7f7;
}
.form-default .select-wrapper select {
background: #f7f7f7;
color: #8d8d8d;
border: none;
box-shadow: none;
}
.form-default .select-wrapper:before {
width: 44px;
height: 50px;
color: #444444;
background: transparent;
}
.form-default .form-group {
margin-bottom: 10px;
}
.form-default ::-webkit-input-placeholder {
color: #8d8d8d;
}
.form-default ::-moz-placeholder {
color: #8d8d8d;
}
.form-default :-moz-placeholder {
color: #8d8d8d;
}
.form-default :-ms-input-placeholder {
color: #8d8d8d;
}
.form-default ::-moz-placeholder,
.form-default :-moz-placeholder {
opacity: 1;
}
.form-default input:focus::-webkit-input-placeholder {
color: transparent;
}
.form-default input:focus:-moz-placeholder {
color: transparent;
}
.form-default input:focus::-moz-placeholder {
color: transparent;
}
.form-default input:focus:-ms-input-placeholder {
color: transparent;
}
.form-default textarea:focus::-webkit-input-placeholder {
color: transparent;
}
.form-default textarea:focus:-moz-placeholder {
color: transparent;
}
.form-default textarea:focus::-moz-placeholder {
color: transparent;
}
.form-default textarea:focus:-ms-input-placeholder {
color: transparent;
}
@media (max-width: 575px) {
.form-default .form-control {
font-size: 14px;
line-height: 25px;
padding: 13px 12px 12px 18px;
}
.form-default .form-control:not(textarea) {
height: 44px;
}
} .blog-post {
border-bottom: 1px solid #ededed;
}
.blog-post .post-image {
margin-bottom: 25px;
}
.blog-post .post-image .post-link {
font-size: 22px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
display: inline-block;
}
.blog-post .post-image .post-link .icon {
width: 77px;
height: 77px;
background-color: #fede00;
display: inline-block;
border-radius: 50%;
}
.blog-post .post-image .post-link .icon * {
width: 32px;
height: auto;
fill: #ffffff;
position: relative;
top: 22px;
}
.blog-post .post-image .post-link .post-link__text {
display: block;
margin-top: 23px;
text-align: center;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
@media (max-width: 575px) {
.blog-post .post-image .post-link .icon {
width: 68px;
height: 68px;
}
.blog-post .post-image .post-link .icon * {
width: 26px;
}
.blog-post .post-image .post-link .post-link__text {
font-size: 18px;
margin-top: 15px;
}
}
.blog-post .post-meta {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: center;
margin-bottom: 17px;
}
.blog-post .post-meta li {
color: #878787;
font-size: 15px;
}
.blog-post .post-meta li span {
color: #3a3a3a;
}
.blog-post .post-meta li.author {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: center;
}
.blog-post .post-meta li.author .author__img {
border-radius: 50%;
overflow: hidden;
width: 40px;
}
.blog-post .post-meta li.author .author__img img {
width: 100%;
height: auto;
}
.blog-post .post-meta li.author .author__img+.author__text {
margin-left: 10px;
}
.blog-post .post-meta li.author .author__text {
font-size: 15px;
line-height: 25px;
color: #fede00;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.blog-post .post-title {
font-size: 27px;
line-height: 37px;
color: #3a3a3a;
margin-bottom: 21px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
max-width: inherit;
}
.blog-post .post-title a {
color: #3a3a3a;
text-decoration: none;
}
.blog-post .post-title a:hover {
color: #3a3a3a;
}
.blog-post .post-teaser {
margin-bottom: 27px;
}
@media (min-width: 768px) {
.blog-post {
padding: 0 0 60px 0;
margin-bottom: 60px;
}
}
@media (max-width: 767px) {
.blog-post {
padding: 0 0 40px 0;
margin-bottom: 40px;
}
.blog-post .post-title {
font-size: 22px;
line-height: 32px;
}
}
.blog-post .post-meta li i.icon,
.blog-post .post-meta li span {
vertical-align: inherit;
}
.link-video-post {
position: absolute;
display: inline-block;
width: 100%;
height: 100%;
z-index: 7;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: stretch;
align-items: center;
text-decoration: none;
top: 0;
}
.link-video-post .icon {
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
width: 99px;
height: 99px;
line-height: 1;
font-size: 35px;
background-color: #fede00;
color: #ffffff;
display: inline-block;
border-radius: 50%;
text-align: center;
}
.link-video-post .icon:before {
position: relative;
top: 32px;
}
@media (max-width: 575px) {
.link-video-post .icon {
width: 68px;
height: 68px;
font-size: 27px;
}
.link-video-post .icon:before {
top: 22px;
margin-left: 3px;
}
}
.column-wrapper-right .side-block {
margin-bottom: 30px;
border: none;
background-color: #ffffff;
box-shadow: 0 6px 35px rgba(0, 0, 0, 0.07);
}
.column-wrapper-right .side-block h3 {
font-size: 22px;
line-height: 32px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.column-wrapper-right .side-block .form-group:first-child:last-child {
margin-bottom: 0 !important;
}
.column-wrapper-right .side-block .category-list {
margin-top: 0;
}
@media (min-width: 991px) {
.column-wrapper-right .side-block {
padding: 35px 40px;
}
}
@media (max-width: 990px) {
.column-wrapper-right .side-block {
padding: 20px;
}
}
.column-wrapper-right {
max-width: 400px;
}
@media (min-width: 992px) {
.column-wrapper-right {
padding-left: 19px;
}
}
@media (max-width: 991px) {
.column-wrapper-right {
padding-bottom: 30px;
}
}
@media (max-width: 575px) {
.column-wrapper-right {
padding-bottom: 20px;
}
}
.side-search .form-group {
position: relative;
}
.side-search .form-group .btn-custom {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 100%;
background: none;
border: none;
outline: none;
padding: 6px 5px 5px;
}
.side-search .form-group .btn-custom .icon {
color: #3a3a3a;
transition: color 0.2s linear;
}
.side-search .form-group .btn-custom:hover .icon {
color: #fede00;
}
@media (min-width: 576px) {
.side-post-wrapper .side-post:not(:first-child) {
margin-top: 30px;
}
}
@media (max-width: 575px) {
.side-post-wrapper .side-post:not(:first-child) {
margin-top: 20px;
}
}
.side-post {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: center;
text-decoration: none;
}
.side-post .side-post__img {
width: 92px;
min-width: 92px;
}
.side-post .side-post__img img {
width: 100%;
height: auto;
}
.side-post .side-post__img+.side-post__content {
margin-left: 20px;
}
.side-post .side-post__content .side-post__title {
font-size: 15px;
line-height: 20px;
color: #3a3a3a;
margin: 0;
padding-bottom: 10px;
transition: color 0.2s linear;
}
.side-post .side-post__content .side-post__meta {
color: #878787;
font-size: 15px;
}
.side-post:hover .side-post__content .side-post__title {
color: #fede00;
} .blog-post.single {
padding-bottom: 47px;
margin-bottom: 60px;
}
.blog-post.single .post-title {
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
@media (min-width: 1200px) {
.blog-post.single .post-title {
font-size: 44px;
line-height: 50px;
}
}
@media (max-width: 1199px) {
.blog-post.single .post-title {
font-size: 40px;
line-height: 46px;
}
}
@media (max-width: 991px) {
.blog-post.single .post-title {
font-size: 36px;
line-height: 46px;
}
}
@media (max-width: 767px) {
.blog-post.single .post-title {
font-size: 32px;
line-height: 42px;
}
}
@media (max-width: 575px) {
.blog-post.single .post-title {
font-size: 27px;
line-height: 37px;
}
}
.blog-post.single .post-title-sub {
font-size: 27px;
line-height: 37px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
margin: 0;
padding: 0 0 20px 0;
}
.blog-post.single p+.post-title-sub {
margin-top: 35px;
}
.single-content-footer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: center;
align-items: center;
}
.social-box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: center;
position: relative;
top: 7px;
}
.social-box .social-box__title {
font-size: 16px;
margin-right: 10px;
position: relative;
top: 2px;
}
.social-box .social-box__list ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.social-box .social-box__list ul li {
margin: 0 7px;
}
.social-box .social-box__list ul li a {
font-size: 15px;
color: #444444;
transition: color 0.2s linear;
text-decoration: none;
padding: 10px 5px;
display: inline-block;
}
.social-box .social-box__list ul li a:hover {
color: #fede00;
}
.social-box .social-box__list ul li:last-child {
margin-right: 0;
}
.social-box .social-box__list ul li:first-child {
margin-left: 0;
}
.single-nav-post {
display: flex;
flex-direction: row;
flex-wrap: no-wrap;
justify-content: space-between;
align-content: center;
align-items: center;
}
.single-nav-post .btn-next .nav-post__content {
text-align: right;
}
.nav-post-btn {
max-width: 315px;
text-decoration: none;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.nav-post-btn .btn-prev {
padding-right: 10px;
}
.nav-post-btn .btn-next {
padding-left: 10px;
}
.nav-post-btn .nav-post__img {
width: 91px;
min-width: 91px;
overflow: hidden;
}
.nav-post-btn .nav-post__img img {
width: 100%;
height: auto;
}
.nav-post-btn .nav-post__content {
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.nav-post-btn .nav-post__content .nav-post__title {
font-weight: 600;
}
.nav-post-btn .nav-post__tag {
position: relative;
color: #fede00;
transition: color 0.2s linear;
font-size: 15px;
display: inline-block;
}
.nav-post-btn .nav-post__tag:before {
content: '';
display: block;
position: absolute;
bottom: 2px;
width: 0%;
height: 2px;
margin: auto;
left: 0;
right: 0;
background-color: #fede00;
transition: width 0.2s linear;
}
.nav-post-btn:hover .nav-post__tag:before {
width: 100%;
}
@media (min-width: 768px) {
.nav-post-btn .nav-post__img+.nav-post__content {
margin-left: 20px;
}
.nav-post-btn .nav-post__content+.nav-post__img {
margin-left: 20px;
}
}
@media (max-width: 767px) {
.nav-post-btn .nav-post__title,
.nav-post-btn .nav-post__tag {
font-size: 14px;
}
.nav-post-btn .nav-post__img {
display: none;
}
}
@media (max-width: 575px) {
.nav-post-btn .nav-post__title,
.nav-post-btn .nav-post__tag {
font-size: 12px;
}
}
.social-icon {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
list-style: none;
margin: -5px 0 0 0;
padding: 0;
}
.social-icon li a {
text-decoration: none;
padding: 5px;
display: inline-block;
color: #444444;
transition: color 0.2s linear;
}
.social-icon li a:hover {
color: #fede00;
}
.social-icon li:not(:first-child):not(:last-child) {
margin-left: 8px;
margin-right: 8px;
}
.social-icon li:first-child {
margin-right: 8px;
}
.social-icon li:first-child a {
padding-left: 0;
}
.social-icon li:last-child {
margin-left: 8px;
}
.social-icon li:last-child a {
padding-right: 0;
}
.box-info {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
border: 3px solid #fede00;
padding: 40px;
}
.box-info .box-info__img {
width: 111px;
min-width: 111px;
border-radius: 50%;
overflow: hidden;
}
.box-info .box-info__img img {
width: 100%;
height: auto;
}
.box-info .box-info__img+.box-info__content {
margin-left: 26px;
}
.box-info .box-info__title {
font-size: 15px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #3a3a3a;
}
@media (max-width: 767px) {
.box-info {
padding: 30px;
}
.box-info .box-info__img {
width: 90px;
min-width: 90px;
}
}
@media (max-width: 400px) {
.box-info {
flex-wrap: wrap;
}
.box-info .box-info__img+.box-info__content {
margin: 30px 0 0 0;
}
.box-info .box-info__content {
margin: 30px 0 0 0;
}
}
.comments .comments__title {
font-size: 22px;
line-height: 32px;
color: #444444;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.comments .comment {
position: relative;
margin-bottom: 30px;
}
.comments .comment:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
pointer-events: none;
background-color: #ededed;
}
.comments .comment .comment:before {
top: 0;
}
.comments .comment .comment {
margin-left: 0px;
margin-bottom: 0px;
padding-top: 30px;
}
.comments .comment .comment .text .meta a {
top: 35px;
}
@media (min-width: 1200px) {
.comments .comment .comment {
padding-left: 80px;
}
}
.comments .comment .userpic {
height: inherit;
width: 89px;
}
.comments .comment .userpic img {
width: 100%;
height: auto;
border-radius: 50%;
}
.comments .comment .text p {
font-style: normal;
color: #5e5e5e;
font-size: 16px;
line-height: 25px;
}
.comments .comment .text .meta {
padding-bottom: 2px;
}
.comments .comment .text .meta b {
font-family: 'Poppins', sans-serif;
color: #fede00;
font-size: 15px;
font-weight: 600;
}
.comments .comment .text .meta a {
font-weight: 500;
font-size: 16px;
color: #3a3a3a;
border: 1px solid #444444;
text-decoration: none;
position: absolute;
right: 0;
top: 5px;
padding: 4px 15px 2px;
transition: all 0.2s linear;
}
.comments .comment .text .meta a:hover {
border-color: #fede00;
color: #fede00;
}
.comments .comment .text .date {
margin-bottom: 12px;
}
.comments .comment .text .date i.icon,
.comments .comment .text .date span {
color: #878787;
font-size: 15px;
}
.comments .comment.replay {
margin-left: 0;
}
@media (min-width: 1200px) {
.comments .comment.replay {
padding-left: 80px;
}
}
@media (max-width: 1199px) {
.comments .comment.replay {
padding-left: 60px;
}
.comments .comment .userpic {
width: 60px;
}
}
@media (max-width: 991px) {
.comments .comment.replay {
padding-left: 40px;
}
}
@media (max-width: 575px) {
.comments .comment .text {
padding-top: 5px;
}
.comments .comment .text .meta a {
position: relative;
top: 0px;
margin-left: 10px;
}
}
#pageContent .form-group {
margin-bottom: 30px;
}
@media (max-width: 575px) {
#pageContent .form-group {
margin-bottom: 15px;
}
}
.column-center {
margin-bottom: 121px;
}
@media (max-width: 991px) {
.column-center {
margin-bottom: 60px;
}
} .filters-by-category ul {
margin-top: -20px;
}
.filters-by-category ul li {
margin-left: 10px;
margin-right: 10px;
margin-top: 20px;
}
.filters-by-category ul li a {
font-family: 'Roboto', sans-serif;
background-color: #f5f5f5;
color: #5e5e5e;
font-size: 16px;
padding: 15px 45px;
text-transform: capitalize;
}
.filters-by-category ul li a:before {
display: none;
}
.filters-by-category ul li a:after {
content: '';
display: block;
position: absolute;
bottom: 0px;
width: 0%;
height: 5px;
margin: auto;
left: 0;
right: 0;
background-color: #fede00;
transition: width 0.2s linear;
}
.filters-by-category ul li a:hover {
background-color: #ffffff;
box-shadow: 0 6px 35px rgba(0, 0, 0, 0.07);
}
.filters-by-category ul li a:hover:after {
width: 100%;
}
.filters-by-category ul li a.selected {
background-color: #ffffff;
box-shadow: 0 6px 35px rgba(0, 0, 0, 0.07);
}
.filters-by-category ul li a.selected:after {
width: 100%;
}
@media (max-width: 1199px) {
.filters-by-category ul li a {
padding-left: 35px;
padding-right: 35px;
}
}
@media (max-width: 991px) {
.filters-by-category ul {
margin-bottom: 40px;
}
.filters-by-category ul li a {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 767px) {
.filters-by-category ul {
margin-top: -5px;
margin-bottom: 20px;
}
.filters-by-category ul li {
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
}
.filters-by-category ul li a {
padding-left: 15px;
padding-right: 15px;
}
}
.gallery-item img {
width: 100%;
height: auto;
}
.gallery-item .hover .view {
top: inherit;
bottom: 0;
left: 0;
margin-top: 0;
}
.gallery-item .hover .view:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-bottom: 113px solid #fede00;
border-right: 113px solid transparent;
z-index: 1;
}
.gallery-item .hover .view:after {
content: '';
display: block;
background: url(//autoport.co.in/wp-content/themes/car-repair-services/images/gall-icon01.png) 0 0 no-repeat;
width: 21px;
height: 21px;
bottom: 22px;
left: 22px;
top: auto;
position: absolute;
z-index: 2;
}
@media (max-width: 767px) {
.gallery-item .hover .view:before {
border-bottom-width: 90px;
border-right-width: 90px;
}
.gallery-item .hover .view:after {
width: 17px;
height: 17px;
background-size: cover;
left: 16px;
bottom: 16px;
}
}
.gallery.gallery-col-2 .gallery-item {
width: calc(50% - 20px);
}
@media (max-width: 767px) {
.gallery.gallery-col-2 .gallery-item {
width: 100%;
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.gallery.gallery-col-4 .gallery-item {
width: calc(25% - 30px);
}
}
@media (max-width: 991px) {
.gallery.gallery-col-4 .gallery-item {
width: calc(33.333% - 20px);
}
}
@media (max-width: 575px) {
.gallery.gallery-col-4 .gallery-item {
width: calc(50% - 20px);
}
} .bg-none {
background: transparent;
}
.comparing-obj .comparing-obj__title {
font-size: 22px;
line-height: 32px;
color: #3a3a3a;
font-family: 'Poppins', sans-serif;
font-weight: 600;
margin-top: 23px;
}
@media (max-width: 575px) {
.comparing-obj .comparing-obj__title {
font-size: 20px;
line-height: 30px;
}
}
.custom-width-gallery {
max-width: 1580px;
margin-left: auto;
margin-right: auto;
}
.twentytwenty-handle {
background-color: #fede00;
} .testimonial-wrapper {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
margin-top: -50px;
}
.testimonial-wrapper .col-item {
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.testimonial-wrapper .col-item {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
}
@media (max-width: 991px) {
.testimonial-wrapper .col-item {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 575px) {
.testimonial-wrapper .col-item {
flex: 0 0 100%;
max-width: 100%;
}
}
.testimonial-wrapper [class^=col] {
margin-top: 50px;
}
.testimonial-wrapper [class^=col]:nth-child(odd) .testimonial-item {
background-color: #ffffff;
}
.testimonial-wrapper [class^=col]:nth-child(even) .testimonial-item:after {
color: #ffffff;
}
.testimonial-wrapper [class^=col]:nth-child(even) .testimonial-item {
background-color: #f9f9f9;
}
@media (max-width: 767px) {
.testimonial-wrapper {
margin-top: -40px;
}
.testimonial-wrapper [class^=col] {
margin-top: 40px;
}
}
.testimonial-item {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: center;
align-items: flex-start;
position: relative;
border: 1px solid #f6f6f6;
border-radius: 4px;
padding: 82px 40px 40px 40px;
}
.testimonial-item::after {
content: "”";
position: absolute;
top: 126px;
left: 20px;
font-size: 280px;
line-height: 10px;
font-weight: 600;
color: rgb(228, 228, 228);
font-family: Poppins, sans-serif;
transform: scale(-1, 1);
}
.testimonial-item .testimonial-item__content {
position: relative;
z-index: 1;
font-size: 16px;
line-height: 25px;
flex: 2 1 auto;
}
.testimonial-item .testimonial-item__content p {
font-size: 16px;
line-height: 25px;
margin: 0;
color: #5e5e5e;
}
.testimonial-item .testimonial-item__footer {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: center;
align-items: center;
margin-top: 22px;
}
.testimonial-item .testimonial-item__footer .testimonial__img {
border-radius: 50%;
overflow: hidden;
max-width: 63px;
}
.testimonial-item .testimonial-item__footer .testimonial__img img {
width: 100%;
height: auto;
}
.testimonial-item .testimonial-item__footer .testimonial__img+.testimonial__description {
margin-left: 20px;
}
.testimonial-item .testimonial-item__footer .testimonial__description {
font-size: 18px;
line-height: 24px;
color: #3a3a3a;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.testimonial-item .testimonial-item__footer .testimonial__description span {
color: #878787;
display: block;
font-size: 15px;
line-height: 22px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
@media (max-width: 2000px) {
.testimonial-item {
min-height: 384px;
}
}
@media (max-width: 1199px) {
.testimonial-item {
min-height: 441px;
}
}
@media (max-width: 991px) {
.testimonial-item {
min-height: inherit;
}
}
@media (max-width: 767px) {
.testimonial-item {
padding: 82px 20px 40px 20px;
}
.testimonial-item:after {
top: 79px;
left: 7px;
font-size: 180px;
}
}
@media (max-width: 575px) {
.testimonial-item .testimonial-item__content {
flex: 0 1 auto;
}
}
.custom-width-01 {
max-width: 710px;
margin-left: auto;
margin-right: auto;
}
.btn-more-top {
margin-top: 45px;
} .faq-accordion {
margin-top: 0px;
}
.faq-accordion .faq__item:not(:first-child) {
margin-top: 10px;
}
.faq-accordion .faq__item .faq__content {
padding: 20px 0 10px 0;
font-size: 16px;
line-height: 25px;
}
.faq-accordion .faq__item:not(.active) .faq__content {
display: none;
}
.faq-accordion .faq__item.active .faq__title {
background-color: #ffffff;
box-shadow: 0 6px 35px rgba(0, 0, 0, 0.07);
}
.faq-accordion .faq__item.active .faq__title:before {
width: 5px;
}
.faq-accordion .faq__item.active .faq__title .icon:before {
content: '-';
}
.faq-accordion .faq__title {
background-color: #f5f5f5;
color: #3a3a3a;
font-size: 16px;
font-weight: 600;
position: relative;
padding: 23px 60px 22px 24px;
cursor: pointer;
}
.faq-accordion .faq__title:before {
content: '';
width: 0px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #fede00;
}
.faq-accordion .faq__title .icon {
display: block;
position: absolute;
width: 40px;
height: 100%;
color: #3a3a3a;
top: 0;
right: 0;
font-size: 22px;
font-weight: 500;
}
.faq-accordion .faq__title .icon:before {
content: '+';
display: block;
position: absolute;
top: 50%;
margin-top: -11px;
right: 0;
width: 40px;
height: 100%;
font-size: 22px;
color: #3a3a3a;
}
@media (max-width: 767px) {
.faq-accordion .faq__title {
font-size: 15px;
line-height: 24px;
font-weight: 500;
padding: 19px 55px 18px 24px;
}
.faq-accordion .faq__title .icon:before {
width: 36px;
font-size: 20px;
}
.faq-accordion .faq__item .faq__content {
font-size: 15px;
line-height: 21px;
}
}
@media (max-width: 575px) {
.faq-accordion .faq__title {
font-size: 14px;
line-height: 19px;
font-weight: 500;
padding: 12px 50px 11px 19px;
}
.faq-accordion .faq__title .icon:before {
width: 30px;
font-size: 18px;
}
.faq-accordion .faq__item .faq__content {
font-size: 14px;
line-height: 19px;
}
} .filters-row {
border-top: none;
padding: 0 0 54px 0;
font-size: 16px;
color: #5e5e5e;
}
.filters-row .form-inline select {
height: 50px;
font-size: 16px;
color: #8d8d8d;
width: 227px;
font-family: 'Roboto', sans-serif;
}
.filters-row .form-inline .select-wrapper:before {
top: 8px;
font-size: 16px;
color: #a4a4a4;
}
.filters-row .filters-row-left {
margin-top: 14px;
}
@media (max-width: 575px) {
.filters-row>* {
float: inherit;
text-align: left;
}
.filters-row>*:not(:first-child) {
margin-top: 7px;
}
.filters-row .filters-row-left {
margin-top: 0px;
}
}
.prd-info h3 {
color: #5e5e5e;
font-size: 16px;
font-weight: normal;
}
.prd-info h3 a {
color: #5e5e5e;
text-decoration: none;
transition: color 0.2s linear;
}
.prd-info h3 a:hover {
color: #fede00;
text-decoration: none;
}
.prd-info .rating {
margin-top: 2px;
margin-bottom: -4px;
}
.prd-info .price {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 22px;
line-height: 1;
margin-top: 10px;
}
.woocommerce div.prd {
margin: 14px 15px;
}
.prd.slick-slide {
margin-top: 0;
margin-bottom: 0;
} .column-filters-inside {
border: none;
margin-top: -7px;
max-width: 350px;
}
.column-filters-inside .side-block h3 {
font-size: 22px;
line-height: 32px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.column-filters-inside .side-block h3+.tags-list,
.column-filters-inside .side-block h3+.category-list {
margin-top: 0;
}
.column-filters-inside .side-block {
background: transparent;
box-shadow: none;
}
.column-filters .side-block {
border: none;
box-shadow: none;
padding: 0;
}
.column-filters .side-block h3 {
margin-bottom: 13px;
}
.column-filters .side-block+.side-block {
margin-top: 70px;
}
.column-filters .side-block .range {
margin-top: 25px;
}
@media (max-width: 991px) {
.column-filters {
margin-bottom: 49px;
}
}
@media (max-width: 575px) {
.column-filters {
margin-bottom: 39px;
}
}
.noUi-target {
margin-bottom: 33px;
}
.range__col {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: center;
align-items: center;
}
.range__col .btn+* {
margin-left: 17px;
}
.column-filters .side-block+.side-block {
margin-top: 48px;
}
ul.category-list li:last-child {
padding-bottom: 0;
}
.column-filters .side-block .prd-sm .prd-sm-img {
width: 106px;
min-width: 106px;
}
.column-filters .side-block .prd-sm .prd-sm-info {
padding: 0 0 0 20px;
}
.column-filters .side-block .prd-sm h3 {
font-family: 'Roboto', sans-serif;
font-weight: 400;
color: #5e5e5e;
font-size: 16px;
line-height: 24px;
margin: 0;
padding: 0;
}
.column-filters .side-block .prd-sm h3 a {
color: #5e5e5e;
}
.column-filters .side-block .prd-sm .price {
margin: 5px 0 0 0;
padding: 0;
font-size: 22px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
} .prd-grid.prd-carousel {
margin-top: 0;
}
@media (max-width: 479px) {
.prd-grid:not(.prd-carousel) .prd {
padding-left: 15px;
padding-right: 15px;
}
}
.nav-tabs {
border: none;
margin-top: -20px;
margin-left: -20px;
}
.nav-tabs>li {
margin: 20px 0 0 20px;
}
.nav-tabs>li>a {
background-color: #f5f5f5;
color: #5e5e5e;
font-size: 16px;
font-weight: 400;
padding: 19px 44px;
text-transform: capitalize;
}
.nav-tabs>li.active a {
box-shadow: 0 6px 35px rgba(0, 0, 0, 0.07);
color: #3a3a3a !important;
}
@media (max-width: 479px) {
.nav-tabs {
margin-left: 0;
}
.nav-tabs>li {
margin-left: 0;
}
}
.tab-content {
font-size: 16px;
line-height: 25px;
}
.tab-content .tab-pane {
padding-top: 55px;
padding-bottom: 0;
}
.tab-content .tab-pane h5 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 22px;
margin: 0;
padding: 0 0 25px 0;
}
@media (max-width: 1024px) {
.tab-content .tab-pane {
padding-top: 40px;
}
}
@media (max-width: 479px) {
.tab-content .tab-pane {
padding-top: 34px;
}
}
.product-block-mainimage {
float: inherit;
width: 100%;
}
.product-previews {
float: inherit;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
width: inherit;
margin-left: -10px;
}
.product-previews .js-more-hidden {
display: none;
}
.product-previews img {
height: auto;
}
.product-previews-item {
margin-left: 10px;
margin-top: 10px;
margin-bottom: 0;
height: 100%;
position: relative;
}
@media (min-width: 421px) {
.product-previews-item {
width: calc(25% - 10px);
}
}
@media (max-width: 420px) {
.product-previews-item {
width: calc(50% - 10px);
}
}
.product-previews-text {
border: 1px solid #545454;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.2s linear;
}
.product-previews-text:hover {
border-color: #fede00;
color: #fede00;
}
.product-block-title {
color: #3a3a3a;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
@media (min-width: 1200px) {
.product-block-title {
font-size: 44px;
line-height: 50px;
}
}
@media (max-width: 1199px) {
.product-block-title {
font-size: 34px;
line-height: 40px;
}
}
@media (max-width: 991px) {
.product-block-title {
font-size: 28px;
line-height: 35px;
}
.product-block-title br {
display: none;
}
}
@media (max-width: 575px) {
.product-block-title {
font-size: 24px;
line-height: 31px;
}
}
.product-block-info>*:not(:first-child):not(span) {
margin-top: 25px;
}
.product-block-price {
color: #3a3a3a;
font-size: 29px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
@media (min-width: 1200px) {
.product-block-gallery {
padding-right: 55px;
}
}
@media (max-width: 1199px) {
.product-block-gallery {
padding-right: 30px;
}
}
@media (max-width: 991px) {
.product-block-gallery {
padding-right: 0px;
}
}
.product-block-info .count-input {
background-color: #f7f7f7;
border: none;
color: #8d8d8d;
font-family: 'Roboto', sans-serif;
height: 64px;
}
.product-block-info .qty-count {
border-radius: 0;
height: 64px;
}
.product-block-info .count-add,
.product-block-info .count-reduce {
background-color: #f7f7f7;
color: #8d8d8d;
height: 64px;
line-height: 64px;
}
@media (max-width: 575px) {
.product-block-info .count-input,
.product-block-info .qty-count,
.product-block-info .count-add,
.product-block-info .count-reduce {
height: 48px;
}
.product-block-info .count-add,
.product-block-info .count-reduce {
line-height: 48px;
}
.product-block-info .qty-count {
margin-right: 15px;
}
}
.marker-list-arrow li {
font-size: 16px;
}
.marker-list-arrow li:after {
content: '\e91d';
font-size: 12px;
}
.no-marker>li,
.marker-list-arrow>li {
margin-bottom: 14px;
padding-left: 30px;
}
.product-block-description {
border-top: 2px solid #ededed;
border-bottom: 2px solid #ededed;
padding: 25px 0;
}
.box-wrapper {
background-color: #ffffff;
box-shadow: 0 6px 35px rgba(0, 0, 0, 0.07);
}
@media (min-width: 768px) {
.box-wrapper {
padding: 50px 30px 48px 47px;
}
}
@media (max-width: 767px) {
.box-wrapper {
padding: 30px;
}
} @media (min-width: 849px) {
.info02-wrapper {
margin-top: -48px;
}
.info02-wrapper .info02 {
margin-top: 48px;
}
}
@media (max-width: 848px) {
.info02-wrapper {
margin-top: -30px;
}
.info02-wrapper .info02 {
margin-top: 30px;
}
}
.info02 {
text-align: center;
}
.info02 .info02__icon {
color: #fede00;
font-size: 24px;
}
.info02 .info02__title {
font-size: 22px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
color: #3a3a3a;
margin: 20px 0 0 0;
padding: 0;
}
.info02 address {
color: #5f5f5f;
font-size: 16px;
line-height: 25px;
margin: 10px 0 0 0;
padding: 0;
}
@media (max-width: 848px) {
.info02 .info02__icon {
font-size: 22px;
}
.info02 .info02__title {
font-size: 20px;
margin-top: 10px;
}
}
.single_add_to_cart_button i {
color: #000 !important;
}
.single_add_to_cart_button:hover i {
color: #fff !important;
}
.woocommerce .woocommerce-product-rating .star-rating {
color: #fede00;
}
.flex-control-nav.flex-control-thumbs>li {
display: inline-block;
margin-right: 5px;
} header.page-header-2 .logo {
max-width: 184px;
}
@media (max-width: 1199px) {
header.page-header-2 .logo {
max-width: 160px;
}
}
@media (max-width: 991px) {
header.page-header-2 .logo {
max-width: 137px;
position: relative;
top: 5px;
margin-bottom: 6px;
}
}
@media (max-width: 575px) {
header.page-header-2 .logo {
max-width: 100px;
}
}
@media (min-width: 992px) {
header.page-header-2 .logo {
margin-top: 4px;
margin-bottom: 3px;
}
}
header.page-header-2 .header-topline {
background-color: #3b3b3b;
color: #a9a9a9;
font-size: 16px;
}
header.page-header-2 .header-topline [class*='icon'] {
color: #ffffff;
}
header.page-header-2 .navbar-toggle {
font-size: 19px;
}
@media (min-width: 992px) {
header.page-header-2 .navbar-nav .dropdown-menu {
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}
header.page-header-2 .navbar-nav .dropdown-menu:after {
left: 23px;
}
header.page-header-2 .navbar-nav .dropdown-menu li>a:hover,
header.page-header-2 .navbar-nav .dropdown-menu li>a:focus {
background-color: transparent !important;
color: #fede00;
}
}
@media (max-width: 1024px) {
header.page-header-2 .navbar-nav {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
header.page-header-2 a.appointment {
font-size: 18px;
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
header.page-header-2 a.appointment .icon {
font-size: 21px;
}
header.page-header-2 .header-phone {
font-weight: normal;
}
@media (min-width: 992px) {
header.page-header-2 .header-topline [class*="icon"] {
font-size: 15px;
top: 0;
}
header.page-header-2 .header-topline .row-flex {
display: block;
margin-top: -10px;
padding: 12px 0 10px 0;
}
header.page-header-2 .header-topline .row-flex>* {
display: inline-block;
margin-top: 10px;
}
header.page-header-2 .header-topline .row-flex>*:not(:last-child) {
margin-right: 3.7%;
}
header.page-header-2 .header-topline .col-center {
text-align: left;
-webkit-flex: 0;
-ms-flex: 0;
flex: 0;
}
header.page-header-2 .header-topline [class*='icon'] {
padding-right: 12px;
}
header.page-header-2 .header-topline .col-right {
margin-left: inherit;
}
}
@media (max-width: 1399px) {
header.page-header-2 .header-topline .hidden-md {
display: none;
}
}
@media (max-width: 1199px) {
header.page-header-2 .header-topline [class*='icon'] {
padding-right: 7px;
}
header.page-header-2 .header-topline .row-flex>*:not(:last-child) {
margin-right: 2.2%;
}
}
@media (min-width: 992px) {
header.page-header-2 .navbar-nav>li>a {
font-size: 15px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
}
@media (min-width: 992px) {
header.page-header-2 .navbar-nav .dropdown-menu {
margin-left: 15px;
left: 0;
width: 255px;
}
header.page-header-2 .navbar-nav .dropdown-menu li>a {
font-size: 15px;
font-weight: 600;
padding: 15px 25px;
}
header.page-header-2 .navbar-nav>li>a {
padding-top: 17px;
padding-bottom: 17px;
}
header.page-header-2 .navbar-nav>li>a:after {
bottom: 6px;
}
header.page-header-2 .navbar-nav>li.current-menu-item>a:after,
header.page-header-2 .navbar-nav>li:hover>a:after {
bottom: 6px;
}
}
header.page-header-2 .header-info-mobile {
background-color: #2d2d2d;
color: #d4d4d4;
}
header.page-header-2 .header-info-mobile a {
color: #d4d4d4;
}
header.page-header-2 .header-info-mobile p>[class*='icon-'] {
color: #ffffff;
font-size: 15px;
}
@media (max-width: 991px) {
header.page-header-2 a.appointment {
height: 35px;
font-size: 15px;
padding: 8px 20px 7px 10px;
}
header.page-header-2 a.appointment .icon {
font-size: 17px;
top: 2px;
margin-right: 5px;
}
header.page-header-2 a.appointment:after {
border-width: 35px 18px 0 18px;
}
header.page-header-2 .header-topline {
min-height: 35px;
max-height: 35px;
}
header.page-header-2 .header-info-toggle [class*='icon-'] {
top: -1px;
}
header.page-header-2 .header-row-right {
position: relative;
top: 2px;
}
}
@media (max-width: 575px) {
header.page-header-2 a.appointment {
font-size: 14px;
}
header.page-header-2 a.appointment .icon {
display: none;
}
header.page-header-2 a.appointment:after {
border-width: 39px 18px 0 18px;
top: -4px;
}
header.page-header-2 .logo {
top: 1px;
margin-bottom: 0px;
}
header.page-header-2 .header-info-mobile p>[class*='icon-'] {
font-size: 14px;
}
} .services-tabs .services-tab-info {
background-color: rgba(69, 69, 69, 0.7);
color: #d4d4d4;
}
.services-tabs .services-tabs-nav>li {
padding-left: 0px;
padding-right: 0px;
transition: all 0.3s ease 0s;
}
.services-tabs .services-tabs-nav>li a {
position: relative;
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 15px;
box-shadow: none;
transition: all 0.3s ease 0s;
}
.services-tabs .services-tabs-nav>li a:before {
content: '';
display: inline-block;
position: absolute;
width: 0%;
margin: auto;
bottom: 0px;
height: 4px;
z-index: 2;
background-color: #fede00;
transition: all 0.3s ease 0s;
}
.services-tabs .services-tabs-nav>li a [class*='icon'] {
color: #4d4d4d;
font-size: 36px;
}
.services-tabs .services-tabs-nav>li a [class*='icon']:not(:last-child) {
margin-bottom: 12px;
}
.services-tabs .services-tabs-nav>li a span {
font-weight: 600;
}
.services-tabs .services-tabs-nav>li a:hover:before {
width: 100%;
}
.services-tabs .services-tabs-nav>li a:hover [class*='icon'] {
color: #4d4d4d;
}
.services-tabs .services-tabs-nav>li a:hover {
background-color: #fbfbfb;
}
.services-tabs .services-tabs-nav>li.active {
border-color: #e7e7e7 #e7e7e7 transparent #e7e7e7 !important;
}
.services-tabs .services-tabs-nav>li.active [class*='icon'] {
color: #4d4d4d;
}
.services-tabs .services-tabs-nav>li.active a:before {
width: 100%;
}
.services-tabs .services-tabs-nav>li.active>a,
.services-tabs .services-tabs-nav>li>a:hover {
background-color: #fbfbfb;
color: #3a3a3a !important;
}
.services-tabs .services-tabs-content {
background-color: #616161;
position: relative;
padding: 66px 0;
}
.services-tabs .services-tab-info {
top: 24px;
left: 30px;
}
.services-tabs .services-tab-info:after {
color: #ffffff;
}
.services-tabs .services-tab-info p {
font-size: 16px;
line-height: 25px;
}
.services-tabs .services-tabs-caption {
font-size: 180px;
color: #6c6c6c;
font-family: 'Poppins', sans-serif;
font-weight: 600;
position: absolute;
top: 80px;
left: 0px;
right: 0px;
white-space: nowrap;
text-align: center;
margin: 0 auto;
}
.services-tabs .services-tabs-icons>span {
transition: all 0.3s ease 0s;
}
.services-tabs .services-tabs-icons>span.active {
color: #ffffff;
}
.services-tabs .services-tabs-content {
overflow: inherit;
}
.services-tabs .services-tabs-modal {
position: fixed;
z-index: 2;
top: 0;
left: 0;
width: 100%;
display: none;
justify-content: left;
align-content: center;
align-items: center;
padding: 30px;
overflow-x: hidden;
overflow-y: auto;
height: 100%;
}
@media (max-width: 575px) {
.services-tabs .services-tabs-modal {
padding: 20px;
}
}
.services-tabs .services-tabs-modal>.container {
position: relative;
padding-left: 0;
padding-right: 0;
}
.services-tabs .services-tabs-modal .services-modal {
display: none;
transition: opacity 0.3s ease 0s;
pointer-events: none;
position: relative;
left: 0;
width: 100%;
margin: 0;
}
.services-tabs .services-tabs-modal .services-modal.open {
display: block;
pointer-events: auto;
opacity: 1;
z-index: 110;
}
.services-tabs .services-tabs-modal .services-modal .services-modal-wrapper {
background-color: #ffffff;
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.services-tabs .services-modal__close {
background-color: none;
display: inline-block;
text-decoration: none;
position: absolute;
border: none;
background-color: transparent;
right: 3px;
font-weight: normal;
top: 3px;
font-size: 28px;
padding: 17px;
z-index: 3;
color: #292929;
transition: opacity 0.3s ease 0s;
cursor: pointer;
-ms-touch-action: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
}
.services-tabs .services-modal__close:before {
display: inline-block;
position: relative;
content: "\e930";
font-family: 'auto' !important;
pointer-events: none;
}
.services-tabs .services-modal__close:hover {
opacity: 0.5;
}
@media (min-width: 992px) {
.services-tabs .services-modal-wrapper {
padding: 50px;
}
}
@media (max-width: 991px) {
.services-tabs .services-modal-wrapper {
padding: 40px;
}
}
@media (max-width: 575px) {
.services-tabs .services-modal-wrapper {
padding: 30px 25px;
}
}
.services-tabs .services-modal__title-large {
font-size: 27px;
line-height: 37px;
color: #3a3a3a;
font-family: 'Poppins', sans-serif;
font-weight: 600;
margin: 0;
padding: 0 0 22px 0;
}
@media (max-width: 575px) {
.services-tabs .services-modal__title-large {
font-size: 24px;
line-height: 34px;
}
}
.services-tabs .services-modal__title-small {
font-size: 22px;
line-height: 32px;
color: #3a3a3a;
font-family: 'Poppins', sans-serif;
font-weight: 600;
margin: 0;
padding: 0 0 22px 0;
}
@media (min-width: 768px) {
.services-tabs .btn.btn-top {
margin-top: 21px;
}
}
@media (max-width: 767px) {
.services-tabs .btn.btn-top {
margin-top: 10px;
}
}
.services-tabs .services-modal__table table {
width: 100%;
}
.services-tabs .services-modal__table table tr td {
font-size: 16px;
line-height: 24px;
color: #5e5e5e;
border: 2px solid #ffffff;
padding: 13px 10px 13px 22px;
}
.services-tabs .services-modal__table table tr td:first-child {
color: #5e5e5e;
width: 62%;
}
.services-tabs .services-modal__table table tr td:last-child {
color: #3a3a3a;
width: 38%;
}
.services-tabs .services-modal__table table tr:nth-child(odd) {
background: #f7f7f7;
}
@media (max-width: 767px) {
.services-tabs .services-modal__table table tr td {
font-size: 14px;
line-height: 19px;
padding: 8px 10px 8px 15px;
}
}
.services-tabs .services-tab-button {
right: 29px;
bottom: 28px;
}
.services-tabs .services-tab-button>* {
padding-left: 43px;
padding-right: 43px;
}
.services-tabs .services-tabs-icons>span {
line-height: 59px;
}
@media (max-width: 1199px) {
.services-tabs .services-tabs-caption {
font-size: 140px;
}
}
@media (max-width: 1199px) and (min-width: 720px) {
.services-tabs .services-tabs-nav>li {
min-width: calc(16.6% - 6.78px);
}
}
@media (max-width: 992px) {
.services-tabs .services-tabs-icons>span {
line-height: 55px;
}
.services-tabs .services-tabs-icons>span:nth-child(2) {
left: 13.8%;
}
.services-tabs .services-tabs-content {
padding-top: 42px;
padding-bottom: 42px;
}
.services-tabs .services-tabs-content img {
min-width: inherit;
}
.services-tabs .services-tabs-nav>li a {
font-size: 13px;
}
.services-tabs .services-tabs-nav>li a [class*='icon'] {
font-size: 28px;
}
.services-tabs .services-tabs-nav>li a [class*='icon']:not(:last-child) {
margin-bottom: 9px;
}
.services-tabs .services-tab-info {
max-width: 328px;
top: 21px;
padding: 13px 15px 17px 43px;
}
.services-tabs .services-tab-info:after {
font-size: 18px;
top: 10px;
left: 15px;
}
.services-tabs .services-tab-info p {
font-size: 15px;
line-height: 21px;
}
.services-tabs .services-tab-button {
right: 29px;
bottom: 20px;
}
.services-tabs .services-tab-button>* {
padding: 12px 25px;
}
}
@media (max-width: 575px) {
.services-tabs .services-tabs-icons>span {
width: 39px;
height: 39px;
font-size: 16px;
line-height: 44px;
}
.services-tabs .services-tab-info {
left: 15px;
width: inherit;
right: 15px;
}
.services-tabs .services-tab-info p {
font-size: 14px;
line-height: 19px;
}
.services-tabs .services-tabs-caption {
font-size: 78px;
}
.services-tabs .services-tabs-content {
padding-top: 20%;
padding-bottom: 20%;
}
.services-tabs .services-tab-button {
width: 100%;
left: 0;
right: 0;
text-align: center;
}
}
@media (max-width: 420px) {
.services-tabs .services-tabs-content {
padding-top: 32%;
padding-bottom: 25%;
}
}
body.js-modal {
overflow: hidden;
}
body.js-modal #pageContent {
z-index: 1001;
}
body.js-modal .services-tabs .services-tabs-modal {
display: flex;
}
html.touch-device body.js-modal {
overflow: hidden;
width: 100%;
position: fixed;
z-index: 0;
}
html.touch-device body.js-modal #pageContent {
z-index: 1001;
}
html.touch-device body:not(.touch-device).modal-open {
overflow-x: hidden;
}
html.touch-device body.js-modal {
overflow: hidden;
width: 100%;
position: fixed;
z-index: 0;
}
html.touch-device .services-tabs .services-tabs-modal .services-modal {
top: 35px;
height: 100vh;
} .tabs-layout01 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
}
.tabs-layout01 .tt-col-50.content-center {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: center;
}
@media (min-width: 768px) {
.tabs-layout01 .tt-col-50 {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 767px) {
.tabs-layout01 .tt-col-50 {
flex: 0 0 100%;
max-width: 100%;
}
.tabs-layout01 .tt-col-50.tt-col-img {
order: 1;
}
.tabs-layout01 .tt-col-50:not(.tt-col-img) {
order: 2;
}
}
@media (max-width: 1300px) and (min-width: 768px) {
.tabs-layout01 .tt-col-img {
padding-top: 49px;
}
}
.tabs-layout01 img {
max-width: 100%;
height: auto;
}
.tabs-layout01 .btn-add {
position: relative;
z-index: 1;
}
@media (min-width: 1301px) {
.tabs-layout01 .btn-add {
display: none;
}
}
@media (min-width: 768px) {
.tabs-layout01 .btn-top {
margin-top: 25px;
}
}
@media (max-width: 1300px) {
.tabs-layout01 .li-hide:not(.li-hide02) {
display: none;
}
}
@media (max-width: 1024px) {
.tabs-layout01 .li-hide02 {
display: none;
}
}
.tabs-layout02 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
}
.tabs-layout02 .tt-col-50.content-center {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: center;
}
@media (min-width: 768px) {
.tabs-layout02 .tt-col-50 {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 767px) {
.tabs-layout02 .tt-col-50 {
flex: 0 0 100%;
max-width: 100%;
}
.tabs-layout02 .tt-col-50.tt-col-img {
order: 1;
}
.tabs-layout02 .tt-col-50:not(.tt-col-img) {
order: 2;
}
}
.tabs-layout02 img {
max-width: 100%;
height: auto;
}
.tabs-layout02 .btn-add {
position: relative;
z-index: 1;
}
@media (min-width: 1301px) {
.tabs-layout02 .btn-add {
display: none;
}
}
@media (min-width: 768px) {
.tabs-layout02 .btn-top {
margin-top: 25px;
}
}
@media (max-width: 1300px) {
.tabs-layout02 .li-hide:not(.li-hide02) {
display: none;
}
}
@media (max-width: 1024px) {
.tabs-layout02 .li-hide02 {
display: none;
}
}
.img-bg-col+img,
.img-bg-col+.video-block {
display: none;
}
@media (max-width: 767px) {
.img-bg-col {
display: none;
}
.img-bg-col+img,
.img-bg-col+.video-block {
display: block;
}
}
.bg-col-1 {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.bg-col-2 {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
@media (min-width: 768px) and (max-width: 1024px) {
html.mac.touch-device .img-bg-col {
height: 340px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
html.mac.touch-device .img-bg-col.bg-col-2 {
height: 669px;
}
}
.tabs-layout01__bg-color {
background-color: #393939;
color: #d4d4d4;
}
.tabs-layout01__bg-color .btn-add:hover {
color: #ffffff;
}
.tabs-layout01__bg-color .block-title .block-title__title {
color: #ffffff;
}
.tabs-layout01__bg-color .marker-list-sm-1 li {
color: #ffffff;
}
.tabs-layout01__bg01 {
background-repeat: no-repeat;
background-position: right bottom;
}
.tabs-layout01__bg02 {
background-repeat: no-repeat;
background-position: center top;
}
.tabs-layout01__box {
padding: 60px 30px 40px 85px;
width: 100%;
text-align: left;
position: relative;
}
.tabs-layout01__box img {
max-width: 100%;
height: auto;
}
.tabs-layout01__box .tabs-layout01__caption {
position: absolute;
bottom: 0px;
left: 27px;
z-index: 1;
color: #ffffff;
opacity: 0.02;
font-size: 180px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
white-space: nowrap;
line-height: 120px;
}
@media (max-width: 1500px) {
.tabs-layout01__box {
padding: 40px 30px 40px 60px;
}
.tabs-layout01__box .tabs-layout01__caption {
font-size: 160px;
left: 0;
bottom: 0px;
line-height: 100px;
}
}
@media (max-width: 1300px) {
.tabs-layout01__box {
padding: 40px 30px 40px 30px;
}
.tabs-layout01__box .tabs-layout01__caption {
font-size: 140px;
left: 0;
bottom: 38px;
}
}
@media (max-width: 575px) {
.tabs-layout01__box {
padding: 30px 30px;
}
}
@media (min-width: 1025px) {
.column-gap-2 {
column-count: 1;
column-width: 42%;
column-gap: 2em;
-moz-column-count: 1;
-moz-column-width: 42%;
-moz-column-gap: 2em;
-webkit-column-count: 2;
-webkit-column-width: 42%;
-webkit-column-gap: 2em;
position: relative;
top: 9px;
}
}
@media (min-width: 1025px) {
html.ie .column-gap-2 li {
width: 42%;
float: left;
}
}
.icons-tabs .nav-tabs a {
background-color: transparent;
}
.icons-tabs .nav-tabs a [class*='icon-'] {
margin-bottom: 20px;
}
.icons-tabs .nav-tabs a span {
font-family: 'Poppins', sans-serif;
font-size: 18px;
padding-bottom: 8px;
}
.icons-tabs .nav-tabs>li.active a {
box-shadow: none;
}
@media (min-width: 768px) {
.icons-tabs .nav-tabs>li:not(:last-child):before {
content: '';
display: inline-block;
position: absolute;
right: -25px;
top: 20px;
width: 1px;
height: 106px;
background-color: #eef0f1;
}
}
.icons-tabs .tab-pane-nomargin .tab-pane {
padding-top: 0;
}
@media (max-width: 1024px) {
.icons-tabs .nav-tabs a [class*='icon-'] {
font-size: 43px;
}
.icons-tabs .nav-tabs a span {
font-size: 16px;
padding-bottom: 4px;
}
.icons-tabs .nav-tabs>li>a {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 767px) {
.icons-tabs .nav-tabs a [class*='icon-'] {
font-size: 43px;
margin-bottom: 17px;
}
.icons-tabs .nav-tabs a span {
font-size: 13px;
padding-bottom: 4px;
}
.icons-tabs .nav-tabs>li {
margin-left: 7px;
margin-right: 7px;
}
.icons-tabs .nav-tabs>li>a {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 575px) {
.icons-tabs .nav-tabs a [class*='icon-'] {
font-size: 32px;
margin-bottom: 13px;
}
.icons-tabs .nav-tabs a span {
font-size: 14px;
line-height: 17px;
padding-bottom: 4px;
}
.icons-tabs .nav-tabs>li {
margin-left: 0px;
margin-right: 0px;
}
.icons-tabs .nav-tabs>li>a {
padding-left: 12px;
padding-right: 12px;
}
} .icons-tabs .tab-content {
padding-left: 0 !important;
padding-right: 0 !important;
}
.marker-list-sm-1>li {
padding-left: 27px;
}
.marker-list-sm-1>li:after {
font-size: 10px;
}
.tabs-layout02__box {
padding: 83px 60px;
position: relative;
}
.tabs-layout02__box .tabs-layout01__caption {
position: absolute;
bottom: 50px;
width: 100%;
font-size: 180px;
z-index: 1;
color: #ffffff;
opacity: 0.02;
font-family: 'Poppins', sans-serif;
font-weight: 600;
white-space: nowrap;
text-align: center;
}
@media (max-width: 1500px) {
.tabs-layout02__box .tabs-layout01__caption {
font-size: 160px;
left: 0;
bottom: 37px;
}
}
@media (max-width: 1300px) {
.tabs-layout02__box .tabs-layout01__caption {
font-size: 140px;
left: 0;
bottom: 38px;
}
}
@media (max-width: 767px) {
.tabs-layout02__box {
padding: 70px 50px;
}
}
@media (max-width: 575px) {
.tabs-layout02__box {
padding: 50px 20px;
}
} @media (min-width: 576px) {
.box-custom01-wrapper {
margin-top: -53px;
}
.box-custom01-wrapper .box-custom01 {
margin-top: 53px;
}
}
@media (max-width: 767px) {
.box-custom01-wrapper {
margin-top: -25px;
}
.box-custom01-wrapper .box-custom01 {
margin-top: 25px;
}
}
.box-custom01 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
align-items: flex-start;
}
.box-custom01 .box-custom01__icon {
margin-top: 1px;
}
.box-custom01 .box-custom01__icon .icon {
color: #fede00;
font-size: 40px;
}
.box-custom01 .box-custom01__icon+.box-custom01__content {
margin-left: 30px;
}
.box-custom01 .box-custom01__content {
max-width: 382px;
}
.box-custom01 .box-custom01__content p {
font-size: 16px;
line-height: 25px;
}
.box-custom01 .box-custom01__content p:last-child {
margin-bottom: 0;
}
.box-custom01 .box-custom01__title {
font-size: 22px;
line-height: 1.2;
color: #ffffff;
font-weight: 600;
font-family: 'Poppins', sans-serif;
padding: 0 0 14px 0;
margin: 0;
}
.box-custom01 .box-custom01__title+* {
margin-top: 0;
}
@media (max-width: 767px) {
.box-custom01 .box-custom01__icon .icon {
font-size: 25px;
}
.box-custom01 .box-custom01__icon+.box-custom01__content {
margin-left: 25px;
}
.box-custom01 .box-custom01__title {
font-size: 18px;
padding-bottom: 10px;
}
.box-custom01 .box-custom01__content p {
font-size: 14px;
line-height: 22px;
}
}  .step .step-inside-number {
font-size: 140px;
line-height: 1;
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-weight: 600;
margin-top: -11px;
}
@media (max-width: 767px) {
.step .step-inside-number {
font-size: 89px;
}
}
.how-works-text {
font-weight: 600;
font-size: 16px;
line-height: 26px;
font-family: 'Poppins', sans-serif;
text-transform: inherit;
max-width: inherit;
}
@media (max-width: 1024px) {
.how-works-text {
font-size: 16px;
line-height: 22px;
}
}
@media (max-width: 767px) {
.how-works-text {
font-size: 13px;
line-height: 17px;
}
}
.how-works-text:not(:first-child) {
margin-top: 1.53em;
}
@media (max-width: 767px) {
.how-works-text:not(:first-child) {
margin-top: 1.1em;
}
}
.how-works-circle {
margin-bottom: -7px;
}
@media (max-width: 1024px) {
.how-works-circle {
max-width: 157px;
}
}
@media (max-width: 575px) {
.how-works-circle {
margin-bottom: -4px;
}
} .box02-wrapper01 {
background-color: #3b3b3b;
color: #ffffff;
padding: 95px 25px 219px;
overflow: hidden;
}
.box02-wrapper01 #counterBlock {
margin-top: -50px;
}
.box02-wrapper01 .start-box02 {
margin-top: 50px;
}
@media (max-width: 991px) {
.box02-wrapper01 {
padding: 75px 25px 151px;
}
}
@media (max-width: 575px) {
.box02-wrapper01 {
padding: 75px 25px 50px;
}
.box02-wrapper01 .start-box02 {
margin-top: 25px;
}
}
.start-box02 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
}
.start-box02 .start-box02__number {
font-size: 45px;
line-height: 1;
font-weight: 600;
font-family: 'Poppins', sans-serif;
padding: 0 18px 0 0;
}
.start-box02 .start-box02__number .count {
font-size: 55px;
}
.start-box02 .start-box02__text {
position: relative;
padding: 0 0 0 22px;
border-left: 3px solid #fede00;
font-size: 20px;
line-height: 26px;
}
@media (max-width: 1300px) {
.start-box02 .start-box02__number {
font-size: 35px;
}
.start-box02 .start-box02__number .count {
font-size: 45px;
}
.start-box02 .start-box02__text {
font-size: 18px;
line-height: 24px;
}
}
@media (max-width: 767px) {
.start-box02 {
width: 260px;
margin-left: auto;
margin-right: auto;
}
.start-box02 .start-box02__number {
color: #fede00;
min-width: 110px;
text-align: right;
}
.start-box02 .start-box02__text {
min-width: 150px;
}
}
@media (max-width: 575px) {
.start-box02 .start-box02__number {
font-size: 34px;
}
.start-box02 .start-box02__number .count {
font-size: 44px;
}
.start-box02 .start-box02__text {
font-size: 17px;
line-height: 23px;
}
} .testimonials02 {
position: relative;
z-index: 2;
margin-top: -119px;
}
@media (min-width: 767px) {
.testimonials02 .slick-track {
display: flex;
}
.testimonials02 .slick-track .slick-slide {
display: flex;
height: auto;
}
}
.testimonials02 .item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.testimonials02 .item .item__img {
flex: 0 0 65.8%;
max-width: 65.8%;
}
.testimonials02 .item .item__img img {
max-width: 100%;
height: auto;
}
.testimonials02 .item .item__content {
margin-top: 119px;
padding: 60px 0 110px 81px;
position: relative;
z-index: 2;
background-color: #ffffff;
height: 100%;
margin-left: -200px;
}
.testimonials02 .item .item__icon {
position: absolute;
top: 50px;
left: -35px;
display: inline-block;
width: 70px;
height: 70px;
font-size: 80px;
text-align: center;
background-color: #616161;
border-radius: 50%;
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.testimonials02 .item .item__icon:before {
content: "“";
display: inline-block;
position: absolute;
top: 50px;
width: 70px;
left: 0;
text-align: center;
}
.testimonials02 .item .item__title {
font-family: 'Poppins', sans-serif;
font-weight: 600;
color: #3a3a3a;
font-size: 44px;
line-height: 50px;
margin: 0;
padding: 0 0 32px 0;
}
.testimonials02 .item .item__rating {
color: #616161;
font-size: 9px;
margin-left: -3px;
margin-top: -3px;
padding-bottom: 16px;
}
.testimonials02 .item .item__rating>* {
margin-left: 3px;
margin-top: 3px;
}
.testimonials02 .item .item__description {
font-size: 19px;
line-height: 26px;
}
.testimonials02 .item .item__description p {
font-size: 19px;
line-height: 26px;
margin-bottom: 20px;
}
.testimonials02 .item .item__description .item__meta {
font-size: 14px;
}
.testimonials02 .item .item__description .item__meta span {
font-size: 19px;
}
@media (max-width: 1024px) {
.testimonials02 {
margin-top: -76px;
}
.testimonials02 .item .item__icon {
display: none;
}
.testimonials02 .item .item__title {
font-size: 40px;
padding: 0 0 16px 0;
}
.testimonials02 .item .item__rating {
padding-bottom: 13px;
}
.testimonials02 .item .item__content {
margin-top: 76px;
padding: 30px 0 80px 40px;
}
.testimonials02 .item .item__description {
font-size: 18px;
line-height: 25px;
}
.testimonials02 .item .item__description p {
font-size: 18px;
line-height: 25px;
}
}
@media (max-width: 767px) {
.testimonials02 {
margin-bottom: 0;
}
.testimonials02 .item .item__title {
font-size: 37px;
padding: 0 0 16px 0;
}
.testimonials02 .item .item__content {
padding: 30px 30px 0px 40px;
}
}
@media (max-width: 575px) {
.testimonials02 {
margin-top: 0px;
}
.testimonials02 .item {
flex-wrap: wrap;
}
.testimonials02 .item .item__img {
flex: 0 0 100%;
max-width: 100%;
}
.testimonials02 .item .item__icon {
display: block;
top: -25px;
left: 50%;
margin-left: -25px;
width: 49px;
height: 49px;
font-size: 56px;
}
.testimonials02 .item .item__icon:before {
top: 33px;
width: 49px;
}
.testimonials02 .item .item__title {
font-size: 33px;
line-height: 40px;
padding: 0 0 9px 0;
}
.testimonials02 .item .item__content {
margin-top: 0;
margin-left: 0;
padding: 38px 15px 0;
text-align: center;
}
.testimonials02 .item .item__rating {
padding-bottom: 5px;
}
.testimonials02 .item .item__description {
font-size: 17px;
line-height: 23px;
}
.testimonials02 .item .item__description p {
font-size: 17px;
line-height: 23px;
margin-bottom: 14px;
}
}
@media (min-width: 766px) and (max-width: 1025px) {
html.mac .testimonials02 .item .item__content {
min-height: 450px;
}
}
@media (max-width: 767px) {
.no-gutters-mobile {
padding-left: 0;
padding-right: 0;
}
}
.base-color {
color: #fe5e00;
}
.position-relative {
position: relative;
}
@media (min-width: 768px) {
.testimonials02-extra-left {
margin-left: -126px;
}
}
.testimonials02-slick-total {
width: 50%;
right: 0;
padding: 0 0 0 81px;
position: absolute;
z-index: 3;
}
.testimonials02-slick-total .item:first-child {
margin-left: -67px;
position: relative;
}
@media (max-width: 1024px) {
.testimonials02-slick-total {
padding: 0;
}
}
@media (max-width: 767px) {
.testimonials02-slick-total {
display: none;
}
}
.pt-slick-button {
margin-top: -62px;
}
.pt-slick-button .slick-arrow {
background: none;
width: 30px;
height: 30px;
border: none;
color: #727272;
font-size: 20px;
line-height: 20px;
padding: 3px;
}
.pt-slick-button .slick-arrow:before {
font-family: 'auto';
}
.pt-slick-button .slick-arrow.pt-slick-prev:before {
content: "\e91f";
}
.pt-slick-button .slick-arrow.pt-slick-next {
margin-left: 16px;
}
.pt-slick-button .slick-arrow.pt-slick-next:before {
content: "\e920";
}
.pt-slick-button .slick-arrow:hover {
color: #fede00;
}
@media (max-width: 1024px) {
.pt-slick-button {
margin-top: -54px;
}
}
.pt-slick-quantity {
font-family: 'Poppins', sans-serif;
color: #ededed;
font-size: 60px;
line-height: 18px;
font-weight: 600;
text-align: right;
margin-top: -22px;
padding-right: 15px;
}
.pt-slick-quantity .account-number {
font-size: 120px;
bottom: -10px;
position: relative;
}
@media (max-width: 1024px) {
.pt-slick-quantity {
font-size: 40px;
}
.pt-slick-quantity .account-number {
font-size: 80px;
}
}
.block__nomargin {
margin-bottom: 0 !important;
} .promo01 {
display: block;
position: relative;
overflow: hidden;
user-select: none;
}
.promo01 .image-box {
overflow: hidden;
}
.promo01 .image-box img {
width: 100%;
height: auto;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 1s;
}
.promo01 .pt-description {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.promo01 .pt-description .pt-description-wrapper {
padding: 45px;
}
.promo01 .pt-description .pt-title {
font-size: 44px;
line-height: 50px;
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
.promo01 .pt-description .btn {
margin-top: 36px;
}
.promo01 .pt-description.pt-point-v-t {
align-items: flex-start;
}
.promo01 .pt-description.pt-point-v-b {
align-items: flex-end;
}
.promo01 .pt-description.pt-point-h-l {
justify-content: flex-start;
align-content: flex-start;
}
.promo01 .pt-description.pt-point-h-r {
justify-content: flex-end;
align-content: flex-start;
}
@media (max-width: 1024px) {
.promo01 .pt-description .pt-description-wrapper {
padding: 35px;
}
.promo01 .pt-description .pt-title {
font-size: 31px;
line-height: 38px;
}
.promo01 .pt-description .btn {
margin-top: 36px;
}
}
@media (max-width: 767px) {
.promo01 .pt-description .pt-description-wrapper {
padding: 25px;
}
.promo01 .pt-description .pt-title {
font-size: 31px;
line-height: 38px;
}
.promo01 .pt-description .btn {
margin-top: 20px;
}
}
@media (max-width: 575px) {
.promo01 .pt-description .pt-description-wrapper {
padding: 25px;
}
.promo01 .pt-description .pt-title {
font-size: 22px;
line-height: 29px;
}
.promo01 .pt-description .btn {
margin-top: 12px;
}
}
@media (min-width: 1500px) {
.promo01-layout-right {
margin-right: -130px;
padding-left: 50px;
position: relative;
}
}
@media (max-width: 520px) {
.col-custom520 {
width: 100%;
}
} .banner-service {
background-color: #3b3b3b;
}
.banner-service .col-left {
margin-right: 0.3em;
}
.banner-service .col-left i.icon {
transform: scale(-1, 1);
}
.banner-service .banner-text-1 {
font-size: 0.27em;
line-height: 1.3em;
font-family: 'Poppins', sans-serif;
font-weight: 600;
padding-bottom: 0.4em;
}
.banner-service .banner-text-2 {
color: #d4d4d4;
font-size: 0.16em;
line-height: 1.5em;
}
.banner-service .banner-text-3 {
font-size: 0.27em;
line-height: 1.6em;
font-family: 'Poppins', sans-serif;
}
.banner-service .banner-text-3 i.icon {
margin-right: 0.6em;
}
.banner-service .banner-text-4 {
font-size: 0.16em;
line-height: 1.6em;
color: #d4d4d4;
}
@media (max-width: 991px) {
.banner-service .col-left {
margin-right: 0;
}
.banner-service .col-left i.icon {
font-size: 0.4em;
}
.banner-service .banner-text-1 {
padding-bottom: 0.05em;
}
.banner-service .banner-text-4 {
display: none;
}
}
@media (max-width: 767px) {
.banner-service {
font-size: 18.5vw;
}
}
@media (max-width: 479px) {
.banner-col {
width: inherit !important;
margin-top: 0px;
}
} .custom-bg-4 {
padding: 101px 0 100px;
}
@media (max-width: 767px) {
.custom-bg-4 {
padding: 44px 0 30px;
}
}
.custom-bg-4 .block-title .block-title__title {
color: #ffffff;
}
.custom-bg-4 .block-title .block-title__description {
color: #ffffff;
}
.custom-bg-4 .slick-dots li:not(.slick-active) button {
background-color: #ffffff;
}
.custom-bg-4 .slick-slider {
margin-bottom: 0;
}
@media (min-width: 1025px) {
.custom-bg-4 {
background-attachment: fixed;
}
}
@media (max-width: 991px) {
.custom-bg-4 {
padding: 60px 0;
}
}
@media (max-width: 575px) {
.custom-bg-4 {
padding: 50px 0;
}
}
.slick-slide {
height: inherit !important;
}
.pricing-box02 {
background-color: #ffffff;
text-align: center;
padding: 29px 0 35px;
margin-left: 15px;
margin-right: 15px;
transition: background-color 0.6s ease-in-out 0s;
height: 100%;
}
.pricing-box02 .pricing-box02__title {
font-family: 'Poppins', sans-serif;
font-size: 22px;
line-height: 29px;
font-weight: 600;
color: #3a3a3a;
transition: all 0.3s ease 0s;
padding: 0 25px;
}
.pricing-box02 .pricing-box02__price {
font-size: 44px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
transition: all 0.3s ease 0s;
margin-top: 19px;
}
.pricing-box02 .pricing-box02__price sup {
font-size: 60%;
}
.pricing-box02 .pricing-box02__img {
background: url(//autoport.co.in/wp-content/themes/car-repair-services/images/pricing-box02-bg.png) center top no-repeat;
min-height: 163px;
margin-top: 14px;
}
.pricing-box02 .pricing-box02__description {
color: #3a3a3a;
transition: all 0.3s ease 0s;
margin-top: 12px;
padding-left: 25px;
padding-right: 25px;
font-size: 16px;
line-height: 25px;
}
.pricing-box02 .btn:not([data-action]) {
margin-top: 29px;
}
@media (min-width: 1025px) {
.pricing-box02 .btn:not([data-action]) {
padding-left: 44px;
padding-right: 44px;
}
}
.pricing-box02:before {
content: '';
display: block;
position: absolute;
bottom: 0px;
width: 0%;
height: 4px;
margin: auto;
left: 0;
right: 0;
background-color: #fede00;
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.pricing-box02.slick-center,
.pricing-box02.item-active {
background-color: #616161;
}
.pricing-box02.slick-center .pricing-box02__title,
.pricing-box02.item-active .pricing-box02__title {
color: #ffffff;
}
.pricing-box02.slick-center .pricing-box02__price,
.pricing-box02.item-active .pricing-box02__price {
color: #fede00;
}
.pricing-box02.slick-center .pricing-box02__description,
.pricing-box02.item-active .pricing-box02__description {
color: #ffffff;
}
.pricing-box02.slick-center:before,
.pricing-box02.item-active:before {
width: 100%;
}
.pricing-box02.slick-center .btn.btn-border.btn-invert,
.pricing-box02.item-active .btn.btn-border.btn-invert {
border-color: #ffffff;
color: #ffffff;
transition: all 0s 0s ease, background-color 0.4s ease-in-out, color 0.4s ease;
}
.pricing-box02.slick-center .btn.btn-border.btn-invert:hover,
.pricing-box02.item-active .btn.btn-border.btn-invert:hover {
background-color: #ffffff !important;
border-color: #ffffff !important;
color: #3a3a3a !important;
}
.pricing-box02.slick-center .btn.btn-border.btn-invert:hover:before,
.pricing-box02.item-active .btn.btn-border.btn-invert:hover:before,
.pricing-box02.slick-center .btn.btn-border.btn-invert:hover:after,
.pricing-box02.item-active .btn.btn-border.btn-invert:hover:after {
display: none !important;
}
@media (max-width: 1024px) {
.pricing-box02 .pricing-box02__title {
font-size: 22px;
line-height: 27px;
}
.pricing-box02 .pricing-box02__price {
font-size: 40px;
}
.pricing-box02 .pricing-box02__description {
font-size: 15px;
line-height: 21px;
}
}
@media (max-width: 767px) {
.pricing-box02 .pricing-box02__title {
font-size: 18px;
line-height: 25px;
padding-left: 15px;
padding-right: 15px;
}
.pricing-box02 .pricing-box02__price {
font-size: 34px;
}
.pricing-box02 .pricing-box02__description {
font-size: 14px;
line-height: 19px;
padding-left: 15px;
padding-right: 15px;
}
.pricing-box02 .btn:not([data-action]) {
margin-top: 22px;
}
} #pageTitle.page-title-wrapper {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
overflow: hidden;
background-size: cover;
background-position: center 0;
background-repeat: no-repeat;
height: 203px;
padding: 0;
width: 100%;
}
@media (max-width: 575px) {
.brands-grid+.divider-lg {
height: 25px;
}
} @media (max-width: 991px) {
header .navbar-nav li:not(.opened) .ecaret {
width: 100%;
}
header .navbar-nav li:not(.opened) .ecaret:after {
right: 0;
text-align: right;
margin-right: 16px;
}
}
html.mac.touch-device .wrapper-extra-01 {
overflow: hidden;
position: relative;
}
html.mac.touch-device .wrapper-extra-01:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background-color: #ffffff;
z-index: 1;
}
@media (max-width: 991px) {
.bg-dark-custom .block.pad-sm {
padding: 0 !important;
}
.bg-dark-custom .block.bg-dark.full-block {
background: none;
}
.bg-dark-custom .tablet-bg {
background: url(//autoport.co.in/wp-content/themes/car-repair-services/images/grey-bg-1.png) repeat 0 0;
padding: 60px 25px;
}
}
@media (max-width: 991px) and (max-width: 575px) {
.bg-dark-custom .tablet-bg {
padding: 50px 20px;
}
}  .panel-menu,
.mmpanels,
.mmpanels>.mmpanel {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: inherit;
}
.panel-menu {
width: 286px;
background: #262626;
position: fixed;
z-index: 9999;
}
.panel-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.panel-menu ul li {
margin: 0;
width: 100%;
}
.panel-menu ul li a {
display: flex;
font-size: 16px;
line-height: 24px;
padding: 11px 65px 9px 20px;
text-decoration: none;
color: #ffffff;
background: transparent;
position: relative;
transition: all 0.3s ease 0s;
}
.panel-menu ul li a:hover {
color: #fede00;
background: transparent;
}
.panel-menu #mm0.mmpanel a:not(.mm-close) {
color: #ffffff;
background-color: transparent;
border-bottom: 1px solid #333;
}
.panel-menu #mm0.mmpanel a:not(.mm-close):after {
color: #ffffff;
}
.panel-menu #mm0.mmpanel a:not(.mm-close):hover {
color: #fede00;
background-color: transparent;
}
.panel-menu #mm0.mmpanel a:not(.mm-close):hover:after {
color: #fede00;
}
.panel-menu #mm0.mmpanel .mm-next-level:after {
top: 15px;
}
.panel-menu .mmpanel:not(#mm0) a:not(.mm-original-link) {
font-weight: 400;
}
.panel-menu .mmpanel .mm-original-link .tt-badge {
top: -1px;
}
.panel-menu .mm-close,
.panel-menu .mm-prev-level,
.panel-menu .mm-original-link {
display: block;
color: #ffffff;
background-color: transparent;
text-transform: uppercase;
}
.panel-menu .mm-close:before,
.panel-menu .mm-prev-level:before,
.panel-menu .mm-next-level:after {
font-size: 14px;
line-height: 14px;
font-weight: bold;
transition: all 0.3s ease 0s;
color: #ffffff;
}
.panel-menu .mm-close:hover,
.panel-menu .mm-prev-level:hover,
.panel-menu .mm-next-level:hover {
color: #fede00;
background-color: transparent;
}
.panel-menu .mm-close:hover:before .mm-prev-level:hover:before,
.panel-menu .mm-next-level:hover:after {
color: #fede00;
}
.panel-menu li.mm-close-parent .mm-close {
padding: 18px 16px 7px 29px;
color: #ffffff;
background-color: transparent;
font-family: 'auto';
font-size: 0;
line-height: 0;
text-align: right;
}
.panel-menu li.mm-close-parent .mm-close:before {
content: "\e930";
padding-right: 10px;
position: relative;
top: 0px;
font-size: 18px;
color: #ffffff;
}
.panel-menu li.mm-close-parent .mm-close:hover {
color: #fede00;
background-color: transparent;
}
.panel-menu li.mm-close-parent .mm-close:hover:before {
color: #fede00;
}
.panel-menu .mm-prev-level {
padding: 14px 16px 15px 29px;
color: #ffffff;
background-color: transparent;
border-bottom: 1px solid #333;
margin-bottom: 15px;
}
.panel-menu .mm-prev-level:before {
content: "\e91f";
padding-right: 10px;
position: relative;
top: 0px;
color: #ffffff;
display: inline-block;
font-family: 'auto';
}
.panel-menu .mm-prev-level:hover {
color: #fede00;
background-color: transparent;
}
.panel-menu .mm-prev-level:hover:before {
color: #fede00;
}
.panel-menu .mm-next-level {
color: #ffffff;
background-color: transparent;
}
.panel-menu .mm-next-level:after {
content: "\e920";
padding-left: 10px;
top: 15px;
right: 30px;
position: absolute;
color: #ffffff;
font-family: 'auto';
}
.panel-menu .mm-next-level:hover {
color: #fede00;
background-color: transparent;
}
.panel-menu .mm-next-level:hover:after {
color: #fede00;
}
.panel-menu .mm-original-link {
font-weight: 700;
color: #ffffff;
background-color: transparent;
}
.panel-menu .mm-original-link:before {
padding-right: 10px;
color: #ffffff;
}
.panel-menu .mm-original-link:hover {
color: #fede00;
background-color: transparent;
}
.panel-menu .mm-original-link:hover:before {
color: #fede00;
}
.mm-open {
overflow: hidden;
}
.mm-open .mm-fullscreen-bg {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.55);
position: fixed;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
z-index: 21;
display: none;
}
.mmitemopen.panel-menu,
.mmitemopen.panel-menu.mm-right {
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.panel-menu {
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.panel-menu.mm-right,
.mmitemopen.panel-menu.mm-right.mmhide {
left: auto;
right: 0;
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.mmitemopen.panel-menu.mmhide {
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.mmpanel {
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.mmpanels {
overflow: hidden;
}
.mmpanel.mmopened {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mmpanel.mmsubopened {
-webkit-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
transform: translate(-80%, 0);
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0);
}
.mmpanels>.mmpanel {
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
}
.mmpanels,
.mmpanels>.mmpanel {
background: inherit;
border-color: inherit;
}
.mmpanels>.mmpanel:not(.mmhidden) {
display: block;
}
.mmpanels>.mmpanel:after {
content: '';
display: block;
height: 20px;
}
.mmhidden,
.mm-nav-btn {
display: none;
}
.mm-fullscreen-bg,
.mm-fullscreen-bg:focus,
.mm-fullscreen-bg:active,
.mm-fullscreen-bg:hover {
outline: none;
} .newslist .newslist__item {
display: block;
text-decoration: none;
color: #5e5e5e;
font-size: 16px;
line-height: 25px;
}
.newslist .newslist__item .newslist__data {
font-size: 13px;
line-height: 24px;
}
.newslist .newslist__item .newslist__title {
font-size: 18px;
line-height: 24px;
color: #3a3a3a;
font-family: 'Poppins', sans-serif;
font-weight: 600;
margin-top: 12px;
padding-bottom: 13px;
}
.newslist .newslist__item .newslist__title+* {
margin-top: 0;
}
.newslist .newslist__item:not(:first-child) {
margin: 24px 0 0 0;
}
.newslist .newslist__item:not(:last-child) {
border-bottom: 1px solid #eef0f1;
padding-bottom: 24px;
}
@media (max-width: 767px) {
.newslist .newslist__item {
font-size: 14px;
line-height: 19px;
}
.newslist .newslist__item .newslist__data {
font-size: 12px;
}
.newslist .newslist__item .newslist__title {
font-size: 14px;
line-height: 17px;
margin-top: 4px;
padding-bottom: 7px;
}
.newslist .newslist__item:not(:first-child) {
margin: 19px 0 0 0;
}
.newslist .newslist__item:not(:last-child) {
padding-bottom: 19px;
}
}
.block-title+.newslist {
margin-top: -8px;
}
@media (min-width: 1025px) {
.block-title+.newslist {
max-width: 355px;
}
} .newsbox-caption {
color: #f7f7f7;
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 180px;
line-height: 1;
margin-top: -42px;
margin-left: -10px;
margin-bottom: -23px;
white-space: nowrap;
width: 100%;
}
@media (max-width: 1024px) {
.newsbox-caption {
font-size: 150px;
}
}
@media (max-width: 767px) {
.newsbox-caption {
position: absolute;
font-size: 140px;
}
}
@media (max-width: 575px) {
.newsbox-caption {
font-size: 100px;
text-align: center;
margin-top: -20px;
}
}
@media (max-width: 575px) {
.tt-col-575 {
width: 100%;
}
}
@media (min-width: 576px) {
.hidden-575 {
display: none;
}
}
@media (max-width: 767px) {
.hide767 {
display: none;
}
}
.show767 {
display: none;
}
@media (max-width: 767px) {
.show767 {
display: block;
}
}
@media (max-width: 575px) {
.custom-news-layout .block-title.text-left {
text-align: center;
}
}
@media (min-width: 992px) {
.js-newsbox {
margin-bottom: -15px;
}
}
.newslist {
margin-bottom: -7px;
} .newsbox .newsbox__img img {
max-width: 100%;
height: auto;
}
.newsbox .newsbox-content {
background-color: #ffffff;
box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
margin-right: 24px;
position: relative;
margin-top: -119px;
padding: 36px 30px 30px 30px;
}
.newsbox .newsbox__data {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
align-items: center;
font-size: 13px;
line-height: 24px;
}
.newsbox .newsbox__data .icon-marker {
width: 46px;
height: 3px;
display: inline-block;
background-color: #fede00;
margin-left: 15px;
}
.newsbox .newsbox__title {
font-size: 18px;
line-height: 24px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
margin: 12px 0 0 0;
padding: 0 0 15px 0;
}
.newsbox .newsbox__title a {
color: #3a3a3a;
text-decoration: none;
transition: all 0.1s ease 0s;
}
.newsbox .newsbox__title a:hover {
color: #fede00;
}
.newsbox .newsbox__link {
font-size: 14px;
font-weight: 500;
color: #5e5e5e;
text-decoration: none;
display: inline-block;
transition: all 0.1s ease 0s;
}
.newsbox .newsbox__link:hover {
color: #fede00;
}
.newsbox .newsbox-caption {
font-size: 180px;
line-height: 18px;
white-space: nowrap;
color: #f7f7f7;
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
@media (max-width: 575px) {
.newsbox .newsbox-content {
padding: 25px;
}
}
.js-newsbox {
margin-left: -15px;
margin-right: -15px;
}
.js-newsbox .newsbox__item {
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.js-newsbox .slick-slide {
padding-bottom: 15px;
}
.page-footer .footer-bottom-right {
float: right;
}
@media (max-width: 767px) {
.page-footer .copyright {
float: none;
}
.page-footer .footer-bottom-right {
float: none;
}
}
.card01-wrapper .item {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}
@media (max-width: 767px) {
.page-footer .footer-map {
display: none;
}
}
@media (max-width: 991px) {
.woocommerce-Tabs-panel.entry-content.wc-tab {
width: 100%;
}
}
body.layout-2 .btn-color02.btn.btn-border:not(:hover) {
border-color: #ffffff;
color: #ffffff;
}
body.layout-2 .btn-color02.btn.btn-border:hover {
color: #3a3a3a;
border-color: #ffffff;
}
body.layout-2 .btn-color02.btn.btn-border:before,
body.layout-2 .btn-color02.btn.btn-border:after {
background: #ffffff !important;
}
.slick-arrow-t-r .slick-prev,
.slick-arrow-t-r .slick-next {
top: -44px;
left: auto;
}
.slick-arrow-t-r .slick-next {
right: 5px;
}
.slick-arrow-t-r .slick-prev {
right: 55px;
}
#appointmentForm.modal .btn:not([data-action]) {
padding: 17px 76px;
}
#appointmentForm.modal .notes-custom {
margin-top: 16px;
}
#appointmentForm.modal p {
margin-bottom: 12px;
}
.input-type-file {
position: relative;
width: 100%;
}
.subtitle+.marker-list-sm {
margin-top: 0;
}
.select-wrapper.arrow-none:before {
display: none;
}
.marker-list-sm {
margin-top: 34px;
}
.marker-list-sm+p {
margin-top: 20px;
}
@media (max-width: 1199px) {
.layout-2 .container {
width: 100%;
}
}
.testimonial-wrapper.blog-isotope {
margin-bottom: 0;
}
.schedule_one .section__text-background.text-background__center {
left: -55px;
transform: none;
margin-right: 0;
width: unset;
top: 45%;
}
@media (max-width: 1300px) {
.schedule_one .section__text-background.text-background__center {
left: auto;
right: auto;
margin: 0 auto;
}
}
.overflow-hidden {
overflow: hidden;
}
.brands-grid img {
max-width: 100%;
}
.footer-section03 .social-links ul li a img {
max-width: 40px;
}
.row.service-single {
display: flex;
flex-wrap: wrap;
}
.row.service-single .col-12.col-sm-5.col-md-4 {
order: 2;
}
.row.service-single .col-12.col-sm-7.col-md-8 {
order: 1;
}
@media (max-width: 767px) {
.row.service-single .col-12.col-sm-7.col-md-8 {
margin-bottom: 50px;
}
}
.services-block-alt i.icon img {
max-width: 60px;
max-height: 60px;
}
.nav-aside ul li a .nav-aside__icon img {
height: 23px;
width: 23px;
}