.icofont-jumping:before{content:"\edb0"} .icofont-kick:before{content:"\edb1"} .icofont-leg:before{content:"\edb2"} .icofont-match-review:before{content:"\edb3"} .icofont-medal-sport:before{content:"\edb4"} .icofont-offside:before{content:"\edb5"} .icofont-olympic-logo:before{content:"\edb6"} .icofont-olympic:before{content:"\edb7"} .icofont-padding:before{content:"\edb8"} .icofont-penalty-card:before{content:"\edb9"} .icofont-racer:before{content:"\edba"} .icofont-racing-car:before{content:"\edbb"} .icofont-racing-flag-alt:before{content:"\edbc"} .icofont-racing-flag:before{content:"\edbd"} .icofont-racings-wheel:before{content:"\edbe"} .icofont-referee:before{content:"\edbf"} .icofont-refree-jersey:before{content:"\edc0"} .icofont-result-sport:before{content:"\edc1"} .icofont-rugby-ball:before{content:"\edc2"} .icofont-rugby-player:before{content:"\edc3"} .icofont-rugby:before{content:"\edc4"} .icofont-runner-alt-1:before{content:"\edc5"} .icofont-runner-alt-2:before{content:"\edc6"} .icofont-runner:before{content:"\edc7"} .icofont-score-board:before{content:"\edc8"} .icofont-skiing-man:before{content:"\edc9"} .icofont-skydiving-goggles:before{content:"\edca"} .icofont-snow-mobile:before{content:"\edcb"} .icofont-steering:before{content:"\edcc"} .icofont-stopwatch:before{content:"\edcd"} .icofont-substitute:before{content:"\edce"} .icofont-swimmer:before{content:"\edcf"} .icofont-table-tennis:before{content:"\edd0"} .icofont-team-alt:before{content:"\edd1"} .icofont-team:before{content:"\edd2"} .icofont-tennis-player:before{content:"\edd3"} .icofont-tennis:before{content:"\edd4"} .icofont-tracking:before{content:"\edd5"} .icofont-trophy-alt:before{content:"\edd6"} .icofont-trophy:before{content:"\edd7"} .icofont-volleyball-alt:before{content:"\edd8"} .icofont-volleyball-fire:before{content:"\edd9"} .icofont-volleyball:before{content:"\edda"} .icofont-water-bottle:before{content:"\eddb"} .icofont-whistle-alt:before{content:"\eddc"} .icofont-whistle:before{content:"\eddd"} .icofont-win-trophy:before{content:"\edde"} .icofont-align-center:before{content:"\eddf"} .icofont-align-left:before{content:"\ede0"} .icofont-align-right:before{content:"\ede1"} .icofont-all-caps:before{content:"\ede2"} .icofont-bold:before{content:"\ede3"} .icofont-brush:before{content:"\ede4"} .icofont-clip-board:before{content:"\ede5"} .icofont-code-alt:before{content:"\ede6"} .icofont-color-bucket:before{content:"\ede7"} .icofont-color-picker:before{content:"\ede8"} .icofont-copy-invert:before{content:"\ede9"} .icofont-copy:before{content:"\edea"} .icofont-cut:before{content:"\edeb"} .icofont-delete-alt:before{content:"\edec"} .icofont-edit-alt:before{content:"\eded"} .icofont-eraser-alt:before{content:"\edee"} .icofont-font:before{content:"\edef"} .icofont-heading:before{content:"\edf0"} .icofont-indent:before{content:"\edf1"} .icofont-italic-alt:before{content:"\edf2"} .icofont-italic:before{content:"\edf3"} .icofont-justify-all:before{content:"\edf4"} .icofont-justify-center:before{content:"\edf5"} .icofont-justify-left:before{content:"\edf6"} .icofont-justify-right:before{content:"\edf7"} .icofont-link-broken:before{content:"\edf8"} .icofont-outdent:before{content:"\edf9"} .icofont-paper-clip:before{content:"\edfa"} .icofont-paragraph:before{content:"\edfb"} .icofont-pin:before{content:"\edfc"} .icofont-printer:before{content:"\edfd"} .icofont-redo:before{content:"\edfe"} .icofont-rotation:before{content:"\edff"} .icofont-save:before{content:"\ee00"} .icofont-small-cap:before{content:"\ee01"} .icofont-strike-through:before{content:"\ee02"} .icofont-sub-listing:before{content:"\ee03"} .icofont-subscript:before{content:"\ee04"} .icofont-superscript:before{content:"\ee05"} .icofont-table:before{content:"\ee06"} .icofont-text-height:before{content:"\ee07"} .icofont-text-width:before{content:"\ee08"} .icofont-trash:before{content:"\ee09"} .icofont-underline:before{content:"\ee0a"} .icofont-undo:before{content:"\ee0b"} .icofont-air-balloon:before{content:"\ee0c"} .icofont-airplane-alt:before{content:"\ee0d"} .icofont-airplane:before{content:"\ee0e"} .icofont-articulated-truck:before{content:"\ee0f"} .icofont-auto-mobile:before{content:"\ee10"} .icofont-auto-rickshaw:before{content:"\ee11"} .icofont-bicycle-alt-1:before{content:"\ee12"} .icofont-bicycle-alt-2:before{content:"\ee13"} .icofont-bicycle:before{content:"\ee14"} .icofont-bus-alt-1:before{content:"\ee15"} .icofont-bus-alt-2:before{content:"\ee16"} .icofont-bus-alt-3:before{content:"\ee17"} .icofont-bus:before{content:"\ee18"} .icofont-cab:before{content:"\ee19"} .icofont-cable-car:before{content:"\ee1a"} .icofont-car-alt-1:before{content:"\ee1b"} .icofont-car-alt-2:before{content:"\ee1c"} .icofont-car-alt-3:before{content:"\ee1d"} .icofont-car-alt-4:before{content:"\ee1e"} .icofont-car:before{content:"\ee1f"} .icofont-delivery-time:before{content:"\ee20"} .icofont-fast-delivery:before{content:"\ee21"} .icofont-fire-truck-alt:before{content:"\ee22"} .icofont-fire-truck:before{content:"\ee23"} .icofont-free-delivery:before{content:"\ee24"} .icofont-helicopter:before{content:"\ee25"} .icofont-motor-bike-alt:before{content:"\ee26"} .icofont-motor-bike:before{content:"\ee27"} .icofont-motor-biker:before{content:"\ee28"} .icofont-oil-truck:before{content:"\ee29"} .icofont-rickshaw:before{content:"\ee2a"} .icofont-rocket-alt-1:before{content:"\ee2b"} .icofont-rocket-alt-2:before{content:"\ee2c"} .icofont-rocket:before{content:"\ee2d"} .icofont-sail-boat-alt-1:before{content:"\ee2e"} .icofont-sail-boat-alt-2:before{content:"\ee2f"} .icofont-sail-boat:before{content:"\ee30"} .icofont-scooter:before{content:"\ee31"} .icofont-sea-plane:before{content:"\ee32"} .icofont-ship-alt:before{content:"\ee33"} .icofont-ship:before{content:"\ee34"} .icofont-speed-boat:before{content:"\ee35"} .icofont-taxi:before{content:"\ee36"} .icofont-tractor:before{content:"\ee37"} .icofont-train-line:before{content:"\ee38"} .icofont-train-steam:before{content:"\ee39"} .icofont-tram:before{content:"\ee3a"} .icofont-truck-alt:before{content:"\ee3b"} .icofont-truck-loaded:before{content:"\ee3c"} .icofont-truck:before{content:"\ee3d"} .icofont-van-alt:before{content:"\ee3e"} .icofont-van:before{content:"\ee3f"} .icofont-yacht:before{content:"\ee40"} .icofont-5-star-hotel:before{content:"\ee41"} .icofont-air-ticket:before{content:"\ee42"} .icofont-beach-bed:before{content:"\ee43"} .icofont-beach:before{content:"\ee44"} .icofont-camping-vest:before{content:"\ee45"} .icofont-direction-sign:before{content:"\ee46"} .icofont-hill-side:before{content:"\ee47"} .icofont-hill:before{content:"\ee48"} .icofont-hotel:before{content:"\ee49"} .icofont-island-alt:before{content:"\ee4a"} .icofont-island:before{content:"\ee4b"} .icofont-sandals-female:before{content:"\ee4c"} .icofont-sandals-male:before{content:"\ee4d"} .icofont-travelling:before{content:"\ee4e"} .icofont-breakdown:before{content:"\ee4f"} .icofont-celsius:before{content:"\ee50"} .icofont-clouds:before{content:"\ee51"} .icofont-cloudy:before{content:"\ee52"} .icofont-dust:before{content:"\ee53"} .icofont-eclipse:before{content:"\ee54"} .icofont-fahrenheit:before{content:"\ee55"} .icofont-forest-fire:before{content:"\ee56"} .icofont-full-night:before{content:"\ee57"} .icofont-full-sunny:before{content:"\ee58"} .icofont-hail-night:before{content:"\ee59"} .icofont-hail-rainy-night:before{content:"\ee5a"} .icofont-hail-rainy-sunny:before{content:"\ee5b"} .icofont-hail-rainy:before{content:"\ee5c"} .icofont-hail-sunny:before{content:"\ee5d"} .icofont-hail-thunder-night:before{content:"\ee5e"} .icofont-hail-thunder-sunny:before{content:"\ee5f"} .icofont-hail-thunder:before{content:"\ee60"} .icofont-hail:before{content:"\ee61"} .icofont-hill-night:before{content:"\ee62"} .icofont-hill-sunny:before{content:"\ee63"} .icofont-hurricane:before{content:"\ee64"} .icofont-meteor:before{content:"\ee65"} .icofont-night:before{content:"\ee66"} .icofont-rainy-night:before{content:"\ee67"} .icofont-rainy-sunny:before{content:"\ee68"} .icofont-rainy-thunder:before{content:"\ee69"} .icofont-rainy:before{content:"\ee6a"} .icofont-snow-alt:before{content:"\ee6b"} .icofont-snow-flake:before{content:"\ee6c"} .icofont-snow-temp:before{content:"\ee6d"} .icofont-snow:before{content:"\ee6e"} .icofont-snowy-hail:before{content:"\ee6f"} .icofont-snowy-night-hail:before{content:"\ee70"} .icofont-snowy-night-rainy:before{content:"\ee71"} .icofont-snowy-night:before{content:"\ee72"} .icofont-snowy-rainy:before{content:"\ee73"} .icofont-snowy-sunny-hail:before{content:"\ee74"} .icofont-snowy-sunny-rainy:before{content:"\ee75"} .icofont-snowy-sunny:before{content:"\ee76"} .icofont-snowy-thunder-night:before{content:"\ee77"} .icofont-snowy-thunder-sunny:before{content:"\ee78"} .icofont-snowy-thunder:before{content:"\ee79"} .icofont-snowy-windy-night:before{content:"\ee7a"} .icofont-snowy-windy-sunny:before{content:"\ee7b"} .icofont-snowy-windy:before{content:"\ee7c"} .icofont-snowy:before{content:"\ee7d"} .icofont-sun-alt:before{content:"\ee7e"} .icofont-sun-rise:before{content:"\ee7f"} .icofont-sun-set:before{content:"\ee80"} .icofont-sun:before{content:"\ee81"} .icofont-sunny-day-temp:before{content:"\ee82"} .icofont-sunny:before{content:"\ee83"} .icofont-thunder-light:before{content:"\ee84"} .icofont-tornado:before{content:"\ee85"} .icofont-umbrella-alt:before{content:"\ee86"} .icofont-umbrella:before{content:"\ee87"} .icofont-volcano:before{content:"\ee88"} .icofont-wave:before{content:"\ee89"} .icofont-wind-scale-0:before{content:"\ee8a"} .icofont-wind-scale-1:before{content:"\ee8b"} .icofont-wind-scale-10:before{content:"\ee8c"} .icofont-wind-scale-11:before{content:"\ee8d"} .icofont-wind-scale-12:before{content:"\ee8e"} .icofont-wind-scale-2:before{content:"\ee8f"} .icofont-wind-scale-3:before{content:"\ee90"} .icofont-wind-scale-4:before{content:"\ee91"} .icofont-wind-scale-5:before{content:"\ee92"} .icofont-wind-scale-6:before{content:"\ee93"} .icofont-wind-scale-7:before{content:"\ee94"} .icofont-wind-scale-8:before{content:"\ee95"} .icofont-wind-scale-9:before{content:"\ee96"} .icofont-wind-waves:before{content:"\ee97"} .icofont-wind:before{content:"\ee98"} .icofont-windy-hail:before{content:"\ee99"} .icofont-windy-night:before{content:"\ee9a"} .icofont-windy-raining:before{content:"\ee9b"} .icofont-windy-sunny:before{content:"\ee9c"} .icofont-windy-thunder-raining:before{content:"\ee9d"} .icofont-windy-thunder:before{content:"\ee9e"} .icofont-windy:before{content:"\ee9f"} .icofont-addons:before{content:"\eea0"} .icofont-address-book:before{content:"\eea1"} .icofont-adjust:before{content:"\eea2"} .icofont-alarm:before{content:"\eea3"} .icofont-anchor:before{content:"\eea4"} .icofont-archive:before{content:"\eea5"} .icofont-at:before{content:"\eea6"} .icofont-attachment:before{content:"\eea7"} .icofont-audio:before{content:"\eea8"} .icofont-automation:before{content:"\eea9"} .icofont-badge:before{content:"\eeaa"} .icofont-bag-alt:before{content:"\eeab"} .icofont-bag:before{content:"\eeac"} .icofont-ban:before{content:"\eead"} .icofont-bar-code:before{content:"\eeae"} .icofont-bars:before{content:"\eeaf"} .icofont-basket:before{content:"\eeb0"} .icofont-battery-empty:before{content:"\eeb1"} .icofont-battery-full:before{content:"\eeb2"} .icofont-battery-half:before{content:"\eeb3"} .icofont-battery-low:before{content:"\eeb4"} .icofont-beaker:before{content:"\eeb5"} .icofont-beard:before{content:"\eeb6"} .icofont-bed:before{content:"\eeb7"} .icofont-bell:before{content:"\eeb8"} .icofont-beverage:before{content:"\eeb9"} .icofont-bill:before{content:"\eeba"} .icofont-bin:before{content:"\eebb"} .icofont-binary:before{content:"\eebc"} .icofont-binoculars:before{content:"\eebd"} .icofont-bluetooth:before{content:"\eebe"} .icofont-bomb:before{content:"\eebf"} .icofont-book-mark:before{content:"\eec0"} .icofont-box:before{content:"\eec1"} .icofont-briefcase:before{content:"\eec2"} .icofont-broken:before{content:"\eec3"} .icofont-bucket:before{content:"\eec4"} .icofont-bucket1:before{content:"\eec5"} .icofont-bucket2:before{content:"\eec6"} .icofont-bug:before{content:"\eec7"} .icofont-building:before{content:"\eec8"} .icofont-bulb-alt:before{content:"\eec9"} .icofont-bullet:before{content:"\eeca"} .icofont-bullhorn:before{content:"\eecb"} .icofont-bullseye:before{content:"\eecc"} .icofont-calendar:before{content:"\eecd"} .icofont-camera-alt:before{content:"\eece"} .icofont-camera:before{content:"\eecf"} .icofont-card:before{content:"\eed0"} .icofont-cart-alt:before{content:"\eed1"} .icofont-cart:before{content:"\eed2"} .icofont-cc:before{content:"\eed3"} .icofont-charging:before{content:"\eed4"} .icofont-chat:before{content:"\eed5"} .icofont-check-alt:before{content:"\eed6"} .icofont-check-circled:before{content:"\eed7"} .icofont-check:before{content:"\eed8"} .icofont-checked:before{content:"\eed9"} .icofont-children-care:before{content:"\eeda"} .icofont-clip:before{content:"\eedb"} .icofont-clock-time:before{content:"\eedc"} .icofont-close-circled:before{content:"\eedd"} .icofont-close-line-circled:before{content:"\eede"} .icofont-close-line-squared-alt:before{content:"\eedf"} .icofont-close-line-squared:before{content:"\eee0"} .icofont-close-line:before{content:"\eee1"} .icofont-close-squared-alt:before{content:"\eee2"} .icofont-close-squared:before{content:"\eee3"} .icofont-close:before{content:"\eee4"} .icofont-cloud-download:before{content:"\eee5"} .icofont-cloud-refresh:before{content:"\eee6"} .icofont-cloud-upload:before{content:"\eee7"} .icofont-cloud:before{content:"\eee8"} .icofont-code-not-allowed:before{content:"\eee9"} .icofont-code:before{content:"\eeea"} .icofont-comment:before{content:"\eeeb"} .icofont-compass-alt:before{content:"\eeec"} .icofont-compass:before{content:"\eeed"} .icofont-computer:before{content:"\eeee"} .icofont-connection:before{content:"\eeef"} .icofont-console:before{content:"\eef0"} .icofont-contacts:before{content:"\eef1"} .icofont-contrast:before{content:"\eef2"} .icofont-copyright:before{content:"\eef3"} .icofont-credit-card:before{content:"\eef4"} .icofont-crop:before{content:"\eef5"} .icofont-crown:before{content:"\eef6"} .icofont-cube:before{content:"\eef7"} .icofont-cubes:before{content:"\eef8"} .icofont-dashboard-web:before{content:"\eef9"} .icofont-dashboard:before{content:"\eefa"} .icofont-data:before{content:"\eefb"} .icofont-database-add:before{content:"\eefc"} .icofont-database-locked:before{content:"\eefd"} .icofont-database-remove:before{content:"\eefe"} .icofont-database:before{content:"\eeff"} .icofont-delete:before{content:"\ef00"} .icofont-diamond:before{content:"\ef01"} .icofont-dice-multiple:before{content:"\ef02"} .icofont-dice:before{content:"\ef03"} .icofont-disc:before{content:"\ef04"} .icofont-diskette:before{content:"\ef05"} .icofont-document-folder:before{content:"\ef06"} .icofont-download-alt:before{content:"\ef07"} .icofont-download:before{content:"\ef08"} .icofont-downloaded:before{content:"\ef09"} .icofont-drag:before{content:"\ef0a"} .icofont-drag1:before{content:"\ef0b"} .icofont-drag2:before{content:"\ef0c"} .icofont-drag3:before{content:"\ef0d"} .icofont-earth:before{content:"\ef0e"} .icofont-ebook:before{content:"\ef0f"} .icofont-edit:before{content:"\ef10"} .icofont-eject:before{content:"\ef11"} .icofont-email:before{content:"\ef12"} .icofont-envelope-open:before{content:"\ef13"} .icofont-envelope:before{content:"\ef14"} .icofont-eraser:before{content:"\ef15"} .icofont-error:before{content:"\ef16"} .icofont-excavator:before{content:"\ef17"} .icofont-exchange:before{content:"\ef18"} .icofont-exclamation-circle:before{content:"\ef19"} .icofont-exclamation-square:before{content:"\ef1a"} .icofont-exclamation-tringle:before{content:"\ef1b"} .icofont-exclamation:before{content:"\ef1c"} .icofont-exit:before{content:"\ef1d"} .icofont-expand:before{content:"\ef1e"} .icofont-external-link:before{content:"\ef1f"} .icofont-external:before{content:"\ef20"} .icofont-eye-alt:before{content:"\ef21"} .icofont-eye-blocked:before{content:"\ef22"} .icofont-eye-dropper:before{content:"\ef23"} .icofont-eye:before{content:"\ef24"} .icofont-favourite:before{content:"\ef25"} .icofont-fax:before{content:"\ef26"} .icofont-file-fill:before{content:"\ef27"} .icofont-film:before{content:"\ef28"} .icofont-filter:before{content:"\ef29"} .icofont-fire-alt:before{content:"\ef2a"} .icofont-fire-burn:before{content:"\ef2b"} .icofont-fire:before{content:"\ef2c"} .icofont-flag-alt-1:before{content:"\ef2d"} .icofont-flag-alt-2:before{content:"\ef2e"} .icofont-flag:before{content:"\ef2f"} .icofont-flame-torch:before{content:"\ef30"} .icofont-flash-light:before{content:"\ef31"} .icofont-flash:before{content:"\ef32"} .icofont-flask:before{content:"\ef33"} .icofont-focus:before{content:"\ef34"} .icofont-folder-open:before{content:"\ef35"} .icofont-folder:before{content:"\ef36"} .icofont-foot-print:before{content:"\ef37"} .icofont-garbage:before{content:"\ef38"} .icofont-gear-alt:before{content:"\ef39"} .icofont-gear:before{content:"\ef3a"} .icofont-gears:before{content:"\ef3b"} .icofont-gift:before{content:"\ef3c"} .icofont-glass:before{content:"\ef3d"} .icofont-globe:before{content:"\ef3e"} .icofont-graffiti:before{content:"\ef3f"} .icofont-grocery:before{content:"\ef40"} .icofont-hand:before{content:"\ef41"} .icofont-hanger:before{content:"\ef42"} .icofont-hard-disk:before{content:"\ef43"} .icofont-heart-alt:before{content:"\ef44"} .icofont-heart:before{content:"\ef45"} .icofont-history:before{content:"\ef46"} .icofont-home:before{content:"\ef47"} .icofont-horn:before{content:"\ef48"} .icofont-hour-glass:before{content:"\ef49"} .icofont-id:before{content:"\ef4a"} .icofont-image:before{content:"\ef4b"} .icofont-inbox:before{content:"\ef4c"} .icofont-infinite:before{content:"\ef4d"} .icofont-info-circle:before{content:"\ef4e"} .icofont-info-square:before{content:"\ef4f"} .icofont-info:before{content:"\ef50"} .icofont-institution:before{content:"\ef51"} .icofont-interface:before{content:"\ef52"} .icofont-invisible:before{content:"\ef53"} .icofont-jacket:before{content:"\ef54"} .icofont-jar:before{content:"\ef55"} .icofont-jewlery:before{content:"\ef56"} .icofont-karate:before{content:"\ef57"} .icofont-key-hole:before{content:"\ef58"} .icofont-key:before{content:"\ef59"} .icofont-label:before{content:"\ef5a"} .icofont-lamp:before{content:"\ef5b"} .icofont-layers:before{content:"\ef5c"} .icofont-layout:before{content:"\ef5d"} .icofont-leaf:before{content:"\ef5e"} .icofont-leaflet:before{content:"\ef5f"} .icofont-learn:before{content:"\ef60"} .icofont-lego:before{content:"\ef61"} .icofont-lens:before{content:"\ef62"} .icofont-letter:before{content:"\ef63"} .icofont-letterbox:before{content:"\ef64"} .icofont-library:before{content:"\ef65"} .icofont-license:before{content:"\ef66"} .icofont-life-bouy:before{content:"\ef67"} .icofont-life-buoy:before{content:"\ef68"} .icofont-life-jacket:before{content:"\ef69"} .icofont-life-ring:before{content:"\ef6a"} .icofont-light-bulb:before{content:"\ef6b"} .icofont-lighter:before{content:"\ef6c"} .icofont-lightning-ray:before{content:"\ef6d"} .icofont-like:before{content:"\ef6e"} .icofont-line-height:before{content:"\ef6f"} .icofont-link-alt:before{content:"\ef70"} .icofont-link:before{content:"\ef71"} .icofont-list:before{content:"\ef72"} .icofont-listening:before{content:"\ef73"} .icofont-listine-dots:before{content:"\ef74"} .icofont-listing-box:before{content:"\ef75"} .icofont-listing-number:before{content:"\ef76"} .icofont-live-support:before{content:"\ef77"} .icofont-location-arrow:before{content:"\ef78"} .icofont-location-pin:before{content:"\ef79"} .icofont-lock:before{content:"\ef7a"} .icofont-login:before{content:"\ef7b"} .icofont-logout:before{content:"\ef7c"} .icofont-lollipop:before{content:"\ef7d"} .icofont-long-drive:before{content:"\ef7e"} .icofont-look:before{content:"\ef7f"} .icofont-loop:before{content:"\ef80"} .icofont-luggage:before{content:"\ef81"} .icofont-lunch:before{content:"\ef82"} .icofont-lungs:before{content:"\ef83"} .icofont-magic-alt:before{content:"\ef84"} .icofont-magic:before{content:"\ef85"} .icofont-magnet:before{content:"\ef86"} .icofont-mail-box:before{content:"\ef87"} .icofont-mail:before{content:"\ef88"} .icofont-male:before{content:"\ef89"} .icofont-map-pins:before{content:"\ef8a"} .icofont-map:before{content:"\ef8b"} .icofont-maximize:before{content:"\ef8c"} .icofont-measure:before{content:"\ef8d"} .icofont-medicine:before{content:"\ef8e"} .icofont-mega-phone:before{content:"\ef8f"} .icofont-megaphone-alt:before{content:"\ef90"} .icofont-megaphone:before{content:"\ef91"} .icofont-memorial:before{content:"\ef92"} .icofont-memory-card:before{content:"\ef93"} .icofont-mic-mute:before{content:"\ef94"} .icofont-mic:before{content:"\ef95"} .icofont-military:before{content:"\ef96"} .icofont-mill:before{content:"\ef97"} .icofont-minus-circle:before{content:"\ef98"} .icofont-minus-square:before{content:"\ef99"} .icofont-minus:before{content:"\ef9a"} .icofont-mobile-phone:before{content:"\ef9b"} .icofont-molecule:before{content:"\ef9c"} .icofont-money:before{content:"\ef9d"} .icofont-moon:before{content:"\ef9e"} .icofont-mop:before{content:"\ef9f"} .icofont-muffin:before{content:"\efa0"} .icofont-mustache:before{content:"\efa1"} .icofont-navigation-menu:before{content:"\efa2"} .icofont-navigation:before{content:"\efa3"} .icofont-network-tower:before{content:"\efa4"} .icofont-network:before{content:"\efa5"} .icofont-news:before{content:"\efa6"} .icofont-newspaper:before{content:"\efa7"} .icofont-no-smoking:before{content:"\efa8"} .icofont-not-allowed:before{content:"\efa9"} .icofont-notebook:before{content:"\efaa"} .icofont-notepad:before{content:"\efab"} .icofont-notification:before{content:"\efac"} .icofont-numbered:before{content:"\efad"} .icofont-opposite:before{content:"\efae"} .icofont-optic:before{content:"\efaf"} .icofont-options:before{content:"\efb0"} .icofont-package:before{content:"\efb1"} .icofont-page:before{content:"\efb2"} .icofont-paint:before{content:"\efb3"} .icofont-paper-plane:before{content:"\efb4"} .icofont-paperclip:before{content:"\efb5"} .icofont-papers:before{content:"\efb6"} .icofont-pay:before{content:"\efb7"} .icofont-penguin-linux:before{content:"\efb8"} .icofont-pestle:before{content:"\efb9"} .icofont-phone-circle:before{content:"\efba"} .icofont-phone:before{content:"\efbb"} .icofont-picture:before{content:"\efbc"} .icofont-pine:before{content:"\efbd"} .icofont-pixels:before{content:"\efbe"} .icofont-plugin:before{content:"\efbf"} .icofont-plus-circle:before{content:"\efc0"} .icofont-plus-square:before{content:"\efc1"} .icofont-plus:before{content:"\efc2"} .icofont-polygonal:before{content:"\efc3"} .icofont-power:before{content:"\efc4"} .icofont-price:before{content:"\efc5"} .icofont-print:before{content:"\efc6"} .icofont-puzzle:before{content:"\efc7"} .icofont-qr-code:before{content:"\efc8"} .icofont-queen:before{content:"\efc9"} .icofont-question-circle:before{content:"\efca"} .icofont-question-square:before{content:"\efcb"} .icofont-question:before{content:"\efcc"} .icofont-quote-left:before{content:"\efcd"} .icofont-quote-right:before{content:"\efce"} .icofont-random:before{content:"\efcf"} .icofont-recycle:before{content:"\efd0"} .icofont-refresh:before{content:"\efd1"} .icofont-repair:before{content:"\efd2"} .icofont-reply-all:before{content:"\efd3"} .icofont-reply:before{content:"\efd4"} .icofont-resize:before{content:"\efd5"} .icofont-responsive:before{content:"\efd6"} .icofont-retweet:before{content:"\efd7"} .icofont-road:before{content:"\efd8"} .icofont-robot:before{content:"\efd9"} .icofont-royal:before{content:"\efda"} .icofont-rss-feed:before{content:"\efdb"} .icofont-safety:before{content:"\efdc"} .icofont-sale-discount:before{content:"\efdd"} .icofont-satellite:before{content:"\efde"} .icofont-send-mail:before{content:"\efdf"} .icofont-server:before{content:"\efe0"} .icofont-settings-alt:before{content:"\efe1"} .icofont-settings:before{content:"\efe2"} .icofont-share-alt:before{content:"\efe3"} .icofont-share-boxed:before{content:"\efe4"} .icofont-share:before{content:"\efe5"} .icofont-shield:before{content:"\efe6"} .icofont-shopping-cart:before{content:"\efe7"} .icofont-sign-in:before{content:"\efe8"} .icofont-sign-out:before{content:"\efe9"} .icofont-signal:before{content:"\efea"} .icofont-site-map:before{content:"\efeb"} .icofont-smart-phone:before{content:"\efec"} .icofont-soccer:before{content:"\efed"} .icofont-sort-alt:before{content:"\efee"} .icofont-sort:before{content:"\efef"} .icofont-space:before{content:"\eff0"} .icofont-spanner:before{content:"\eff1"} .icofont-speech-comments:before{content:"\eff2"} .icofont-speed-meter:before{content:"\eff3"} .icofont-spinner-alt-1:before{content:"\eff4"} .icofont-spinner-alt-2:before{content:"\eff5"} .icofont-spinner-alt-3:before{content:"\eff6"} .icofont-spinner-alt-4:before{content:"\eff7"} .icofont-spinner-alt-5:before{content:"\eff8"} .icofont-spinner-alt-6:before{content:"\eff9"} .icofont-spinner:before{content:"\effa"} .icofont-spreadsheet:before{content:"\effb"} .icofont-square:before{content:"\effc"} .icofont-ssl-security:before{content:"\effd"} .icofont-star-alt-1:before{content:"\effe"} .icofont-star-alt-2:before{content:"\efff"} .icofont-star:before{content:"\f000"} .icofont-street-view:before{content:"\f001"} .icofont-support-faq:before{content:"\f002"} .icofont-tack-pin:before{content:"\f003"} .icofont-tag:before{content:"\f004"} .icofont-tags:before{content:"\f005"} .icofont-tasks-alt:before{content:"\f006"} .icofont-tasks:before{content:"\f007"} .icofont-telephone:before{content:"\f008"} .icofont-telescope:before{content:"\f009"} .icofont-terminal:before{content:"\f00a"} .icofont-thumbs-down:before{content:"\f00b"} .icofont-thumbs-up:before{content:"\f00c"} .icofont-tick-boxed:before{content:"\f00d"} .icofont-tick-mark:before{content:"\f00e"} .icofont-ticket:before{content:"\f00f"} .icofont-tie:before{content:"\f010"} .icofont-toggle-off:before{content:"\f011"} .icofont-toggle-on:before{content:"\f012"} .icofont-tools-alt-2:before{content:"\f013"} .icofont-tools:before{content:"\f014"} .icofont-touch:before{content:"\f015"} .icofont-traffic-light:before{content:"\f016"} .icofont-transparent:before{content:"\f017"} .icofont-tree:before{content:"\f018"} .icofont-unique-idea:before{content:"\f019"} .icofont-unlock:before{content:"\f01a"} .icofont-unlocked:before{content:"\f01b"} .icofont-upload-alt:before{content:"\f01c"} .icofont-upload:before{content:"\f01d"} .icofont-usb-drive:before{content:"\f01e"} .icofont-usb:before{content:"\f01f"} .icofont-vector-path:before{content:"\f020"} .icofont-verification-check:before{content:"\f021"} .icofont-wall-clock:before{content:"\f022"} .icofont-wall:before{content:"\f023"} .icofont-wallet:before{content:"\f024"} .icofont-warning-alt:before{content:"\f025"} .icofont-warning:before{content:"\f026"} .icofont-water-drop:before{content:"\f027"} .icofont-web:before{content:"\f028"} .icofont-wheelchair:before{content:"\f029"} .icofont-wifi-alt:before{content:"\f02a"} .icofont-wifi:before{content:"\f02b"} .icofont-world:before{content:"\f02c"} .icofont-zigzag:before{content:"\f02d"} .icofont-zipped:before{content:"\f02e"} .icofont-xs{font-size:.5em} .icofont-sm{font-size:.75em} .icofont-md{font-size:1.25em} .icofont-lg{font-size:1.5em} .icofont-1x{font-size:1em} .icofont-2x{font-size:2em} .icofont-3x{font-size:3em} .icofont-4x{font-size:4em} .icofont-5x{font-size:5em} .icofont-6x{font-size:6em} .icofont-7x{font-size:7em} .icofont-8x{font-size:8em} .icofont-9x{font-size:9em} .icofont-10x{font-size:10em} .icofont-fw{text-align:center;width:1.25em} .icofont-ul{list-style-type:none;padding-left:0;margin-left:0} .icofont-ul>li{position:relative;line-height:2em} .icofont-ul>li .icofont{display:inline-block;vertical-align:middle} .icofont-border{border:solid .08em #f1f1f1;border-radius:.1em;padding:.2em .25em .15em} .icofont-pull-left{float:left} .icofont-pull-right{float:right} .icofont.icofont-pull-left{margin-right:.3em} .icofont.icofont-pull-right{margin-left:.3em} .icofont-spin{-webkit-animation:icofont-spin 2s infinite linear;animation:icofont-spin 2s infinite linear;display:inline-block} .icofont-pulse{-webkit-animation:icofont-spin 1s infinite steps(8);animation:icofont-spin 1s infinite steps(8);display:inline-block} @-webkit-keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} .icofont-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)} .icofont-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)} .icofont-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)} .icofont-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)} .icofont-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)} .icofont-flip-horizontal.icofont-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)} :root .icofont-flip-horizontal,:root .icofont-flip-vertical,:root .icofont-rotate-180,:root .icofont-rotate-270,:root .icofont-rotate-90{-webkit-filter:none;filter:none;display:inline-block} .icofont-inverse{color:#fff} .sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} 

/* /vit_elearning/static/src/css/classy-nav.min.css defined in bundle 'vit_elearning.elearning_assets_frontend_css' */
*,ol,ul{margin:0} .classynav ul li.megamenu-item>a:after,.icon-down-arrow:before{content:"\e900"} *{padding:0} body{font-family:Roboto,sans-serif} ol li,ul li{list-style:none} img{height:auto;max-width:100%} .bg-img{background-position:center center;background-size:cover;background-repeat:no-repeat} .bg-transparent{background-color:transparent!important} .pr12{padding-right:12px!important} .classy-nav-container{position:relative;z-index:100;background-color:#fff} .classy-nav-container *{box-sizing:border-box} .classy-nav-container a{-webkit-transition-duration:.5s;transition-duration:.5s;text-decoration:none;outline:0;font-size:14px;font-weight:400;color:#232323;display:inline-block} .classy-nav-container a:focus,.classy-nav-container a:hover{-webkit-transition-duration:.5s;transition-duration:.5s;text-decoration:none;outline:0;font-size:14px;font-weight:400;color:#1abc9c} .classy-navbar .nav-brand,.classy-navbar .nav-brand:focus,.classy-navbar .nav-brand:hover{font-size:26px;font-weight:500} .classy-nav-container.classy-sticky{position:fixed;z-index:1010;width:100%;top:0;right:0;left:0} .classy-nav-container.box-skins .classynav>ul>li{background-color:#1abc9c} .classy-nav-container.box-skins .classynav>ul>li>a{color:#fff} .justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .classy-navbar{width:100%;height:70px;padding:.5em 2em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center} .classy-navbar .nav-brand{color:#565656;display:inline-block;margin-right:30px} .classynav ul li{display:inline-block;clear:both;position:inherit;z-index:10} .classynav ul li.cn-dropdown-item,.classynav ul li.cn-dropdown-item ul li{position:relative;z-index:10} .classynav ul .megamenu-item{padding:0 0 0 9px} .classynav ul li ul li{display:block} .classynav ul li ul li a{padding:0 20px} .classynav ul li a{padding:0 3px;display:block;height:35px;font-size:14px;line-height:34px} .classynav ul li .megamenu li a{padding:0 12px} .classynav ul .megamenu-item a{padding-right:0} @font-face{font-family:icomoon;src:url(/vit_elearning/static/src/css/../fonts/classycb9b.eot?fftrrv);src:url(/vit_elearning/static/src/css/../fonts/classycb9b.eot?fftrrv#iefix) format("embedded-opentype"),url(/vit_elearning/static/src/css/../fonts/classycb9b.ttf?fftrrv) format("truetype"),url(/vit_elearning/static/src/css/../fonts/classycb9b.woff?fftrrv) format("woff"),url(/vit_elearning/static/src/css/../fonts/classycb9b.svg?fftrrv#icomoon) format("svg");font-weight:400;font-style:normal} [class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .classynav ul li.megamenu-item>a:after{font-family:icomoon!important;font-size:11px;color:#000;padding-left:3px} .classycloseIcon{position:absolute;top:20px;right:20px;z-index:12;display:none} .classycloseIcon .cross-wrap{width:26px;height:26px;cursor:pointer;position:relative} .classycloseIcon .cross-wrap span{position:absolute;display:block;width:100%;height:2px;border-radius:6px;background:#232323} .classycloseIcon .cross-wrap span.top{top:12px;left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)} .classycloseIcon .cross-wrap span.bottom{bottom:12px;left:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .classy-navbar-toggler{border:none;background-color:transparent;cursor:pointer;display:none} .classy-navbar-toggler .navbarToggler{display:inline-block;cursor:pointer} .classy-navbar-toggler .navbarToggler span{position:relative;background-color:#000;border-radius:3px;display:block;height:3px;margin-top:5px;padding:0;-webkit-transition-duration:.3s;transition-duration:.3s;width:30px;cursor:pointer} .header-sticky.is-sticky .classy-navbar-toggler .navbarToggler span{background-color:#000} .classy-navbar-toggler .navbarToggler.active span:nth-of-type(1){-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);top:8px} .classy-navbar-toggler .navbarToggler.active span:nth-of-type(2){opacity:0} .classy-navbar-toggler .navbarToggler.active span:nth-of-type(3){-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);top:-8px} .classynav ul li .megamenu{position:absolute;width:100%;left:0;top:100%;background-color:#fff;z-index:200;box-shadow:0 1px 4px rgba(0,0,0,.15);-webkit-transition-duration:.3s;transition-duration:.3s} .classynav ul li .megamenu .single-mega.cn-col-5{width:20%;display:inline-block;float:left;padding:15px;border-right:1px solid #f2f4f8} .classynav ul li .megamenu .single-mega.cn-col-5:last-of-type{border-right:none} .classynav ul li .megamenu .single-mega.cn-col-4{width:25%;display:inline-block;float:left;padding:15px;border-right:1px solid #f2f4f8} .classynav ul li .megamenu .single-mega.cn-col-4:last-of-type{border-right:none} .classynav ul li .megamenu .single-mega.cn-col-3{width:33.3333334%;display:inline-block;float:left;padding:15px;border-right:1px solid #f2f4f8} .classynav ul li .megamenu .single-mega.cn-col-3:last-of-type{border-right:none} .classynav ul li .megamenu .single-mega .title{font-size:14px;border-bottom:1px solid #f2f4f8;padding:8px 12px} .classynav ul li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)} .classynav ul li .dropdown li:last-child a{border-bottom:none} .classynav ul li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)} .classynav ul li .dropdown li .dropdown li:last-child a{border-bottom:none} .classynav ul li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)} .classynav ul li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)} .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)} .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)} .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)} .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.7)} .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow,.classynav>ul>li.megamenu-item>.dd-arrow{top:17px;-webkit-transform:rotate(0);transform:rotate(0);position:absolute;right:11px} .has-down .dd-arrow,.megamenu-item .dd-arrow{top:21px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;right:20px} .classynav>ul>li.has-down.active>.dd-arrow::after,.has-down .dd-arrow::after,.has-down.active>.dd-arrow::after,.megamenu-item .dd-arrow::after,.megamenu-item.active>.dd-arrow::after{width:8px;height:1px;background-color:#000;content:'';position:absolute;right:-3px;border-radius:1px;top:0} .has-down .dd-arrow::before,.megamenu-item .dd-arrow::before{width:8px;height:1px;background-color:#000;content:'';position:absolute;top:0;left:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:1px} .has-down .dd-arrow::after,.megamenu-item .dd-arrow::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)} .classynav>ul>li.has-down.active>.dd-arrow::before{width:8px;height:1px;background-color:#000;content:'';position:absolute;top:0;left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:1px} .classynav>ul>li.has-down.active>.dd-arrow::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .has-down.active>.dd-arrow::before,.megamenu-item.active>.dd-arrow::before{width:8px;height:1px;background-color:#000;content:'';position:absolute;top:0;left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:1px} .has-down.active>.dd-arrow::after,.megamenu-item.active>.dd-arrow::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .classy-btn{position:relative;z-index:1;min-width:120px;padding:0 25px;line-height:42px;height:42px;background-color:#1abc9c;border-radius:50px;color:#fff!important;margin-left:30px;text-align:center} .classy-btn:focus,.classy-btn:hover{box-shadow:0 0 10px rgba(0,0,0,.2)} .dd-trigger{position:absolute;width:100%;height:100%;top:0;left:0;background-color:transparent;cursor:pointer;z-index:500;border-radius:0;display:none} .breakpoint-off .classynav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center} .breakpoint-off .classynav ul li .dropdown{width:210px;position:absolute;background-color:#fff;top:120%;left:0;z-index:100;height:auto;box-shadow:0 1px 5px rgba(0,0,0,.1);-webkit-transition-duration:.3s;transition-duration:.3s;opacity:0;visibility:hidden;padding:15px 0;border-radius:5px} .breakpoint-off .classynav ul li .dropdown li .dropdown{top:10px;left:-230px;z-index:200;opacity:0;visibility:hidden;width:240px} .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown{opacity:0;visibility:hidden;top:120%} .breakpoint-off .classynav ul li:hover .dropdown{opacity:1;visibility:visible;top:100%} .breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown,.breakpoint-off .classynav ul li .dropdown li .dropdown li:hover .dropdown,.breakpoint-off .classynav ul li .dropdown li:hover .dropdown{opacity:1;visibility:visible;top:-10px} .breakpoint-off .classynav ul li .megamenu{opacity:0;visibility:hidden;position:absolute;width:100%;left:0;top:120%;background-color:#fff;z-index:200;box-shadow:0 1px 4px rgba(0,0,0,.15);-webkit-transition-duration:.3s;transition-duration:.3s} .breakpoint-off .classynav ul li.megamenu-item:focus .megamenu,.breakpoint-off .classynav ul li.megamenu-item:hover .megamenu{top:100%;visibility:visible;opacity:1} .breakpoint-off .classynav ul li.megamenu-item .dd-arrow{display:none} @media only screen and (max-width:991px){.classy-navbar-toggler,.classycloseIcon{display:block}.classy-navbar .classy-menu{background-color:#fff;position:fixed;top:0;left:-310px;z-index:1000;width:300px;height:100%;-webkit-transition-duration:.5s;transition-duration:.5s;padding:0;box-shadow:0 5px 20px rgba(0,0,0,.1);display:block;overflow-x:hidden;overflow-y:scroll}.classynav ul li,.classynav ul li.megamenu-item{position:relative;z-index:10;padding-left:15px}.classy-navbar .classy-menu.menu-on{left:0}.classynav ul li{display:block;clear:both}.classynav ul li a{padding:0 10px;height:38px;line-height:38px}.classynav ul li .dropdown{width:100%;position:relative;top:0;left:0;box-shadow:none}.classynav ul li .dropdown li .dropdown{width:100%;position:relative;top:0;left:0}.dd-trigger{position:absolute;width:100%;height:38px;top:0;left:0;right:0;bottom:0;background-color:transparent;cursor:pointer;z-index:500;display:block}.classynav ul li .dropdown,.classynav ul li .megamenu,.classynav ul li.megamenu-item>a:after{display:none}.classynav{padding-top:70px}.classynav ul li .megamenu{position:relative;width:100%;left:0;top:0;z-index:200;box-shadow:none}.classynav ul li .megamenu .single-mega.cn-col-3,.classynav ul li .megamenu .single-mega.cn-col-4,.classynav ul li .megamenu .single-mega.cn-col-5{width:100%;border-right:none;border-bottom:1px solid #f2f4f8}.cn-dropdown-item.has-down.pr12,.megamenu-item.pr12{padding-right:0!important}.classynav>ul>li>a{background-color:#f2f4f8;border-bottom:1px solid rgba(255,255,255,.5)}.classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow,.classynav>ul>li.megamenu-item>.dd-arrow{right:20px}.classynav ul li ul.dropdown li ul li{margin-left:15px}.classy-btn{width:calc(100% - 30px);margin:30px 15px}} .breakpoint-on .classy-navbar-toggler,.breakpoint-on .classycloseIcon{display:block} .breakpoint-on .classy-navbar .classy-menu{background-color:#fff;position:fixed;top:0;left:-310px;z-index:1000;width:300px;height:100%;-webkit-transition-duration:.5s;transition-duration:.5s;padding:0;box-shadow:0 5px 20px rgba(0,0,0,.1);display:block;overflow-x:hidden;overflow-y:scroll} .breakpoint-on .classy-navbar .classy-menu.menu-on{left:0} .breakpoint-on .classynav ul li{display:block;position:relative;clear:both;z-index:10} .breakpoint-on .classynav ul li a{padding:0 10px;height:38px;line-height:38px} .breakpoint-on .classynav ul li .dropdown{width:100%;position:relative;top:0;left:0;box-shadow:none} .breakpoint-on .classynav ul li .dropdown li .dropdown{width:100%;position:relative;top:0;left:0} .breakpoint-on .classynav ul li.megamenu-item{position:relative;z-index:10} .breakpoint-on .dd-trigger{position:absolute;width:100%;height:38px;top:0;left:0;right:0;bottom:0;background-color:transparent;cursor:pointer;z-index:500;display:block} .breakpoint-on .classynav ul li .dropdown,.breakpoint-on .classynav ul li .megamenu,.breakpoint-on .classynav ul li.megamenu-item>a:after{display:none} .breakpoint-on .classynav{padding-top:70px} .breakpoint-on .classynav ul li .megamenu{position:relative;width:100%;left:0;top:0;z-index:200;box-shadow:none} .breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3,.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4,.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5{width:100%;border-right:none;border-bottom:1px solid #f2f4f8} .breakpoint-on .cn-dropdown-item.has-down.pr12,.breakpoint-on .megamenu-item.pr12{padding-right:0!important} .breakpoint-on .classynav>ul>li>a{background-color:#f2f4f8;border-bottom:1px solid rgba(255,255,255,.5)} .dark .classynav ul li .dropdown,.dark.classy-nav-container{background-color:#192a56} .light .classynav ul li .dropdown,.light.classy-nav-container{background-color:#f5f5f5} .breakpoint-on .classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow,.breakpoint-on .classynav>ul>li.megamenu-item>.dd-arrow{right:20px} .breakpoint-on .classynav ul li ul.dropdown li ul li{margin-left:15px} .breakpoint-on .classy-btn{width:calc(100% - 30px);margin:30px 15px} .dark.classy-nav-container a{color:rgba(255,255,255,.7)} .light.classy-nav-container a{color:#444} .dark .classynav ul li.megamenu-item>a:after,.dark.classy-nav-container a:focus,.dark.classy-nav-container a:hover{color:#fff} .light .classynav ul li.megamenu-item>a:after{color:#444} .dark .classynav>ul>li.has-down.active>.dd-arrow::after,.dark .classynav>ul>li.has-down.active>.dd-arrow::before,.dark .has-down .dd-arrow::after,.dark .has-down .dd-arrow::before,.dark .has-down.active>.dd-arrow::after,.dark .has-down.active>.dd-arrow::before,.dark .megamenu-item .dd-arrow::after,.dark .megamenu-item .dd-arrow::before,.dark .megamenu-item.active>.dd-arrow::after,.dark .megamenu-item.active>.dd-arrow::before{background-color:#fff} .light .classynav>ul>li.has-down.active>.dd-arrow::after,.light .classynav>ul>li.has-down.active>.dd-arrow::before,.light .has-down .dd-arrow::after,.light .has-down .dd-arrow::before,.light .has-down.active>.dd-arrow::after,.light .has-down.active>.dd-arrow::before,.light .megamenu-item .dd-arrow::after,.light .megamenu-item .dd-arrow::before,.light .megamenu-item.active>.dd-arrow::after,.light .megamenu-item.active>.dd-arrow::before{background-color:#000} .dark .classynav ul li .megamenu{background-color:#192a56} .light .classynav ul li .megamenu{background-color:#f5f5f5} .dark .classynav ul li .megamenu .single-mega.cn-col-3,.dark .classynav ul li .megamenu .single-mega.cn-col-4,.dark .classynav ul li .megamenu .single-mega.cn-col-5{border-right:1px solid rgba(255,255,255,.05)} .light .classynav ul li .megamenu .single-mega.cn-col-3,.light .classynav ul li .megamenu .single-mega.cn-col-4,.light .classynav ul li .megamenu .single-mega.cn-col-5{border-right:1px solid rgba(255,255,255,.05)} .dark .classynav ul li.megamenu-item ul li a{border-bottom:none} .light .classynav ul li.megamenu-item ul li a{border-bottom:none;text-transform:uppercase} .dark .classynav ul li .megamenu .single-mega .title{color:#fff;border-bottom:1px solid rgba(255,255,255,.05)} .light .classynav ul li .megamenu .single-mega .title{color:#222;border-bottom:1px solid rgba(0,0,0,.05);text-transform:uppercase;font-size:16px;font-weight:500} @media only screen and (max-width:767px){.light .classynav ul li .megamenu .single-mega .title{color:#fff;border-bottom:1px solid rgba(255,255,255,.5)}} @media only screen and (min-width:768px) and (max-width:991px){.light .classynav ul li .megamenu .single-mega .title{color:#fff;border-bottom:1px solid rgba(255,255,255,.5)}} .dark .classy-navbar-toggler .navbarToggler span{background-color:#fff} .dark.breakpoint-on .classy-navbar .classy-menu{background-color:#192a56} .light.breakpoint-on .classy-navbar .classy-menu{background-color:#192a56} .dark .classycloseIcon .cross-wrap span{background-color:#fff} .light .classycloseIcon .cross-wrap span{background-color:#fff} .dark.breakpoint-on .classynav>ul>li>a{background-color:#192a56;border-bottom:1px solid rgba(255,255,255,.05)} .light.breakpoint-on .classynav>ul>li>a{background-color:#192a56;border-bottom:1px solid rgba(255,255,255,.05)} .dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3,.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4,.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5{border-bottom:1px solid rgba(255,255,255,.05);border-right:none} .light.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3,.light.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4,.light.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5{border-bottom:1px solid rgba(255,255,255,.05);border-right:none} .dark .classynav ul li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1)} .light .classynav ul li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1);font-size:14px;height:40px;line-height:40px} .dark .classynav ul li .dropdown li:last-child a{border-bottom:none} .light .classynav ul li .dropdown li:last-child a{border-bottom:none} .dark .classynav ul li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1)} .main-header-area .light .classynav ul li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1);color:#8b8b8b} .dark .classynav ul li .dropdown li .dropdown li:last-child a{border-bottom:none} .light .classynav ul li .dropdown li .dropdown li:last-child a{border-bottom:none} .dark .classynav ul li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1)} .light .classynav ul li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1)} .dark .classynav ul li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .light .classynav ul li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1)} .light .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1)} .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .light .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1)} .light .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1)} .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .light .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1)} .light .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1)} .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .light .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1)} .light .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1)} .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .light .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1)} .light .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a{border-bottom:1px solid rgba(242,244,248,.1)} .dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .light .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a{border-bottom:none} .right.breakpoint-on .classy-navbar .classy-menu{left:auto;right:-310px} .dropdown-rtl.breakpoint-off .classynav ul li .dropdown,.right.breakpoint-on .classy-navbar .classy-menu.menu-on{left:auto;right:0} .dropdown-rtl .classynav ul li .megamenu .single-mega .title,.dropdown-rtl .classynav ul li a{text-align:right} .dropdown-rtl .classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow{right:10px!important;left:auto} .dropdown-rtl .has-down .dd-arrow{right:auto;left:20px;-webkit-transform:rotate(90deg);transform:rotate(90deg)} .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown{right:180px;left:auto;opacity:0;visibility:hidden;top:10px} .dropdown-rtl.breakpoint-off .classynav ul li:hover .dropdown{opacity:1;visibility:visible;top:90%} .dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li:hover .dropdown,.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li:hover .dropdown{opacity:1;visibility:visible;top:0} .dropdown-rtl.breakpoint-on .classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow{right:auto!important;left:20px} .classynav ul li.cn-dropdown-item{padding:0 15px!important} .dropdown-rtl.breakpoint-on .has-down .dd-arrow{right:auto;left:20px;-webkit-transform:rotate(0);transform:rotate(0)} .dropdown-rtl.breakpoint-on .classynav ul li ul.dropdown li ul li{margin-left:0;margin-right:15px} .light .classynav ul li.megamenu-item ul li img{margin-top:15px} .light .classynav ul li.megamenu-item ul li p{font-size:15px;margin-top:15px;margin-bottom:10px} .light .classynav ul li.megamenu-item ul li .find-out-more-btn{padding:0;text-decoration:underline} .light .classynav ul li.megamenu-item ul li .find-out-more-btn:hover{text-decoration:none} 

/* /vit_elearning/static/src/css/animate.css defined in bundle 'vit_elearning.elearning_assets_frontend_css' */
.animated{animation-duration:1s;animation-fill-mode:both} .animated.infinite{animation-iteration-count:infinite} .animated.hinge{animation-duration:2s} .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s} @keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}} .bounce{animation-name:bounce;transform-origin:center bottom} @keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}} .flash{animation-name:flash} @keyframes pulse{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}} .pulse{animation-name:pulse} @keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}} .rubberBand{animation-name:rubberBand} @keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}} .shake{animation-name:shake} @keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}} .headShake{animation-timing-function:ease-in-out;animation-name:headShake} @keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}} .swing{transform-origin:top center;animation-name:swing} @keyframes tada{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scale3d(1,1,1)}} .tada{animation-name:tada} @keyframes wobble{from{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:none}} .wobble{animation-name:wobble} @keyframes jello{11.1%,from,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}} .jello{animation-name:jello;transform-origin:center} @keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}} .bounceIn{animation-name:bounceIn} @keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}} .bounceInDown{animation-name:bounceInDown} @keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}} .bounceInLeft{animation-name:bounceInLeft} @keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}} .bounceInRight{animation-name:bounceInRight} @keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}} .bounceInUp{animation-name:bounceInUp} @keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}} .bounceOut{animation-name:bounceOut} @keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}} .bounceOutDown{animation-name:bounceOutDown} @keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}} .bounceOutLeft{animation-name:bounceOutLeft} @keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}} .bounceOutRight{animation-name:bounceOutRight} @keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}} .bounceOutUp{animation-name:bounceOutUp} @keyframes fadeIn{from{opacity:0}to{opacity:1}} .fadeIn{animation-name:fadeIn} @keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}} .fadeInDown{animation-name:fadeInDown} @keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}} .fadeInDownBig{animation-name:fadeInDownBig} @keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}} .fadeInLeft{animation-name:fadeInLeft} @keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}} .fadeInLeftBig{animation-name:fadeInLeftBig} @keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}} .fadeInRight{animation-name:fadeInRight} @keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}} .fadeInRightBig{animation-name:fadeInRightBig} @keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}} .fadeInUp{animation-name:fadeInUp} @keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}} .fadeInUpBig{animation-name:fadeInUpBig} @keyframes fadeOut{from{opacity:1}to{opacity:0}} .fadeOut{animation-name:fadeOut} @keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}} .fadeOutDown{animation-name:fadeOutDown} @keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}} .fadeOutDownBig{animation-name:fadeOutDownBig} @keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}} .fadeOutLeft{animation-name:fadeOutLeft} @keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}} .fadeOutLeftBig{animation-name:fadeOutLeftBig} @keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}} .fadeOutRight{animation-name:fadeOutRight} @keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}} .fadeOutRightBig{animation-name:fadeOutRightBig} @keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}} .fadeOutUp{animation-name:fadeOutUp} @keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}} .fadeOutUpBig{animation-name:fadeOutUpBig} @keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}} .animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip} @keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}} .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX} @keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}} .flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY} @keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}} .flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}} .flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY} @keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}} .lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out} @keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}} .lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in} @keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}} .rotateIn{animation-name:rotateIn} @keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}} .rotateInDownLeft{animation-name:rotateInDownLeft} @keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}} .rotateInDownRight{animation-name:rotateInDownRight} @keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}} .rotateInUpLeft{animation-name:rotateInUpLeft} @keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}} .rotateInUpRight{animation-name:rotateInUpRight} @keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}} .rotateOut{animation-name:rotateOut} @keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}} .rotateOutDownLeft{animation-name:rotateOutDownLeft} @keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}} .rotateOutDownRight{animation-name:rotateOutDownRight} @keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}} .rotateOutUpLeft{animation-name:rotateOutUpLeft} @keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}} .rotateOutUpRight{animation-name:rotateOutUpRight} @keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}} .hinge{animation-name:hinge} @keyframes jackInTheBox{from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}} .jackInTheBox{animation-name:jackInTheBox} @keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}} .rollIn{animation-name:rollIn} @keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}} .rollOut{animation-name:rollOut} @keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}} .zoomIn{animation-name:zoomIn} @keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .zoomInDown{animation-name:zoomInDown} @keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .zoomInLeft{animation-name:zoomInLeft} @keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .zoomInRight{animation-name:zoomInRight} @keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .zoomInUp{animation-name:zoomInUp} @keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}} .zoomOut{animation-name:zoomOut} @keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .zoomOutDown{animation-name:zoomOutDown} @keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}} .zoomOutLeft{animation-name:zoomOutLeft} @keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}} .zoomOutRight{animation-name:zoomOutRight} @keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .zoomOutUp{animation-name:zoomOutUp} @keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}} .slideInDown{animation-name:slideInDown} @keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}} .slideInLeft{animation-name:slideInLeft} @keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}} .slideInRight{animation-name:slideInRight} @keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}} .slideInUp{animation-name:slideInUp} @keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}} .slideOutDown{animation-name:slideOutDown} @keyframes slideOutLeft{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}} .slideOutLeft{animation-name:slideOutLeft} @keyframes slideOutRight{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}} .slideOutRight{animation-name:slideOutRight} @keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}} .slideOutUp{animation-name:slideOutUp} 

/* /vit_elearning/static/src/css/owl.carousel.css defined in bundle 'vit_elearning.elearning_assets_frontend_css' */
.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}} .owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out} .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel .owl-refresh .owl-item{display:none} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d} .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto} .owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .no-js .owl-carousel{display:block} .owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease} .owl-carousel .owl-item img{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/vit_elearning/static/src/css/owl.video.play.html) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;-moz-transition:scale .1s ease;-ms-transition:scale .1s ease;-o-transition:scale .1s ease;transition:scale .1s ease} .owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1} 

/* /vit_elearning/static/src/css/magnific-popup.css defined in bundle 'vit_elearning.elearning_assets_frontend_css' */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8} .mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden} .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box} .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle} .mfp-align-top .mfp-container:before{display:none} .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045} .mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto} .mfp-ajax-cur{cursor:progress} .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out} .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in} .mfp-auto-cursor .mfp-content{cursor:auto} .mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none} .mfp-loading.mfp-figure{display:none} .mfp-hide{display:none!important} .mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044} .mfp-preloader a{color:#ccc} .mfp-preloader a:hover{color:#fff} .mfp-s-ready .mfp-preloader{display:none} .mfp-s-error .mfp-content{display:none} button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation} button::-moz-focus-inner{padding:0;border:0} .mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace} .mfp-close:focus,.mfp-close:hover{opacity:1} .mfp-close:active{top:1px} .mfp-close-btn-in .mfp-close{color:#333} .mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%} .mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap} .mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent} .mfp-arrow:active{margin-top:-54px} .mfp-arrow:focus,.mfp-arrow:hover{opacity:1} .mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent} .mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px} .mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7} .mfp-arrow-left{left:0} .mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px} .mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f} .mfp-arrow-right{right:0} .mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px} .mfp-arrow-right:before{border-left:27px solid #3f3f3f} .mfp-iframe-holder{padding-top:40px;padding-bottom:40px} .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px} .mfp-iframe-holder .mfp-close{top:-40px} .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%} .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000} img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto} .mfp-figure{line-height:0} .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444} .mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px} .mfp-figure figure{margin:0} .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto} .mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px} .mfp-image-holder .mfp-content{max-width:100%} .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer} @media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}} @media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} 

/* /vit_elearning/static/src/css/owl.theme.default.min.css defined in bundle 'vit_elearning.elearning_assets_frontend_css' */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-nav{margin-top:10px} .owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px} .owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none} .owl-theme .owl-nav .disabled{opacity:.5;cursor:default} .owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px} .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1} .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px} .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} 

/* /vit_elearning/static/src/css/style.css defined in bundle 'vit_elearning.elearning_assets_frontend_css' */
@font-face{font-family: Aller; src: url(/vit_elearning/static/src/fonts/Aller-BoldItalic.woff2) format('woff2'), url(/vit_elearning/static/src/fonts/Aller-BoldItalic.woff) format('woff'); font-weight: 700; font-style: italic} @font-face{font-family: Aller; src: url(/vit_elearning/static/src/fonts/Aller-Light.woff2) format('woff2'), url(/vit_elearning/static/src/fonts/Aller-Light.woff) format('woff'); font-weight: 300; font-style: normal} nav[role="full-horizontal"]{width: 100%;} nav[role="full-horizontal"] ul{width: 100%; list-style: none;} nav[role="full-horizontal"] ul > li{position: relative; float: left; padding: 10px; width: 150px; margin: 1.25em 1em; text-transform: uppercase; cursor: pointer; background: #191919; text-align: center; border-radius: .75em; transition-duration: .3s; transition-timing-function: ease-in-out; font-size: 12px; transition-property: background, color, padding, border-radius;} nav[role="full-horizontal"] ul > li:after{position: absolute; z-index: -1; content: ""; right: 0; border-radius: 50%;} nav[role="full-horizontal"] ul > li:last-child:after{box-shadow: none;} nav[role="full-horizontal"] ul > li:hover{color: #f49521} nav[role="full-horizontal"] ul > li:hover > a{color: #f49521;} nav[role="full-horizontal"] ul > li > a{color: #646464; text-decoration: none; font-size: 1.4em; transition: color .3s ease-in-out;} .banner-categories{position: relative; z-index: 1; max-width: 900px; text-align: center; margin: 0 auto; display: block; margin-bottom: 50px;} @media screen and (max-width: 44em){body{margin: 1.5em 0;}nav[role="full-horizontal"] ul{padding: 0 .5em;}nav[role="full-horizontal"] ul > li{width: 300px; padding: .45em .25em; margin: 0 0 .55em 0;}nav[role="full-horizontal"] ul > li:after{box-shadow: none;}} @font-face{font-family: 'Aller Display'; src: url(/vit_elearning/static/src/fonts/AllerDisplay.woff2) format('woff2'), url(/vit_elearning/static/src/fonts/AllerDisplay.woff) format('woff'); font-weight: 400; font-style: normal} @font-face{font-family: Aller; src: url(/vit_elearning/static/src/fonts/Aller.woff2) format('woff2'), url(/vit_elearning/static/src/fonts/Aller.woff) format('woff'); font-weight: 400; font-style: normal} @font-face{font-family: Aller; src: url(/vit_elearning/static/src/fonts/Aller-LightItalic.woff2) format('woff2'), url(/vit_elearning/static/src/fonts/Aller-LightItalic.woff) format('woff'); font-weight: 300; font-style: italic} @font-face{font-family: Aller; src: url(/vit_elearning/static/src/fonts/Aller-Bold.woff2) format('woff2'), url(/vit_elearning/static/src/fonts/Aller-Bold.woff) format('woff'); font-weight: 700; font-style: normal} @font-face{font-family: Aller; src: url(/vit_elearning/static/src/fonts/Aller-Italic.woff2) format('woff2'), url(/vit_elearning/static/src/fonts/Aller-Italic.woff) format('woff'); font-weight: 400; font-style: italic} body{font-family: Aller; background-color: #121212; padding: 0; margin: 0;} .features-home{align-items: center; padding: 0px; background-color: #1a1a1a; border-radius: 15px;} .features-home img{width: 100%; border-radius: 10px; float: left} .desc-features{padding: 10px; width: 75%; text-align: center; vertical-align: middle; display: inline-table; float: left; margin: 0 auto; display: block;} .desc-features h5{font-size:15px !important;} .mar-15{margin:15px 0px;} .portrait{height: 337px; width: 100%;} .portrait img{object-fit: cover; width: 100%; height: 337px; border-radius: 10px !important;} .side_portrait{height: 100px; width: 100%;} .side_portrait img{object-fit: cover; width: 100%; height: 100px;} ul{padding: 0; margin: 0} ul li{list-style: none} p{margin-bottom: 0; color: #777; font-size: 15px; line-height: 1.8} .d-table{width: 100%; height: 100%} .d-table-cell{vertical-align: middle} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: 0; color: #fff} a{color: #fff; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} a:hover{color: #f49521; text-decoration: none} .ptb-100{padding-top: 100px; padding-bottom: 100px} .mtb-10{margin-top: 10px; margin-bottom: 10px;} .section-title{text-align: center; margin-bottom: 60px; margin-top: -3px} .section-title h3{color: #fff; font-size: 36px; font-weight: 700; position: relative; z-index: 1; padding: 17px 0; line-height: 1} .section-title h3::before{content: ''; position: absolute; left: 0; bottom: 0; border-bottom: 10px; background-color: #f49521; width: 470px; height: 3px; background-position: center; background-size: cover; background-repeat: no-repeat; right: 0; margin: 0 auto; z-index: -1; width: 30px;} .section-title h3 span{color: #f49521} .section-title p{color: #9c9c9c; max-width: 760px; margin: 0 auto; margin-top: 20px} .btn-primary{color: #fff; background-color: #f49521; border-color: #f49521} .btn{font-weight: 700; padding: 9px 30px; font-size: 16px; border-radius: 0; position: relative; overflow: hidden} .btn::after, .btn::before{position: absolute; content: ''; top: 0; height: 100%; left: -25%; width: 0; background-color: #fff; -webkit-transform: skew(50deg); transform: skew(50deg); -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s} .btn::after{left: auto; right: -25%} .btn:focus::after, .btn:focus::before, .btn:hover::after, .btn:hover::before{width: 110%; background-color: transparent} .btn-primary:hover{color: #fff; background-color: #f49521; border-color: #f49521} .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{color: #fff; background-color: #f49521; border-color: #f49521} .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{box-shadow: unset} .btn-primary.focus, .btn-primary:focus{box-shadow: unset} .btn-primary.disabled, .btn-primary:disabled{color: #fff; background-color: #f49521; border-color: #f49521; opacity: 1} .form-control{height: 50px; padding: 15px; font-size: 16px; border: none; border-radius: 10px; font-weight: 400; background-color: #191919 !important;} .form-control:focus{box-shadow: unset} .owl-theme .owl-nav [class*=owl-]{margin: 0 5px; padding: 4px 7px; background: rgba(255, 255, 255, .22); position: absolute; left: 0; top: 50%; width: 45px; height: 45px; line-height: 40px; font-size: 25px; border-radius: 50%; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .owl-theme .owl-nav .owl-next{left: auto; right: 0} .owl-theme .owl-nav [class*=owl-]:hover{background: #f49521; color: #fff} .owl-theme .owl-nav{margin-top: 0} .preloader-area{position: fixed; width: 100%; height: 100%; z-index: 99999; top: 0; left: 0; background: #fff; right: 0; bottom: 0} .preloader-area .loader{position: absolute; left: 0; top: 50%; right: 0; margin-top: -68px} .preloader-area .dots{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: auto; max-width: 80px} .preloader-area .dots-item{position: relative; width: 20%; min-width: 20%; max-width: 20%; height: 16px; font-size: 0} .preloader-area .dots-item-move-up{animation: .8s move-top linear infinite} .preloader-area .dots-item-move-right{animation: .8s move-right linear infinite} .preloader-area .dots-item-move-down{animation: .8s move-bottom linear infinite} .preloader-area .dots-item-move-left{animation: .8s move-left linear infinite} .preloader-area .dots-item::after{content: ""; position: absolute; margin: auto; bottom: 0; right: 0; left: 0; top: 0; width: 8px; height: 8px; background-color: #f49521; border-radius: 50%} @keyframes move-top{100%, 30%{transform: translateY(-100%)}} @keyframes move-right{100%, 30%{transform: translateX(100%)}} @keyframes move-bottom{100%, 30%{transform: translateY(100%)}} @keyframes move-left{100%, 30%{transform: translateX(-100%)}} .header-sticky.is-sticky{background: #fff; position: fixed!important; top: 0; left: 0; width: 100%; z-index: 999; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4); -webkit-animation: .5s ease-in-out 0s normal none 1 running fadeInDown; animation: .5s ease-in-out 0s normal none 1 running fadeInDown} .main-header-area{width: 100%; height: 80px; z-index: 9; background-color: #121212; position: fixed; top: 0; left: 0; -o-transition: .4s; -ms-transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; transition: .4s} .main-header-area.navbar-area{position: unset} @media only screen and (min-width:768px) and (max-width:991px){.main-header-area{height: 70px}} @media only screen and (max-width:767px){.main-header-area{height: 70px}} .main-header-area .classy-nav-container{background-color: transparent} .main-header-area .classy-navbar{height: 90px; padding: .5em 0} @media only screen and (min-width:768px) and (max-width:991px){.main-header-area .classy-navbar{height: 70px}} .main-header-area .classynav ul li a.active, .main-header-area .classynav ul li a:hover{color: #f49521} .classynav ul li.cn-dropdown-item ul .active a{color: #f49521} .main-header-area .light .classynav ul li .dropdown li .dropdown .active a{color: #f49521} .main-header-area .light .classynav ul li .dropdown li .dropdown li a:hover{color: #f49521} @media only screen and (max-width:767px){.main-header-area .classy-navbar{height: 70px; padding: .5em 0}} .main-header-area .classynav ul li a{color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 500} @media only screen and (max-width:991px){.main-header-area .classynav ul li a{color: #fff}.main-header-area{position: unset}.light .classynav>ul>li.has-down.active>.dd-arrow::after, .light .classynav>ul>li.has-down.active>.dd-arrow::before, .light .has-down .dd-arrow::after, .light .has-down .dd-arrow::before, .light .has-down.active>.dd-arrow::after, .light .has-down.active>.dd-arrow::before, .light .megamenu-item .dd-arrow::after, .light .megamenu-item .dd-arrow::before, .light .megamenu-item.active>.dd-arrow::after, .light .megamenu-item.active>.dd-arrow::before{background-color: #fff}} .main-header-area .nav-brand{line-height: 1} .classynav ul li.cn-dropdown-item:nth-child(8) .dropdown{left: auto; right: 0} @media only screen and (min-width:992px) and (max-width:1199px){.main-header-area .nav-brand{margin-right: 0}} .main-header-area .classynav ul{-webkit-transition-duration: .5s; transition-duration: .5s} .is-sticky .main-header-area{width: 100%; z-index: 10000!important; height: 90px; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .2); background-color: #fff} @media only screen and (min-width:768px) and (max-width:991px){.is-sticky .main-header-area{height: 70px}.light .classynav ul li .dropdown, .light .classynav ul li .megamenu, .light.breakpoint-on .classy-navbar .classy-menu, .light.breakpoint-on .classynav>ul>li>a{background-color: #000}} @media only screen and (max-width:767px){.is-sticky .main-header-area{height: 70px}.light .classynav ul li .dropdown, .light .classynav ul li .megamenu, .light.breakpoint-on .classy-navbar .classy-menu, .light.breakpoint-on .classynav>ul>li>a{background-color: #000}} .main-header-area.header-sticky.box-shadow{box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4); background-color: #121212e8;} #search-area{position: fixed; top: 0; left: 0; cursor: url(/vit_elearning/static/src/css/../img/close.png), auto; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, .9); -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -ms-transition: .4s; transition: .4s; -webkit-transform: translate(0, -100%) scale(0, 0); -moz-transform: translate(0, -100%) scale(0, 0); -o-transform: translate(0, -100%) scale(0, 0); -ms-transform: translate(0, -100%) scale(0, 0); transform: translate(0, -100%) scale(0, 0); opacity: 0} #search-area form{position: absolute; top: 50%; width: 100%; right: 0; left: 0; max-width: 620px; margin: 0 auto} #search-area input[type=search]{width: 100%; color: #fff; background: 0 0; font-size: 20px; border: 1px solid #fff; padding: 0 15px; height: 50px} #search-area .btn{position: absolute; right: 0; top: 0; height: 50px} #search-area .close{position: absolute; top: 20px; right: 20px; background-color: #fff; border-color: #fff; opacity: 1; font-size: 30px; width: 40px; display: none; height: 40px; line-height: 40px; border-radius: 50%; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -ms-transition: .4s; transition: .4s} #search-area .close:focus, #search-area .close:hover{background: #f49521; color: #fff} #search-area.open{-webkit-transform: translate(0, 0) scale(1, 1); -moz-transform: translate(0, 0) scale(1, 1); -o-transform: translate(0, 0) scale(1, 1); -ms-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); opacity: 1} .main-header-area .classynav ul li a.search-btn{color: #000; margin-left: 13px} .main-header-area .classynav ul li a.active, .main-header-area .classynav ul li a:hover{color: #f49521} @media only screen and (max-width:991px){.main-header-area .classynav ul li a.search-btn{color: #fff; margin-left: 0}#search-area .close{display: block}} .main-home-area{height: 700px; background-image: url(/vit_elearning/static/src/img/home-bg1.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative} .main-home-area::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: .77} .home-content{position: relative; text-align: center; margin-top: -100px} .home-content h1{font-size: 50px; font-weight: 700; margin-bottom: 20px} .home-content p{max-width: 520px; margin: 0 auto} .home-content form{box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4); max-width: 620px; margin: 30px auto 0; position: relative} .home-content form .btn{position: absolute; right: 0; top: 0; height: 50px; text-transform: uppercase} .main-banner{background-image: url(/vit_elearning/static/src/img/home-bg1.jpg); position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 130px 0 75px; overflow: hidden} .main-banner::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: .77} .main-banner-content{text-align: center; background-image: url(/vit_elearning/static/src/img/main-banner-img.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; border-radius: 70px 0 70px 0; padding: 120px 100px 155px; margin-bottom: 80px} .main-banner-content::before{content: ''; position: absolute; left: 0; border-radius: 70px 0 70px 0; top: 0; width: 100%; height: 100%; background: rgba(47, 47, 47, .6)} .main-banner-content h1{font-size: 65px; position: relative; color: #fff; text-transform: uppercase; font-weight: 700; margin-top: -14px} .main-banner-content h1 span{color: #f49521} .main-banner-content p{color: #fff; position: relative; margin: 25px 0 30px; font-size: 16px} .watch-video{position: absolute; bottom: -87px; right: 0; left: 0} .watch-video a{color: #fff; display: inline-block; width: 70px; height: 70px; line-height: 72px; background: #f49521; position: relative; font-size: 30px; border-radius: 50%} .watch-video a::after, .watch-video a::before{content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 88px; height: 88px; border-radius: 50%; -webkit-animation: pulse-border 1.5s ease-out infinite; animation: pulse-border 1.5s ease-out infinite; border: 10px solid #fff} .watch-video a::after{width: 70px; height: 70px; -webkit-transition: all .2s; transition: all .2s} @-webkit-keyframes pulse-border{0%{-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1}100%{-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); opacity: 0}} @keyframes pulse-border{0%{-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1}100%{-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3); opacity: 0}} .watch-video h4{font-size: 30px; color: #222; font-weight: 300; text-transform: capitalize; position: relative; margin-top: 15px} .home-slides.owl-theme .owl-nav [class*=owl-]{left: -90px; opacity: 0} .home-slides.owl-theme .owl-nav .owl-next{left: auto; right: -90px} .main-banner-content:hover .home-slides.owl-theme .owl-nav [class*=owl-]{opacity: 1} .animation-shape div{position: absolute; left: 0; top: 0} .animation-shape div img{height: 220px} .animation-shape .shape1{left: auto; animation: movebounce 3s linear infinite; right: 0} .animation-shape .shape2{top: auto; animation: movebounce 4s linear infinite; bottom: 0} @keyframes movebounce{0%{transform: translateY(0)}50%{transform: translateY(20px)}100%{transform: translateY(0)}} @keyframes moveleftbounce{0%{transform: translateX(0)}50%{transform: translateX(20px)}100%{transform: translateX(0)}} .main-banner-two{height: 530px; background-image: url(/vit_elearning/static/src/img/home-bg1.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative} .main-banner-two::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: .77} .home-slides-two{bottom: -95px} .hero-slides-content{padding: 120px 30px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative} .hero-slides-content::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(47, 47, 47, .6)} .item-bg-one{background-image: url(/vit_elearning/static/src/img/slider-one.jpg)} .item-bg-two{background-image: url(/vit_elearning/static/src/img/slider-two.jpg)} .item-bg-three{background-image: url(/vit_elearning/static/src/img/slider-three.jpg)} .hero-slides-content h1{font-size: 75px; color: #fff; font-weight: 700; position: relative; margin-bottom: 50px} .hero-slides-content h1 span{display: block} .home-slides-two.owl-theme .owl-nav [class*=owl-]{top: auto; bottom: 15px; left: 6px; background: 0 0; width: auto; height: auto; line-height: inherit; font-size: 40px} .home-slides-two.owl-theme .owl-nav .owl-next{left: 40px; right: auto} .main-banner-three{height: 100vh; background-image: url(/vit_elearning/static/src/img/classes.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative} iframe{width: 100%; height: calc(100ew / eval('width/height'));} a, input, textarea, button, label, iframe, audio, video{touch-action: manipulation;} .main-banner-three::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #191919; opacity: .35} .icofont-search-2,.icofont-ui-user,.search-btn span{color: #fff;} .search-btn span{color: #fff; margin-left: 10px;} .main-banner-three-content{position: relative; z-index: 1; max-width: 710px; text-align: center; margin: 0 auto; display: block;} .main-banner-three-content h1{font-size: 56px; font-weight: 700} .main-banner-three-content p{font-size: 16px; color: #adadad; margin-top: 20px; margin-bottom: 30px} .tabulate{margin-top: 40px; margin-bottom: 40px} .main-banner-three-content form{position: relative; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4)} .main-banner-three-content button{position: absolute; right: 0; top: 0; height: 50px; border-radius: 0px 10px 10px 0px;} .boxes-area{background: #e40943; padding-bottom: 100px} .boxes-inner-content{margin-bottom: 65px; position: relative; margin-top: -190px} .single-box{background: #fff; box-shadow: 0 5px 35px 10px rgba(67, 67, 67, .15); -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-box:hover{box-shadow: 0 0 30px 0 rgba(67, 67, 67, .15); -webkit-transform: translateY(-8px); transform: translateY(-8px)} .single-box .box-content{text-align: center; padding: 30px} .single-box .box-content h3{font-size: 20px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px} .boxes-area .fun-fact h3{margin-top: 0} .popular-courses-area .top-divider{top: -30px; background: url(/vit_elearning/static/src/css/../img/section-divider-top.png)} .single-courses{text-align: center; border: 1px solid #eee; padding: 25px 15px; border-radius: 5px; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-courses:hover{box-shadow: 0 0 30px 0 rgba(67, 67, 67, .15); -webkit-transform: translateY(-5px); background: #fff; transform: translateY(-5px)} .single-courses .icon{font-size: 50px; color: #fff; display: inline-block; width: 100px; height: 100px; line-height: 100px; border-radius: 50%} .single-courses .icon.bg-1{background: #f36248} .single-courses .icon.bg-2{background: #75b812} .single-courses .icon.bg-3{background: #2eb6bb} .single-courses .icon.bg-4{background: #a952a7} .single-courses h3{font-size: 22px; font-weight: 700; color: #3f3f3f; margin: 30px 0 18px} .single-courses p{margin-bottom: 20px} .read-more{color: #f49521; padding-left: 18px; font-weight: 700; position: relative} .read-more:hover{padding-left: 0} .read-more .left{-ms-transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; transition: .4s; position: absolute; left: 0; top: 2px} .read-more:hover .left{opacity: 0; visibility: hidden} .read-more .right{opacity: 0; visibility: hidden; -ms-transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; transition: .4s} .read-more:hover .right{opacity: 1; visibility: visible} .why-choose-us{position: relative; background: #f49521} .why-choose-us::before{content: ""; height: 100%; position: absolute; top: 0; right: 0; width: 100%; opacity: .33; background: url(/vit_elearning/static/src/img/pattern.png); background-position: center; background-size: contain; background-repeat: repeat} .why-choose-us .image{background-image: url(/vit_elearning/static/src/img/why-choose-us.jpg); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat} .why-choose{padding-left: 20px; max-width: 556px} .why-choose h3{font-size: 35px; font-weight: 700; color: #fff; margin-bottom: 40px; margin-top: -8px} .single-choose{position: relative; padding-left: 100px; margin-bottom: 25px} .single-choose .icon{position: absolute; left: 0; top: 0; width: 80px; height: 80px; font-size: 40px; color: #fff; border: 1px solid #fff; text-align: center; border-radius: 50%; line-height: 78px; -ms-transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; transition: .4s} .single-choose:hover .icon{background: #fff; color: #f49521} .single-choose h4{font-size: 22px; font-weight: 700; margin-bottom: 15px; color: #fff} .single-choose p{color: #ddd} .popular-courses-area{position: relative} .single-courses-item{background: #191919; padding: 15px; margin-bottom: 30px; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s; border-radius: 10px} .single-card-post img{border-radius: 10px} .single-courses-item .portrait h2{text-align: center; font-family: arial; font-size: 26px; font-weight: 800; margin-top: -150px; margin-bottom: 15px; text-transform: uppercase} .single-courses-item .portrait h4{text-align: center; font-family: arial; font-size: 18px; font-weight: 800; color: #f49521;} .single-courses-item:hover{box-shadow: 0 0 30px 0 rgba(67, 67, 67, .15); -webkit-transform: translateY(-5px); transform: translateY(-5px)} .single-courses-item .courses-content{text-align: center; padding: 10px 0} .single-courses-item .courses-content h3{font-size: 18px; font-weight: 600; margin-top: -5px; margin-bottom: 10px;} .single-courses-item .courses-content ul li{display: inline-block; font-size: 20px; color: #ffcf00; margin-right: 2px;} .single-courses-item .courses-content-bottom h4{font-size: 16px; font-weight: 300; display: inline-block; color: #848484} .single-courses-item .courses-content-bottom .price{font-size: 17px; float: right; overflow: hidden; font-weight: 700; color: #f49521; line-height: 45px;} .single-courses-item .courses-content-bottom .price span{font-size: 17px; float: right; overflow: hidden; font-weight: 700; color: #f49521; line-height: 45px;} .view-all{margin-top: 40px} .view-all .btn{text-transform: uppercase} .courses-item{background: #191919; margin-bottom: 30px; padding: 15px; border-radius: 10px;} .courses-img img{border-radius: 10px;} .courses-item:hover{box-shadow: 0 0 30px 0 rgba(67, 67, 67, .15); -webkit-transform: translateY(-5px); transform: translateY(-5px)} .courses-item .courses-content{padding: 30px 0} .courses-item .courses-content h3{font-size: 22px; font-weight: 700; margin-top: -5px; margin-bottom: 10px} .courses-item .courses-content ul li{display: inline-block; font-size: 18px; color: #ffcf00} .courses-item .courses-content ul li span{color: #777} .courses-item .courses-content p{margin-top: 15px} .courses-item .courses-content-bottom h4{display: inline-block} .courses-item .courses-content-bottom .price{font-size: 20px; float: right; overflow: hidden; font-weight: 700; color: #f49521; margin-top: 10px} .courses-item .courses-content-bottom .price span{font-size: 17px; float: right; overflow: hidden; font-weight: 700; color: #f49521; line-height: 45px;} .course-details-area{padding-bottom: 70px} .courses-details-meta{background: #191919; padding: 25px; margin-bottom: 30px; border-radius: 5px; overflow: hidden} .courses-details-meta ul li{display: inline-block; font-size: 18px; font-weight: 500; margin-left: 25px; color:#fff;} .courses-details-meta ul li:first-child{margin-left: 0;} .pembicara:after{content: ""; width: 1px; height: 30px; position: absolute; background-color: #252525; margin-left: 15px; margin-top: 26px;} .courses-details-meta ul li .teacher-img{display: inline-block; width: 110px; margin-right: 15px} .courses-details-meta ul li .teacher-img img{border-radius: 5px; height: 100px} .courses-details-meta .apply-btn{float: right;} .classynav ul li{display: inline-block; clear: both; position: inherit; z-index: 10; padding: 5px 10px !important;} .classynav ul li img{width: 35px; height: 35px; border-radius:50%; margin-right:3px;} .courses-details-meta .apply-btn .btn{padding: 8px 20px; font-size: 15px; border-radius: 50px;} .courses-details h3{margin-top: 30px; margin-bottom: 18px} .courses-details .course-details-tabs{margin-top: 35px; background: transparent; padding-bottom: 20px} .course-details-tabs .content{display: none} .course-details-tabs #tabs{text-align: center; margin-bottom: 40px} .course-details-tabs #tabs>li{display: inline-block; padding: 12px 52px; cursor: pointer; font-weight: 600; font-size: 16px; background: #eaeaea} .course-details-tabs .show{display: block; padding: 0 20px} .course-details-tabs #tabs>li.active{background-color: #f49521; color: #fff} .course-details-tabs .inactive{background-color: #eee} .courses-details .title{font-size: 22px; font-weight: 600; margin-bottom: 25px} .courses-details .course-details-tabs p{margin-bottom: 20px} .requirements-list{margin-top: 30px} .requirements-list ul li{color: #959595; margin-top: 12px} .requirements-list ul li i{color: #f49521} .requirements-list ul li:first-child{margin-top: 0} .certification{margin-top: 30px} .course-details-tabs .card{background-color: transparent; border-radius: 6px!important; margin-bottom: 10px; border: none!important} .course-details-tabs .card-header:first-child{border-radius: 0} .course-details-tabs .card .show{padding: 0} .course-details-tabs .card-header{padding: 0; margin-bottom: 0; border: none; background: #f9f9f9} .course-details-tabs .card-header a{overflow: hidden; padding: 17px 14px; display: block} .course-details-tabs .card-header a h5{font-size: 19px} .course-details-tabs .card-header span{float: right; font-size: 20px} .course-details-tabs .card-header a.collapsed .icofont-rounded-down::before{content: "\eaa1"} .course-details-tabs .card-header a .icofont-rounded-down::before{content: "\ea99"} .course-details-tabs .card-body{border: none} .course-details-tabs .card-body ul li{overflow: hidden; color: #777; display: block; margin-top: 15px} .course-details-tabs .card-body ul li:first-child{margin-top: 0} .course-details-tabs .card-body ul li span{display: inline-block; margin-left: 45px; color: #000; margin-right: 45px} .course-details-tabs .card-body ul li span.duration{margin: 0} .course-details-tabs .card-body ul li i{color: #f49521; margin-right: 4px} .course-details-tabs .card-body ul li .preview{float: right; display: inline-block; background: #f49521; color: #fff; padding: 3px 12px; border-radius: 3px} .course-author{position: relative; padding-left: 170px} .course-author .img{position: absolute; left: 0; top: 0; width: 150px; height: 150px} .author-content span{display: block; margin-top: 8px; margin-bottom: 8px; font-weight: 300} .author-content ul li{display: inline-block; font-size: 15px; margin-right: 4px} .author-content p{margin-top: 22px; margin-bottom: 0!important} .courses-review .single-review{position: relative; padding-left: 170px; margin-bottom: 25px} .courses-review .single-review .img{position: absolute; left: 0; top: 0; width: 150px; height: 150px} .courses-review .single-review .client-content h4{margin-bottom: 12px; font-size: 20px} .courses-review .single-review .client-content p{margin-top: 15px; margin-bottom: 0!important} .courses-review .single-review .client-content ul li{display: inline-block; color: #f49521} .side-bar .features-box{background: #fff; padding: 25px 20px} .side-bar .features-box ul li{margin-top: 10px; padding-bottom: 10px; border-bottom: 2px dashed #eee; overflow: hidden} .side-bar .features-box ul li:first-child{margin-top: 0} .side-bar .features-box ul li span{float: right} .side-bar .features-box ul li i{color: #f49521; margin-right: 4px} .similar-courses{margin-top: 65px} .similar-courses h2{font-weight: 600; font-size: 28px; margin-bottom: 40px; text-transform: uppercase} .fun-facts-area{position: relative; background-image: url(/vit_elearning/static/src/img/fun-facts-bg.jpg); background-position: center center; background-size: cover; background-attachment: fixed; background-repeat: no-repeat} .fun-facts-area::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(47, 47, 47, .6)} .fun-fact{text-align: center} .fun-fact .icon{display: inline-block; border-radius: 50%} .fun-fact .icon.bg-1{border: 5px solid #89b196} .fun-fact .icon.bg-2{border: 5px solid #bf8375} .fun-fact .icon.bg-3{border: 5px solid #596570} .fun-fact .icon.bg-4{border: 5px solid #c1a96e} .fun-fact h3{color: #fff; font-size: 40px; font-weight: 700; margin: 20px 0 12px} .fun-fact h5{text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 300} .fun-facts-area.facts-bg{background-image: url(/vit_elearning/static/src/img/fun-facts-bg2.jpg); background-repeat: repeat; background-size: contain} .fun-facts-area.facts-bg::before{opacity: .05} .fun-facts-area.facts-bg h3{color: #f49521} .fun-facts-area.facts-bg-two{background-image: url(/vit_elearning/static/src/img/fun-facts-bg3.jpg); background-repeat: repeat; background-size: contain} .fun-facts-area.facts-bg-two::before{background: rgba(230, 12, 61, .6)} .fun-facts-area.facts-bg h5{color: #000} .single-event{position: relative; margin-bottom: 30px !important; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-event:hover{-webkit-box-shadow: 0 0 30px 0 rgba(67, 67, 67, .15); box-shadow: 0 0 30px 0 rgba(67, 67, 67, .15)} .single-event figure{position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin-bottom: 0; overflow: hidden; border-radius: 10px 0px 0px 10px;} .single-event .image{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat} .single-event figure img{display: none} .single-event figure .date{position: absolute; left: 20px; top: 20px; background: #f49521; color: #fff; padding: 5px 10px; font-weight: 400; font-size: 20px; -webkit-box-shadow: 7px 7px 0 0 rgba(249, 175, 19, 0.5); box-shadow: 7px 7px 0 0 rgba(249, 175, 19, 0.5); -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-event:hover figure .date{-webkit-box-shadow: -7px -7px 0 0 rgba(249, 175, 19, 0.5); box-shadow: -7px -7px 0 0 rgba(249, 175, 19, 0.5)} .single-event .event-content{padding: 35px 30px; background: #191919; border-radius: 0px 10px 10px 0px;} .single-event .event-content h3{margin-top: -6px; font-size: 26px; font-weight: 700; margin-bottom: 15px} .single-event .event-content p{margin-bottom: 25px} .single-event .event-content .where-when{overflow: hidden} .single-event .event-content .pull-left{float: left; margin-right: 95px; width: 30%} .single-event .event-content .pull-right{font-size: 18px; color: #f49521; text-transform: uppercase; display: block; margin-bottom: 12px;} .single-event .event-content ul li span{font-size: 18px; color: #f49521; text-transform: uppercase; display: block; margin-bottom: 12px} .single-event .event-content ul li p{font-size: 18px; display: block; margin-bottom: 0.5px;} .event-content ul li{color: #6b6b6b; font-size: 17px} .single-event .event-content .btn{text-transform: uppercase; margin-top: 30px; padding: 9px 25px} .events-details h3{margin-top: 30px; margin-bottom: 20px; font-size: 30px} .events-details h5 span{color: #222; float: right} .events-details p{margin-bottom: 20px} .events-info{margin-top: 30px; display: flex; background: #fff; padding: 25px} .events-info ul{width: 50%} .events-info ul li{margin-top: 15px; color: #777} .events-info ul li a{color: #777} .events-info ul li:first-child{margin-top: 0} .events-info ul li span{display: block; font-size: 20px; color: #000; margin-bottom: 4px} .side-bar .latest-events .single-latest-events{display: flex; overflow: hidden; margin-bottom: 20px; background: #fff} .side-bar .single-latest-events .event-date{background: #f49521; color: #fff; font-size: 22px; padding: 10px 12px; text-align: center; width: 33%} .side-bar .single-latest-events .event-date span{display: block} .side-bar .single-latest-events .event-content{padding-left: 15px; margin-top: 16px; width: 67%} .side-bar .single-latest-events .event-content h4{font-size: 18px; margin-bottom: 10px} .side-bar .single-latest-events .event-content span{color: #777} .apply-area{background: #f49521; position: relative} .apply-area::before{content: ''; position: absolute; right: 0; top: 0; width: 60%; height: 100%; background: url(/vit_elearning/static/src/css/../img/apply-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat} .apply-area::after{content: ''; position: absolute; right: 0; top: 0; width: 60%; height: 100%; background: rgba(47, 47, 47, .6)} .apply-area .text{margin-right: 45px; margin-top: 65px} .apply-area p{position: relative; color: #fff; z-index: 1; font-size: 50px; font-weight: 700; text-align: center; line-height: 75px} .apply-area .text p span{display: inline-block; background: #fff; color: #f49521; padding: 0 15px; border-radius: 5px} .apply-form label{color: #fff;} .apply-form{z-index: 1; position: relative; background: #282828; text-align: center; padding: 45px 30px; border-radius: 10px; margin-left: 45px;} .apply-form h3{font-size: 36px; text-transform: uppercase; font-weight: 700; margin-top: -8px; margin-bottom: 40px} .apply-form .form-control{border: none; border-radius: 0; border-bottom: 2px solid #eee; padding-left: 0} .apply-form .form-control:focus{border-color: #f49521} .apply-form .btn{text-transform: uppercase; margin-top: 20px; padding: 13px 33px} .admission-area{height: 100vh} .how-it-works{position: relative; overflow: hidden; background-image: url(/vit_elearning/static/src/img/vector.png); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed} .how-it-works::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: .7} .how-it-works.red-bg::before{background: rgba(230, 12, 61, .7); opacity: 1} .how-it-works .section-title h3{color: #222; padding: 0} .how-it-works .section-title h3::before{display: none} .work-process{text-align: center; margin-bottom: 20px} .work-process i{font-size: 45px; color: #f49521} .work-process h3{color: #5e5e5e; font-size: 22px; font-weight: 700; margin-top: 25px; margin-bottom: 15px} .work-process p{color: #5e5e5e} .how-it-works.red-bg .section-title h3, .how-it-works.red-bg .section-title h3 span, .how-it-works.red-bg .work-process h3, .how-it-works.red-bg .work-process i, .how-it-works.red-bg .work-process p{color: #fff} .how-it-works.red-bg .view-all .btn{background: #fff; color: #f49521; border-color: #fff} .teacher-area{padding-bottom: 70px} .single-teacher{margin-bottom: 30px; border-radius: 5px; background: #fff; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-teacher:hover{-webkit-box-shadow: 0 0 30px 0 rgba(67, 67, 67, .15); box-shadow: 0 0 30px 0 rgba(67, 67, 67, .15); transform: translateY(-5px)} .single-teacher .teacher-content{padding: 30px; overflow: hidden} .single-teacher .teacher-content h3{font-size: 22px; font-weight: 700; color: #424242} .single-teacher .teacher-content span{font-size: 16px; color: #5e5e5e; display: block; margin-top: 10px; margin-bottom: 25px} .single-teacher .teacher-content h4{display: inline-block; font-size: 14px; font-weight: 700; color: #d90445} .single-teacher .teacher-content h4 a{color: #d90445} .single-teacher .teacher-content ul{display: inline-block; float: right} .single-teacher .teacher-content ul li{display: inline-block} .single-teacher .teacher-content ul li a{font-size: 15px; color: #5e5e5e; margin-left: 6px} .single-teacher .teacher-content ul li a:hover{color: #f49521} .teacher-box{margin-bottom: 30px; background: #fff; text-align: center; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .teacher-box .pic{position: relative; overflow: hidden} .teacher-box .pic::after{content: ""; width: 200px; height: 200px; border-radius: 50%; background-color: rgba(0, 0, 0, .5); box-shadow: 0 0 0 900px rgba(255, 255, 255, .5); position: absolute; bottom: -100px; right: -100px; opacity: 0; transform: scale3d(.5, .5, 1); transform-origin: 50% 50% 0; transition: all .35s ease 0s} .teacher-box:hover .pic::after{opacity: 1; transform: translate3d(0, 0, 0)} .teacher-box .view-profile{width: 100px; padding: 0 8px 15px 0; color: #fff; text-align: right; text-transform: uppercase; position: absolute; bottom: 6px; right: 0; opacity: 0; z-index: 1; transform: translate3d(20px, 20px, 0); transition: all .35s ease 0s} .teacher-box:hover .view-profile{opacity: 1; transform: translate3d(0, 0, 0)} .teacher-box .teacher-content{padding: 25px 0} .teacher-box .title{font-size: 22px; font-weight: 700; color: #424242} .teacher-box .post{font-size: 16px; color: #5e5e5e; display: block; margin-top: 10px; margin-bottom: 15px} .teacher-box .teacher-content ul li{display: inline-block} .teacher-box .teacher-content ul li a{font-size: 16px; color: #5e5e5e; margin: 0 3px} .teacher-box .teacher-content ul li a:hover{color: #f49521} .teacher-details-area{padding-bottom: 70px} .teacher-details{padding: 20px; background: #fff} .teacher-profile h3{font-size: 22px; text-transform: uppercase; font-weight: 500; margin: 0 0 5px} .teacher-profile span{font-size: 16px; color: #959595} .teacher-contact-info{margin-top: 20px} .teacher-contact-info h4{font-size: 18px; text-transform: uppercase; margin-bottom: 15px} .teacher-contact-info ul li{color: #959595; margin-top: 8px; font-size: 15px} .teacher-contact-info ul li:first-child{margin-top: 0} .teacher-contact-info ul li i{color: #f49521} .teacher-contact-info ul li a{color: #959595} .teacher-contact-info ul li a:hover{color: #f49521} .teacher-contact-info .teacher-social{margin-top: 15px} .teacher-contact-info .teacher-social li{margin-top: 0; display: inline-block; margin-right: 6px} .teacher-contact h3{font-size: 22px; text-transform: uppercase; font-weight: 500; margin: 0 0 20px} .teacher-contact .form-control{border: 1px solid #eee; border-radius: 0; height: 40px; font-size: 14px; padding: 9px} .teacher-contact textarea.form-control{height: auto} .progress-title{font-size: 16px; font-weight: 500; color: #000; margin: 25px 0 10px} .single-teacher-about h2{font-size: 24px; font-weight: 500; text-transform: capitalize} .progress{height: 8px; background: #959595; border-radius: 0; box-shadow: none; margin-bottom: 0; overflow: visible} .progress .progress-bar{box-shadow: none; position: relative; -webkit-animation: animate-positive 2s; animation: animate-positive 2s} .progress .progress-bar{background-color: #f49521} .progress .progress-bar:after{content: ""; display: block; border: 15px solid transparent; border-bottom: 21px solid transparent; position: absolute; top: -26px; right: -12px} .progress .progress-value{font-size: 14px; font-weight: 700; color: #000; position: absolute; top: -35px; right: 0} @-webkit-keyframes animate-positive{0%{width: 0}} @keyframes animate-positive{0%{width: 0}} .single-teacher-about .teacher-desc{margin-top: 40px} .single-teacher-about .teacher-desc p{margin-top: 20px} .teacher-involved-coures{margin-top: 50px} .teacher-involved-coures h2{font-weight: 600; font-size: 28px; margin-bottom: 40px; text-transform: uppercase} .ctr-area{position: relative; background-size: cover; background-position: center center; background-image: url(/vit_elearning/static/src/img/ctr-bg.jpg); overflow: hidden} .ctr-area:before{content: ""; background-color: #000; height: 100%; width: 100%; position: absolute; left: 0; top: 0; opacity: .6} .ctr-text-content{text-align: center; position: relative} .ctr-text-content h1{font-size: 34px; text-transform: uppercase; color: #fff; font-weight: 700} .ctr-text-content p{color: #fff; margin: 20px auto 0; font-size: 16px; max-width: 695px} .ctr-text-content .btn{margin-top: 40px; text-transform: uppercase} .top-divider{position: absolute; top: -20px; left: 0; width: 100%; background: url(/vit_elearning/static/src/css/../img/section-divider-bottom.png); height: 55px} .bottom-divider{position: absolute; bottom: -20px; left: 0; width: 100%; background: url(/vit_elearning/static/src/img/section-divider-top.png); height: 55px} .newsletter-area{background-image: url(/vit_elearning/static/src/img/news-letter-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; position: relative} .newsletter-area::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(47, 47, 47, .6)} .newsletter{text-align: center; max-width: 815px; margin: 0 auto; position: relative} .newsletter h3{font-size: 50px; text-transform: uppercase; color: #fff; font-weight: 700; margin-top: -14px} .newsletter p{font-size: 16px; color: #fff; margin-top: 30px; margin-bottom: 40px} .newsletter form{position: relative; max-width: 660px; margin: 0 auto} .newsletter form .btn{position: absolute; right: 0; top: 0; height: 50px; text-transform: uppercase} .single-blog-post{position: relative; margin-bottom: 30px; overflow: hidden} .single-blog-post::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(47, 47, 47, .6); z-index: 1} .single-blog-post img{-ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s; -webkit-transform: scale(1); transform: scale(1)} .single-blog-post:hover img{-webkit-transform: scale(1.3); transform: scale(1.3)} .single-blog-post .date{position: absolute; left: 20px; top: 20px; background: #e60c3e; color: #fff; padding: 5px 10px; font-weight: 400; font-size: 20px; -webkit-box-shadow: 7px 7px 0 0 rgba(230, 12, 62, .5); box-shadow: 7px 7px 0 0 rgba(230, 12, 62, .5); -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s; z-index: 1} .single-blog-post:hover .date{-webkit-box-shadow: -7px -7px 0 0 rgba(230, 12, 62, .5); box-shadow: -7px -7px 0 0 rgba(230, 12, 62, .5)} .single-blog-post .blog-post-content{position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px; z-index: 2} .single-blog-post .blog-post-content h3{font-size: 24px; font-weight: 700; margin-bottom: 12px} .single-blog-post .blog-post-content h3 a{color: #fff} .single-blog-post .blog-post-content h3 a:hover{color: #f49521} .single-blog-post .blog-post-content p{color: #fff; margin-bottom: 15px} .single-blog-post .blog-post-content .read-more{color: #fff} .single-blog-post .blog-post-content .read-more:hover{color: #f49521} .news-slider.owl-theme .owl-nav{margin-top: 25px} .news-slider.owl-theme .owl-nav [class*=owl-]{position: unset; background: #fff; padding-top: 10px; color: #000; line-height: 38px; box-shadow: 0 0 15px 0 rgba(67, 67, 67, .15)} .news-slider.owl-theme .owl-nav [class*=owl-]:hover{background: #f49521; color: #fff} .single-blog{background: #fff; margin-bottom: 45px; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-blog:hover{-webkit-box-shadow: 0 0 15px 0 rgba(67, 67, 67, .15); box-shadow: 0 0 15px 0 rgba(67, 67, 67, .15)} .single-blog .blog-img{position: relative; overflow: hidden} .single-blog .blog-img::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(47, 47, 47, .6); z-index: 1} .single-blog .blog-img img{-ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s; -webkit-transform: scale(1); transform: scale(1)} .single-blog:hover .blog-img img{-webkit-transform: scale(1.3); transform: scale(1.3)} .single-blog .blog-content{padding: 25px 18px; position: relative; padding-bottom: 55px} .single-blog .blog-content h4{font-size: 14px; color: #242424; overflow: hidden} .single-blog .blog-content h4 a{color: #f49521} .single-blog .blog-content h4 .date{float: right} .single-blog .blog-content h3{font-size: 18px; font-weight: 700; margin-top: 20px; line-height: 1.5} .single-blog .blog-content h3 a{color: #242424} .single-blog .blog-content h3 a:hover{color: #f49521} .single-blog .blog-content .btn{position: absolute; bottom: -20px; right: 0; left: 0; width: 170px; margin: 0 auto; background: #fff; color: #636363; border-radius: 30px; border-color: #d1d4d8} .single-blog .blog-content .btn-primary:hover{background: #f49521; color: #fff; border-color: #f49521} .single-card-post{background: #191919; margin-bottom: 10px; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-card-post:hover{-webkit-box-shadow: 0 0 15px 0 rgba(67, 67, 67, .15); box-shadow: 0 0 15px 0 rgba(67, 67, 67, .15)} .single-card-post .blog-img{position: relative; overflow: hidden} .btn-course{font-weight: 700 ; padding: 8px 20px !important; font-size: 12px !important; border-radius: 43px !important; position: relative; overflow: hidden;} .single-card-post .blog-img::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(47, 47, 47, .6); z-index: 1} .single-card-post .blog-img img{-ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s; -webkit-transform: scale(1); transform: scale(1); width: 100%} .single-card-post:hover .blog-img img{-webkit-transform: scale(1.3); transform: scale(1.3)} .single-card-post .date{position: absolute; left: 20px; top: 20px; background: #212121; color: #fff; padding: 5px 10px; font-weight: 400; font-size: 20px; z-index: 1; -webkit-box-shadow: 7px 7px 0 0 rgba(230, 12, 62, .5); box-shadow: 7px 7px 0 0 rgba(51, 51, 51, 0.5); -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-card-post:hover .date{-webkit-box-shadow: -7px -7px 0 0 rgba(51, 51, 51, 0.5); box-shadow: -7px -7px 0 0 rgba(51, 51, 51, 0.5)} .single-card-post .blog-card-content{padding: 25px} .single-card-post .blog-card-content h3{font-size: 24px; font-weight: 700; margin-bottom: 15px; margin-top: -4px} .single-card-post .blog-card-content h3 a{color: #222} .single-card-post .blog-card-content h3 a:hover{color: #e60c3e} .single-card-post .blog-card-content p{margin-bottom: 20px} .blog-details{background: #fff} .blog-details .article-img{position: relative} .blog-details .article-img .date{position: absolute; bottom: 15px; width: 100px; left: 15px; height: 100px; text-align: center; font-size: 25px; background: #f49521; color: #fff; border-radius: 5px; padding-top: 18px; line-height: 33px; font-style: italic} .blog-details .article-text{padding: 30px} .blog-details .article-text ul li{display: inline-block} .blog-details .article-text .post-meta li{margin-right: 10px; color: #777} .blog-details .article-text .post-meta li a{color: #777} .blog-details .article-text .post-meta li a:hover{color: #f49521} .blog-details .article-text .post-meta li i{color: #f49521; margin-right: 2px} .blog-details-area .title{margin-top: 30px; margin-bottom: 30px; font-size: 27px} .blog-details .article-text p{margin-bottom: 20px} .blog-details .blockquote{margin-bottom: 25px; background: #f4f4f4; padding: 30px; margin-top: 25px; font-size: 17px; border-left: 4px solid #f49521} .blog-details .blockquote p{color: #777} .blog-details .author-share{margin-top: 40px} .blog-details .article-author{overflow: hidden} .blog-details .article-author .author-img{float: left; width: 27%} .blog-details .article-author .author-img img{border-radius: 50%} .blog-details .article-author .author-title{float: left; width: 73%; padding-left: 25px; margin-top: 17px} .blog-details .article-author .author-title h4{font-size: 20px; margin-bottom: 6px; text-transform: uppercase} .blog-details .article-author .author-title span{color: #666; font-size: 15px} .blog-details .author-share .social-share{text-align: right; margin-top: 28px} .blog-details .author-share .social-share a{background: #f49521; color: #fff; width: 35px; display: inline-block; height: 35px; text-align: center; line-height: 35px; border-radius: 50%} .post-controls-buttons{margin-top: 50px; margin-bottom: 50px; padding-left: 70px; padding-right: 70px;} .post-controls-buttons div{display: inline-block} .post-controls-buttons .controls-right{float: right} .post-controls-buttons div a{background: linear-gradient(-45deg, #4e54c8, #8089ff); box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05)} .post-controls-buttons div a{box-shadow: 0 5px 10px rgba(0, 9, 128, .035), 0 7px 18px rgba(0, 9, 128, .05); padding: 15px 45px; border-radius: 5px; background: #fff; color: #f49521; display: inline-block} .post-controls-buttons div a:hover{background: #f49521; color: #fff} .single-comment{padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom: 5px; margin-bottom: 25px; position: relative; overflow: hidden; background: #191919; border-radius: 10px;} .courses-details{padding-bottom: 30px; border-bottom: 1px solid #191919} .single-comment.left-m{margin-left: 30px} .single-comment .comment-img{float: left; width: 13%} .single-comment .comment-img img{border-radius: 50%} .single-comment .reply-img{margin-left: 100px; margin-right: 25px; width: 9%} .single-comment .reply-img img{border-radius: 50%} .single-comment .comment-content{float: left; width: 87%; padding-left: 25px} .single-comment .comment-content h4{font-size: 20px; text-transform: uppercase; margin-bottom: 15px} .single-comment .comment-content p{margin-bottom: 15px} .single-comment .comment-content a{position: absolute; right: 25px; bottom: 25px; color: #f49521; text-transform: uppercase; font-size: 17px} # .single-comment .reply-content{width: 87%;} .single-comment .reply-content h4{font-size: 16px; text-transform: uppercase; margin-bottom: 10px} .single-comment .reply-content p{margin-bottom: 10px} .leave-a-reply{padding: 25px; background: #191919; margin-top: 50px; border-radius: 10px;} .leave-a-reply .form-control{border: 1px solid #282828;} .leave-a-reply .btn{margin-top: 20px;} .reply-reply{padding-left: 25px; background: #191919; border-radius: 10px;} .reply-reply .form-control{border: 1px solid #282828;} .reply-reply .btn{color: #f49521; background-color: #191919; border-color: #191919; font-weight: 700; font-size: 16px; position: relative; overflow: hidden} .single-feedback{position: relative; transform: scale(.9); -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .owl-item.active.center .single-feedback{transform: scale(1.1); -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-feedback::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(47, 47, 47, .6); z-index: 1} .owl-item.active.center .single-feedback .feedback-content{bottom: 55px; opacity: 1; visibility: visible} .feedback-content{position: absolute; bottom: 30px; z-index: 2; background: #fff; width: 80%; left: 25px; border-radius: 5px; padding: 20px 70px 20px 145px; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .feedback-content i{position: absolute; left: 30px; top: -45px; width: 90px; height: 100px; text-align: center; font-size: 55px; background: #f49521; color: #fff; line-height: 100px; border-radius: 5px} .feedback-content p{font-style: italic} .feedback-content h3{position: relative; margin-top: 20px; font-size: 15px; font-weight: 700; padding-left: 60px} .feedback-content h3::before{content: ''; position: absolute; width: 50px; height: 2px; left: 0; top: 9px; background: #f49521} .testimonials-slider.owl-theme .owl-nav [class*=owl-]{color: #fff; font-size: 60px; background: 0 0; width: auto; height: auto; font-weight: 700} .testimonials-slider.owl-theme .owl-nav [class*=owl-]:hover{color: #f49521} .page-title{position: relative; background-image: url(/vit_elearning/static/src/img/classes.jpg); height: 300px; background-position: center center; background-size: cover; background-repeat: no-repeat} .filter-button.active{background-color: transparent; color: #f49521;} .page-title::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(47, 47, 47, .6)} .page-title h3{color: #fff; font-size: 50px; font-weight: 700; position: relative; text-transform: uppercase; text-align: center;} .filter-button{background-color:transparent; color:#fff;} .page-title h3::before{content: ''; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -20px; width: 85px; height: 6px; background: #f49521; display: block; border-radius: 30px;} .about-text h3{font-size: 36px; font-weight: 700; margin-bottom: 25px; margin-top: -8px; position: relative; padding-bottom: 15px} .about-text h3::before{content: ''; position: absolute; left: 0; bottom: 0; width: 80px; height: 4px; background: #f49521; border-radius: 30px} .about-text h3 span{color: #f49521} .about-text h5{margin-bottom: 20px; line-height: 1.4} .about-text p{margin-bottom: 15px} .about-text-list li{font-size: 17px; color: #fff; padding: 4px 0px;} .about-slider.owl-theme .owl-nav [class*=owl-]{border-radius: 0; background: #f49521; left: -5px; margin-top: -5px} a.href-cems{width:25%; display: flex;} .about-slider.owl-theme .owl-nav .owl-next{left: auto; right: -5px} .single-about{margin-top: 50px; border: 1px solid #eee; text-align: center; padding: 30px; border-radius: 5px; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s; min-height: 500px;} .single-about:hover{box-shadow: 0 0 30px 0 rgba(67, 67, 67, .15); -webkit-transform: translateY(-5px); background: #fff; transform: translateY(-5px); color: #282828} .single-about:hover h3{color:#282828;} .mt-60{margin-top:60px; margin-bottom:60px;} .single-about i{width: 65px; height: 65px; display: inline-block; line-height: 64px; font-size: 30px; border: 1px solid #f49521; border-radius: 50%; color: #f49521; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-about:hover i{background: #f49521; color: #fff} .single-about h3{font-size: 22px; font-weight: 700; color: #fff; margin: 30px 0 18px} .about-content{margin-top: 50px} .about-content h3{font-size: 22px; font-weight: 700; margin-bottom: 25px; margin-top: -8px; position: relative; padding-bottom: 15px; text-transform: uppercase} .about-content h3::before{content: ''; position: absolute; left: 0; bottom: 0; width: 80px; height: 4px; background: #d90445; border-radius: 30px} .about-content p{margin-bottom: 15px} .woocommerce-shop-top{margin-bottom: 35px} .woocommerce-shop-top p{font-size: 17px; margin-top: 10px} .woocommerce-shop-top .form-control{border: 1px solid #eee; text-transform: capitalize} .single-product{background: #fff; padding: 15px; text-align: center; margin-bottom: 30px; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-product:hover{box-shadow: 0 0 30px 0 rgba(67, 67, 67, .15); -webkit-transform: translateY(-5px); transform: translateY(-5px)} .single-product .product-img{position: relative; overflow: hidden} .single-product .product-img::before{position: absolute; content: ''; left: 0; opacity: 0; top: 0; height: 100%; width: 100%; background: rgba(47, 47, 47, .6); visibility: hidden; -webkit-transform: scale(.8); transform: scale(.8); -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-product:hover .product-img::before{visibility: visible; opacity: 1; transform: scale(1)} .single-product .product-img .quick-view{position: absolute; right: 15px; top: 8px; opacity: 0; visibility: hidden; color: #fff; font-size: 25px; transform: scale(0); -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-product:hover .product-img .quick-view{opacity: 1; visibility: visible; transform: scale(1)} .single-product .product-content{margin-top: 30px} .single-product .product-content h3{font-size: 22px; font-weight: 700; margin-top: -5px; margin-bottom: 10px} .single-product .product-content ul li{display: inline-block; font-size: 20px; color: #ffcf00} .single-product .product-content .price{font-size: 17px; margin-top: 15px; margin-bottom: 15px; color: #f49521} .single-product .product-content .price span{font-size: 17px; margin-top: 15px; margin-bottom: 15px; color: #f49521} .single-product-item{background: #fff; padding: 15px; margin-bottom: 30px; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-product-item:hover{box-shadow: 0 0 30px 0 rgba(67, 67, 67, .15); -webkit-transform: translateY(-5px); transform: translateY(-5px)} .single-product-item .product-img{position: relative; overflow: hidden} .single-product-item .product-img img{width: 100%} .single-product-item .product-img::before{position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; background: rgba(47, 47, 47, .6); opacity: 0; visibility: hidden; -webkit-transform: scale(.8); transform: scale(.8); -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-product-item:hover .product-img::before{opacity: 1; visibility: visible; transform: scale(1)} .single-product-item .product-img .quick-view{position: absolute; right: 15px; top: 8px; opacity: 0; visibility: hidden; color: #fff; font-size: 25px; transform: scale(0); -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .single-product-item:hover .product-img .quick-view{opacity: 1; visibility: visible; transform: scale(1)} .single-product-item .product-content{text-align: center; padding: 30px 0} .single-product-item .product-content h3{font-size: 22px; font-weight: 700; margin-top: -5px; margin-bottom: 10px} .single-product-item .product-content ul li{display: inline-block; font-size: 20px; color: #ffcf00} .single-product-item .content-footer .price{font-size: 17px; color: #f49521; display: inline-block; float: right; margin-top: 10px} .single-product-item .content-footer .price span{font-size: 17px; color: #f49521; display: inline-block; float: right; margin-top: 10px} .single-product-item .content-footer .btn{padding: 2px 25px; font-size: 25px} .modal-dialog-centered{max-width: 910px; margin: 0 auto} .product-desc{padding: 30px 20px} .product-desc h3{font-size: 24px; text-transform: uppercase; font-weight: 600} .product-desc .price{margin-bottom: 20px; margin-top: 15px; color: #f49521; display: block; font-size: 20px} .product-desc .price span{margin-bottom: 20px; margin-top: 15px; color: #f49521; display: block; font-size: 20px} .product-desc p{margin-bottom: 25px} .product-desc form .form-control{border: 1px solid #eee; border-radius: 0; width: 220px; display: inline-block} .product-desc form .btn{height: 50px; position: relative; top: -1px} .share-this-product{margin-top: 25px} .share-this-product h4{text-transform: uppercase; font-size: 16px; margin-bottom: 15px} .share-this-product ul li{display: inline-block} .share-this-product ul li a{display: inline-block; width: 36px; height: 36px; line-height: 34px; border: 1px solid #eee; text-align: center; border-radius: 50%; font-size: 15px} .share-this-product ul li a:hover{background: #f49521; color: #fff; border-color: #f49521} .modal-content .close{position: absolute; right: 15px; top: 15px; border: 1px solid #ddd; width: 35px; height: 35px; border-radius: 50%; -webkit-transition: .4s; transition: .4s; line-height: 34px} .modal-content .close:hover{background: #f49521; color: #fff; border-color: #f49521} .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{background: #f49521; color: #fff; border-color: #f49521; opacity: 1} .shop-details-area{padding-bottom: 70px} .shop-details{background: #fff; padding: 20px} .product-description h3{font-size: 24px; text-transform: uppercase; font-weight: 600} .product-description .price{margin-bottom: 20px; margin-top: 15px} .product-description .price h4{color: #f49521; display: block; font-size: 20px} .product-description .price h4 span{color: #f49521; display: block; font-size: 20px} .product-description p{margin-bottom: 25px} .product-description form .form-control{border: 1px solid #eee; border-radius: 0; width: 290px; display: inline-block} .product-description form .btn{height: 50px; position: relative; top: -1px} .add-to-wishlist{margin-top: 25px; margin-bottom: 25px} .product-description .category span{color: #959595; font-size: 17px} .product-description .category a{color: #f49521} .product-description ul{margin-top: 15px} .product-description ul li{display: inline-block} .product-description ul li a{display: inline-block; width: 40px; height: 40px; line-height: 40px; border: 1px solid #eee; text-align: center; border-radius: 50%} .product-description ul li a:hover{background: #f49521; color: #fff; border-color: #f49521} .shop-details .shop-details-tabs{margin-top: 40px; background: #fff} .shop-details-tabs .content{display: none} .shop-details-tabs #tabs{margin-bottom: 40px} .shop-details-tabs #tabs>li{display: inline-block; padding: 8px 52px; cursor: pointer; font-weight: 700; font-size: 16px; color: #000; background: #eaeaea} .shop-details-tabs .show{display: block} .shop-details-tabs #tabs>li.active{background: #f49521; color: #fff} .shop-details-tabs .inactive{background-color: #eee} .shop-details-tabs h3{margin: 0 0 20px; font-size: 22px; font-weight: 600} .shop-details-tabs .shop-reviews b{margin: 10px 0; display: inline-block} .shop-details-tabs .shop-reviews ul li{display: inline-block; position: relative; margin-right: 20px; margin-top: 10px} .shop-details-tabs .shop-reviews ul li::before{content: ''; position: absolute; width: 1px; height: 13px; background: #959595; left: -12px; top: 7px} .shop-details-tabs .shop-reviews ul li:first-child::before{display: none} .shop-details-tabs .shop-reviews ul li a{color: #ff9800} .shop-details-tabs .shop-reviews .review-form{margin-top: 30px} .shop-details-tabs .shop-reviews .review-form .form-control{border: 1px solid #eee; border-radius: 0} .shop-details-tabs .shop-reviews .review-form .btn.btn-primary{margin-top: 20px} .related-shop{margin-top: 65px} .related-shop h2{font-weight: 600; font-size: 28px; margin-bottom: 40px; text-transform: uppercase} .cart-table{text-align: center} .cart-table .table{margin-bottom: 30px} .cart-table .table-bordered thead th{border-bottom: none; text-transform: uppercase; font-size: 15px; font-weight: 500} .cart-table .table td, .cart-table .table th{vertical-align: middle; background: #fff; border-color: #eee} .cart-table .table td{font-size: 16px} .cart-table .product-thumbnail a img{height: 125px} .cart-table .quantity .form-control{border: 1px solid #eee; width: 100px; display: inline-block} .cart-buttons .btn{text-transform: uppercase; border-radius: 30px; font-size: 15px} .cart-coupon{margin-top: 30px} .cart-coupon h4{font-size: 20px} .cart-coupon p{margin-top: 12px; margin-bottom: 20px} .cuppon-form{width: 500px; position: relative} .cuppon-form .form-control{border: 1px solid #eee; border-radius: 30px; height: 45px} .cuppon-form .btn{position: absolute; right: 0; top: 0; border-radius: 30px; height: 45px} .cart-total{text-align: right; background: #fff; padding: 25px; border: 1px solid #eee} .cart-total h3{font-size: 22px; margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom: 8px} .cart-total .table td, .cart-total .table th{padding: 0 0 15px; vertical-align: middle; border-top: none; font-weight: 600} .cart-total .table td.amount{font-weight: 400} .proceed-to-checkout .btn{border-radius: 30px; text-transform: uppercase; font-size: 14px} .checkout-area h3{font-size: 22px; border-bottom: 2px solid #d90445; margin-top: -5px; padding-bottom: 15px; margin-bottom: 30px} .checkout-form .form-control{border: 1px solid #eee; border-radius: 0} .checkout-form select.form-control{height: auto} .checkout-form .form-check{padding-left: 0} .shipping-details{margin-top: 30px} .shipping-details .form-check{padding-left: 0; margin-bottom: 12px} .order-table{text-align: center} .order-table .table-bordered thead th{border-bottom: none; text-transform: uppercase; font-size: 15px; font-weight: 500} .order-table .table td, .order-table .table th{vertical-align: middle; background: #fff; border-color: #eee} .order-table .product-thumbnail a img{height: 125px} .order-table .table td{font-size: 16px} .payment-information{margin-top: 25px} .place-order{background: #fff; padding: 20px; text-align: right} .side-bar .single-widget{margin-bottom: 35px} .side-bar .single-widget .title{margin-bottom: 25px; font-size: 24px; text-transform: uppercase; margin-top: 30px;} .side-bar .search-box form{position: relative} .side-bar .search-box form .form-control{border: 1px solid #282828;} .side-bar .search-box form .btn{position: absolute; right: 0; top: 0; height: 50px; border-radius: 0 5px 5px 0} .side-bar .recent-post .single-recent-post{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px} .side-bar .recent-post .single-recent-post .img{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%} .side-bar .recent-post .single-recent-post .img img{border-radius: 8px} .side-bar .recent-post .single-recent-post .content{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; padding-left: 15px} .side-bar .recent-post .single-recent-post .content h4{font-size: 17px; line-height: 26px; margin-top: 15px; font-weight: 400} .side-bar .recent-post .single-recent-post .content span{display: block; margin-top: 12px; color: #f49521; font-size: 15px} .side-bar .categories-box li{margin-top: 10px; padding-bottom: 10px; border-bottom: 2px dashed #eee} .side-bar .categories-box li:first-child{margin-top: 0} .side-bar .categories-box li a{color: #505050} .side-bar .categories-box li a:hover{color: #f49521; padding-left: 5px} .side-bar .tags-box ul li{display: inline-block; margin-top: 5px} .side-bar .tags-box ul li a{border-bottom: 3px solid #222; padding: 6px 14px; display: inline-block} .side-bar .tags-box ul li a:hover{background: #f49521; color: #fff} .side-bar .archives-box li{margin-top: 10px; padding-bottom: 10px; border-bottom: 2px dashed #eee} .side-bar .archives-box li:first-child{margin-top: 0} .side-bar .archives-box li a{color: #505050} .side-bar .archives-box li a:hover{color: #f49521; padding-left: 5px} .side-bar .latest-courses .single-latest-courses{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px} .side-bar .latest-courses .single-latest-courses .img{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} .side-bar .latest-courses .single-latest-courses .content{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; padding-left: 15px} .side-bar .latest-courses .single-latest-courses .img img{border-radius: 8px} .side-bar .latest-courses .single-latest-courses .content h4{font-size: 17px; line-height: 26px; margin-top: 14px; font-weight: 400} .side-bar .latest-courses .single-latest-courses .content p{margin-top: 8px; font-size: 16px; color: #f49521} .side-bar .latest-courses .single-latest-courses .content p span{color: #f49521} .side-bar .share-boxes ul li{display: inline-block} .side-bar .share-boxes ul li a{display: inline-block; width: 40px; height: 40px; text-align: center; border: 1px solid #ddd; line-height: 39px; border-radius: 50%} .side-bar .share-boxes ul li a:hover{background: #f49521; border-color: #f49521; color: #fff} .side-bar .instagram-post ul{overflow: hidden} .side-bar .instagram-post ul li{float: left; width: 30%; padding: 2px} .pagination-area{margin-top: 40px} .page-link{width: 40px; height: 40px; padding: 0; margin: 0 5px; color: #fff; background-color: #191919; border-radius: 0!important; text-align: center; line-height: 39px; font-size: 20px; box-shadow: 0px 2px 5px 0 #1d1d1d; border: none;} .page-link:focus, .page-link:hover{background-color: #f49521; border-color: #f49521; color: #fff} .page-link:focus{box-shadow: 0 2px 10px 0 #d8dde6} .page-item.active .page-link{z-index: 1; color: #fff; background-color: #f49521; border-color: #f49521} .partner-area{text-align: center; background: #fff} .partner-area.pt-150{padding-top: 150px} .single-partner{height: 205px; background: #f2f2f2; border: 1px solid #ddd; padding: 0 10px} .partner-area .owl-carousel .owl-item img{width: 130px; display: inline-block} .faq{box-shadow: 0 0 50px 0 rgba(67, 67, 67, .15); padding: 40px} .faq .card{background-color: transparent; border-radius: 6px!important; margin-bottom: 5px; border: none} .faq .card-header:first-child{border-radius: 0} .faq .card-header{background: #f49521} .faq .card-header{padding: 0; margin-bottom: 0; border: none} .faq .card-header a{padding: 15px; display: block} .faq .card-header a h5{color: #fff} .faq .card-header i{float: right; font-size: 20px} .faq .card-header a .icofont-rounded-down::before{content: "\eaa1"} .faq .card-header a.collapsed .icofont-rounded-down::before{content: "\ea99"} .faq .card-body{line-height: 1.7; border: 1px solid #eee} .faq-contact{text-align: center; margin-top: 50px; padding: 40px; background-image: url(/vit_elearning/static/src/img/pat.png); background-position: center center; background-size: cover; background-repeat: no-repeat} .faq-contact h3{font-size: 27px; margin-bottom: 40px; text-transform: capitalize; font-weight: 600} .faq-contact .btn{margin-top: 20px} .content-aside{width:30%; display: block;} .main-banner-three-content{width:70%; display: block;} .banner-newest{position: relative;} .side-content-left{width:30%; position: relative; display: block; float: left; height:100vh; background-color:#121212;} .side-content-right{width:70%; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; height:100vh;} .side-content-right video{width:100%;} .simpul{flex: 0 0 120px; position: relative; top: 50%; transform: translateY(-50%);} .fullscreen-bg{position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100;} .fullscreen-bg__video{position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 70%; min-height: 100vh; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} @media (max-width: 767px){.fullscreen-bg{background: url('http://dev2.slicejack.com/fullscreen-video-demo/img/videoframe.jpg') center center / cover no-repeat;}.fullscreen-bg__video{display: none;}} .classy-navbar-toggler .navbarToggler span{background-color: #fff !important;} .simpul{text-align:left;} .video-right{width:100%} #nav-container{padding: 0px 7%;} .banner-newest{margin-top: 0px;} .simpul p{font-size:13px !important;} .apply-form.login-area{background-color:#121212 !important;} #login-form{overflow: hidden; position: relative; box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .1); max-width: 750px; margin: 0 auto} #login-form::before{content: 'or'; color: #777; position: absolute; right: 0; bottom: 0; margin: auto; height: 10px; width: 10px; left: -8px; top: 44px} #login-form::after{content: ''; position: absolute; background: rgba(128, 128, 128, .3); right: 0; bottom: 0; margin: auto; height: 7.25em; width: .1em; left: 0; top: -78px; box-shadow: 0 8.8em 0 0 rgba(128, 128, 128, .3)} #login-form .heading{color: #fff; text-align: center; text-transform: uppercase; padding: 15px 0; background: #f49521; font-weight: 600; font-size: 25px} #login-form .left{width: 50%; float: left; padding: 30px} #login-form .form-control{border: 1px solid #eee} #login-form .btn{text-transform: uppercase; display: block; width: 100%; margin-top: 23px} #login-form .right{width: 50%; float: right; padding: 30px} #login-form .right .connect{color: #777; font-size: 20px} #login-form .right a{font-size: 25px; color: #fff; padding: 13px 0; text-align: center; display: block; width: 100%; margin: 8px 0; border-radius: 5px} #login-form .right .facebook{background: #3a589a; margin-top: 15px} #login-form .right .twitter{background: #4099ff} #login-form .right .google-plus{background: #e9544f} .register-content{padding: 25px; text-align: center; box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .1); max-width: 550px; background-color: #282828; border-radius: 10px; margin: 0 auto} .register-content .heading{color: #fff; text-align: center; text-transform: uppercase; padding: 15px 0; background: #f49521; font-weight: 600; font-size: 25px; margin-bottom: 30px} .register-content .form-control{} .register-content .btn{display: block; width: 100%; text-transform: uppercase} .register-content h4{color: #777; margin-top: 20px; font-size: 18px; font-weight: 400} .register-content h4 a{text-decoration: underline} .error-area{height: 100vh; background-image: url(/vit_elearning/static/src/img/slider-three.jpg); background-position: center center; background-size: cover; background-attachment: fixed; position: relative} .error-area::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .77} .error-content{text-align: center; max-width: 620px; margin: 0 auto; position: relative} .error-content h1{color: #fff; font-size: 260px; font-weight: 900} .error-content p{color: #fff; font-size: 30px; letter-spacing: 2px; margin-bottom: 25px} .error-content .btn{text-transform: uppercase; font-size: 25px; padding: 10px 50px; border-radius: 5px} .contact-box{background: #fff; padding: 20px 20px 20px 90px; border-radius: 5px; position: relative; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .contact-box:hover{box-shadow: 0 0 30px 0 rgba(67, 67, 67, .15); -webkit-transform: translateY(-5px); transform: translateY(-5px)} .contact-box .icon{position: absolute; left: 20px; top: 20px; width: 50px; height: 50px; text-align: center; line-height: 47px; border: 1px dashed #f49521; border-radius: 50%; color: #f49521; font-size: 22px; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s} .contact-box:hover .icon{background: #f49521; color: #fff} .contact-box .content h4{font-size: 21px; margin-bottom: 12px} .contact-box .content p a{color: #777} .contact-box .content p a:hover{color: #f49521} #map{height: 400px; width: 100%; margin-top: 50px} .leave-your-message{margin-top: 50px} .leave-your-message h3{margin-bottom: 20px; font-size: 25px} .leave-your-message .stay-connected{margin-top: 25px} .leave-your-message .stay-connected li{margin-bottom: 10px} .leave-your-message .stay-connected li:last-child{margin-bottom: 0} .leave-your-message .stay-connected li a{font-weight: 700; display: inline-block; color: #777} .leave-your-message .stay-connected li a i{width: 45px; height: 45px; text-align: center; display: inline-block; line-height: 45px; border: 1px solid; font-size: 20px; border-radius: 50%; margin-right: 10px} .leave-your-message .stay-connected li a:hover{color: #f49521} #contactForm{background: #fff; padding: 25px; margin-top: 50px} #contactForm{background: #fff; padding: 25px} #contactForm label{margin-bottom: 15px; font-size: 17px} #contactForm .form-control{border: 1px solid #eee} #contactForm ul li{color: red} #contactForm .btn{margin-top: 20px} .footer-area{padding-top: 80px; background: #191919; background-position: center center; background-size: cover} .single-footer h3{font-size: 22px; color: #fff; font-weight: 400; margin-bottom: 25px; margin-top: -6px} .single-footer .footer-contact-info li{font-size: 15px; color: #c3c3c3; margin-top: 10px} .single-footer .footer-contact-info li:first-child{margin-top: 0} .single-footer .footer-contact-info li a{color: #c3c3c3} .single-footer .footer-contact-info li a:hover{color: #f49521} .single-footer .social{margin-top: 20px} .single-footer .social li{font-size: 17px; color: #c3c3c3; display: inline-block; margin-right: 8px} .single-footer .social li a{color: #c3c3c3} .single-footer .social li a:hover{color: #f49521} .single-footer .list li{font-size: 15px; color: #4a4a4a; margin-top: 8px} .single-footer .list li:first-child{margin-top: 0} .single-footer .list li a{color: #c3c3c3} .single-footer .list li a:hover{color: #f49521} .footer-area .copyright-area{} .copyright-area{margin-top: 30px; padding: 40px 0} .copyright-area p{color: #c3c3c3} .copyright-area ul{text-align: right} .copyright-area ul li{display: inline-block; font-size: 15px; border-left: 2px solid #3a3a3a; padding-right: 7px; padding-left: 7px; line-height: 1} .copyright-area ul li:first-child{padding-left: 0; border-left: none} .copyright-area ul li a{color: #c3c3c3} .copyright-area ul li a:hover{color: #f49521} .scrolltop{width: 40px; height: 40px; line-height: 40px; position: fixed; bottom: 30px; right: 30px; display: none; font-size: 25px; background: #222; z-index: 1000; text-align: center; color: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px} .scrolltop:hover{background: #f49521; color: #fff} .dropdown{position: relative; display: inline-block;} .dropdown-content{display: none; position: absolute; background-color: #121212e8; min-width: 120px; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4); padding: 3px 3px; z-index: 1; margin-top: 21px; border-radius: 0;} .dropdown span{color: #fff; cursor: pointer;} .dropdown i{cursor: pointer;} .tab-content{margin-top: 15px; color:#fff;} .nav-tabs>li{margin-bottom: -4px; margin-left: 10px;} .nav>li>a{padding:5px;} .nav-tabs>li>a{font-size:16px; line-height:2; color:#fff;} .nav-tabs>li>a:hover{border-color: transparent;} .nav>li>a:focus, .nav>li>a:hover{text-decoration: none; background-color: transparent;} .nav-tabs>li.active::after{content: ""; display: block; position: absolute; width: 100%; height: 0.25em; bottom: 0;} .rating{border: none; float: left;} .rating > input{display: none;} .rating > label:before{margin: 5px; font-size: 1.25em; font-family: FontAwesome; display: inline-block; content: "\f005";} .rating > .half:before{content: "\f089"; position: absolute;} .rating > label{color: #ddd; float: right;} .rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label{color: #FFD700;} .rating > input:checked + label:hover, .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, .rating > input:checked ~ label:hover ~ label{color: #FFED85;} .ratting-spot{display: block; float: left; padding: 0px !important} .courses-details-meta .mentor-img{width: 110px; margin-left: 15px} .courses-details-meta .mentor-img img{border-radius: 5px;} .courses-details-meta p{font-size: 18px; font-weight: 500; margin-left: 25px; color:#fff;} .courses-details-meta .category{font-size: 18px; font-weight: 500; margin-left: 25px; color:#fff;} .features-akun{align-items: center; padding: 15px; border-radius: 15px;} .features-akun img{margin: 15px; border-radius: 10px; float: left} .akun-features{padding: 15px 20px; display: inline-table; float: left;} .btn-asoy{color: #fff; background: #f49521; border-radius: 1.5em; left: 40%; padding: 1em; text-decoration: none; width: 20%;} .shows, .hides{position: absolute; bottom: 10px; z-index: 100; text-align: center;} .hides{display: none;} .shows:target{display: none;} .shows:target ~ .hides{display: block;} .shows:target ~ .panels{max-height: 8000px;} .shows:target ~ .fade{margin-top: 0;} .panels{position: relative; max-height: 770px; overflow: hidden; transition: max-height .5s ease; width:100%} .fade{height: 100px; margin-top: -100px; position: relative;} .profile-sidebar{float: left; width: 300px; margin-right: 20px} .profile-content{overflow: hidden} .profile-sidebar-portlet{padding: 30px 0 0!important} .profile-userpic img{float: none; margin: 0 auto; width: 150px; height: 150px; -webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; border-radius: 50%!important; display: block;} .profile-usertitle{text-align: center; margin-top: 20px} .profile-usertitle-name{color: #f49521; font-size: 20px; font-weight: 600; margin-bottom: 7px} .profile-usertitle-job{text-transform: uppercase; color: #fff; font-size: 13px; font-weight: 800; margin-bottom: 7px} .profile-userbuttons{text-align: center; margin-top: 10px} .profile-userbuttons .btn{margin-right: 5px} .profile-userbuttons .btn:last-child{margin-right: 0} .profile-userbuttons button{text-transform: uppercase; font-size: 11px; font-weight: 600; padding: 6px 15px} .profile-usermenu{margin-top: 30px; padding-bottom: 20px} .profile-usermenu ul li{border-bottom: 1px solid #f0f4f7} .profile-usermenu ul li:last-child{border-bottom: none} .profile-usermenu ul li a{color: #93a3b5; font-size: 16px; font-weight: 400} .profile-usermenu ul li a i{margin-right: 8px; font-size: 16px} .profile-usermenu ul li a:hover{background-color: #fafcfd; color: #5b9bd1} .profile-usermenu ul li.active a{color: #5b9bd1; background-color: #f6f9fb; border-left: 2px solid #5b9bd1; margin-left: -2px} .profile-stat{padding-bottom: 20px; border-bottom: 1px solid #f0f4f7} .profile-stat-title{color: #7f90a4; font-size: 25px; text-align: center} .profile-stat-text{color: #5b9bd1; font-size: 11px; font-weight: 800; text-align: center} .profile-desc-title{color: #7f90a4; font-size: 17px; font-weight: 600} .profile-desc-text{color: #7e8c9e; font-size: 14px} .profile-desc-link i{width: 22px; font-size: 19px; color: #abb6c4; margin-right: 5px} .profile-desc-link a{font-size: 14px; font-weight: 600; color: #5b9bd1} @media (max-width:991px){.profile-sidebar{float: none; width: 100%!important; margin: 0}.profile-sidebar>.portlet{margin-bottom: 20px}.profile-content{overflow: visible}} .page-portlet-fullscreen{overflow: hidden} .portlet{margin-top: 0; margin-bottom: 25px; padding: 0; border-radius: 4px} .portlet.portlet-fullscreen{z-index: 10060; margin: 0; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: #fff} .portlet.portlet-fullscreen>.portlet-body{overflow-y: auto; overflow-x: hidden; padding: 0 10px} .portlet.portlet-fullscreen>.portlet-title{padding: 0 10px} .portlet>.portlet-title{border-bottom: 1px solid #eee; padding: 0; margin-bottom: 10px; min-height: 41px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0} .portlet>.portlet-title:after, .portlet>.portlet-title:before{content: " "; display: table} .portlet>.portlet-title:after{clear: both} .portlet>.portlet-title>.caption{float: left; display: inline-block; font-size: 18px; line-height: 18px; padding: 10px 0} .portlet>.portlet-title>.caption.bold{font-weight: 400} .portlet>.portlet-title>.caption>i{float: left; margin-top: 4px; display: inline-block; font-size: 13px; margin-right: 5px; color: #666} .portlet>.portlet-title>.caption>i.glyphicon{margin-top: 2px} .portlet>.portlet-title>.caption>.caption-helper{padding: 0; margin: 0; line-height: 13px; color: #9eacb4; font-size: 13px; font-weight: 400} .portlet>.portlet-title>.actions{float: right; display: inline-block; padding: 6px 0} .portlet>.portlet-title>.actions>.dropdown-menu i{color: #555} .portlet>.portlet-title>.actions>.btn, .portlet>.portlet-title>.actions>.btn-group>.btn, .portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm, .portlet>.portlet-title>.actions>.btn.btn-sm{padding: 4px 10px; font-size: 13px; line-height: 1.5} .portlet>.portlet-title>.actions>.btn-group>.btn.btn-default, .portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm.btn-default, .portlet>.portlet-title>.actions>.btn.btn-default, .portlet>.portlet-title>.actions>.btn.btn-sm.btn-default{padding: 3px 9px} .portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm>i, .portlet>.portlet-title>.actions>.btn-group>.btn>i, .portlet>.portlet-title>.actions>.btn.btn-sm>i, .portlet>.portlet-title>.actions>.btn>i{font-size: 13px} .portlet>.portlet-title>.actions .btn-icon-only{padding: 5px 7px 3px} .portlet>.portlet-title>.actions .btn-icon-only.btn-default{padding: 4px 6px 2px} .portlet>.portlet-title>.actions .btn-icon-only.btn-default>i{font-size: 14px} .portlet>.portlet-title>.actions .btn-icon-only.btn-default.fullscreen{font-family: FontAwesome; color: #a0a0a0; padding-top: 3px} .portlet>.portlet-title>.actions .btn-icon-only.btn-default.fullscreen.btn-sm{padding: 3px!important; height: 27px; width: 27px} .portlet>.portlet-title>.actions .btn-icon-only.btn-default.fullscreen:before{content: "\f065"} .portlet>.portlet-title>.actions .btn-icon-only.btn-default.fullscreen.on:before{content: "\f066"} .portlet>.portlet-title>.tools{float: right; display: inline-block; padding: 12px 0 8px} .portlet>.portlet-title>.tools>a{display: inline-block; height: 16px; margin-left: 5px; opacity: 1; filter: alpha(opacity=100)} .portlet>.portlet-title>.tools>a.fullscreen{display: inline-block; top: -3px; position: relative; font-size: 13px; font-family: FontAwesome; color: #ACACAC} .portlet>.portlet-title>.tools>a.fullscreen:before{content: "\f065"} .portlet>.portlet-title>.tools>a.fullscreen.on:before{content: "\f066"} .portlet>.portlet-title>.tools>a:hover{text-decoration: none; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; opacity: .8; filter: alpha(opacity=80)} .portlet>.portlet-title>.pagination{float: right; display: inline-block; margin: 2px 0 0; border: 0; padding: 4px 0} .portlet>.portlet-title>.nav-tabs{background: 0 0; margin: 1px 0 0; float: right; display: inline-block; border: 0} .portlet>.portlet-title>.nav-tabs>li{background: 0 0; margin: 0; border: 0} .portlet>.portlet-title>.nav-tabs>li>a{background: 0 0; margin: 5px 0 0 1px; border: 0; padding: 8px 10px; color: #fff} .portlet>.portlet-title>.nav-tabs>li.active>a, .portlet>.portlet-title>.nav-tabs>li:hover>a{color: #333; background: #fff; border: 0} .portlet>.portlet-body{clear: both; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px} .portlet>.portlet-body p{margin-top: 0} .portlet>.portlet-empty{min-height: 125px} .portlet.full-height-content{margin-bottom: 0} .portlet.bordered>.portlet-title{border-bottom: 0} .portlet.solid{padding: 0 10px 10px; border: 0} .portlet.solid>.portlet-title{border-bottom: 0; margin-bottom: 10px} .portlet.solid>.portlet-title>.caption{padding: 16px 0 2px} .portlet.solid>.portlet-title>.actions{padding: 12px 0 6px} .portlet.solid>.portlet-title>.tools{padding: 14px 0 6px} .portlet.solid.bordered>.portlet-title{margin-bottom: 10px} .portlet.box{padding: 0!important} .portlet.box>.portlet-title{border-bottom: 0; padding: 0 10px; margin-bottom: 0; color: #fff} .portlet.box>.portlet-title>.caption{padding: 11px 0 9px} .portlet.box>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box>.portlet-title>.actions{padding: 7px 0 5px} .portlet.box>.portlet-body{background-color: #fff; padding: 15px} .portlet.light{padding: 12px 20px 15px; background-color: #1a1a1a;} .portlet.light.bordered>.portlet-title{border-bottom: 1px solid #282828} .portlet.light.bg-inverse{background: #f1f4f7} .portlet.light>.portlet-title{padding: 0; min-height: 48px} .portlet.light>.portlet-title>.caption{color: #666; padding: 10px 0} .portlet.light>.portlet-title>.caption>.caption-subject{font-size: 16px} .portlet.light>.portlet-title>.caption>i{color: #777; font-size: 15px; font-weight: 300; margin-top: 3px} .portlet.solid.blue-chambray>.portlet-title>.caption, .portlet.solid.blue-dark>.portlet-title>.caption, .portlet.solid.blue-ebonyclay>.portlet-title>.caption, .portlet.solid.blue-hoki>.portlet-title>.caption, .portlet.solid.blue-madison>.portlet-title>.caption, .portlet.solid.blue-oleo>.portlet-title>.caption, .portlet.solid.blue-sharp>.portlet-title>.caption, .portlet.solid.blue-soft>.portlet-title>.caption, .portlet.solid.blue-steel>.portlet-title>.caption, .portlet.solid.blue>.portlet-title>.caption, .portlet.solid.dark>.portlet-title>.caption, .portlet.solid.default>.portlet-title>.caption, .portlet.solid.green-dark>.portlet-title>.caption, .portlet.solid.green-haze>.portlet-title>.caption, .portlet.solid.green-jungle>.portlet-title>.caption, .portlet.solid.green-meadow>.portlet-title>.caption, .portlet.solid.green-seagreen>.portlet-title>.caption, .portlet.solid.green-sharp>.portlet-title>.caption, .portlet.solid.green-soft>.portlet-title>.caption, .portlet.solid.green-steel>.portlet-title>.caption, .portlet.solid.green-turquoise>.portlet-title>.caption, .portlet.solid.green>.portlet-title>.caption, .portlet.solid.grey-cararra>.portlet-title>.caption, .portlet.solid.grey-cascade>.portlet-title>.caption, .portlet.solid.grey-gallery>.portlet-title>.caption, .portlet.solid.grey-mint>.portlet-title>.caption, .portlet.solid.grey-salt>.portlet-title>.caption, .portlet.solid.grey-silver>.portlet-title>.caption, .portlet.solid.grey-steel>.portlet-title>.caption, .portlet.solid.grey>.portlet-title>.caption, .portlet.solid.purple-intense>.portlet-title>.caption, .portlet.solid.purple-medium>.portlet-title>.caption, .portlet.solid.purple-plum>.portlet-title>.caption, .portlet.solid.purple-seance>.portlet-title>.caption, .portlet.solid.purple-sharp>.portlet-title>.caption, .portlet.solid.purple-soft>.portlet-title>.caption, .portlet.solid.purple-studio>.portlet-title>.caption, .portlet.solid.purple-wisteria>.portlet-title>.caption, .portlet.solid.purple>.portlet-title>.caption, .portlet.solid.red-flamingo>.portlet-title>.caption, .portlet.solid.red-haze>.portlet-title>.caption, .portlet.solid.red-intense>.portlet-title>.caption, .portlet.solid.red-mint>.portlet-title>.caption, .portlet.solid.red-pink>.portlet-title>.caption, .portlet.solid.red-soft>.portlet-title>.caption, .portlet.solid.red-sunglo>.portlet-title>.caption, .portlet.solid.red-thunderbird>.portlet-title>.caption, .portlet.solid.red>.portlet-title>.caption, .portlet.solid.white>.portlet-title>.caption, .portlet.solid.yellow-casablanca>.portlet-title>.caption, .portlet.solid.yellow-crusta>.portlet-title>.caption, .portlet.solid.yellow-gold>.portlet-title>.caption, .portlet.solid.yellow-haze>.portlet-title>.caption, .portlet.solid.yellow-lemon>.portlet-title>.caption, .portlet.solid.yellow-mint>.portlet-title>.caption, .portlet.solid.yellow-saffron>.portlet-title>.caption, .portlet.solid.yellow-soft>.portlet-title>.caption, .portlet.solid.yellow>.portlet-title>.caption{font-weight: 400} .portlet.light>.portlet-title>.caption.caption-md>.caption-subject{font-size: 15px} .portlet.light>.portlet-title>.caption.caption-md>i{font-size: 14px} .portlet.light>.portlet-title>.actions{padding: 6px 0 14px} .portlet.light>.portlet-title>.actions .btn-default{color: #666} .portlet.light>.portlet-title>.actions .btn-icon-only{height: 27px; width: 27px} .portlet.light>.portlet-title>.actions .dropdown-menu li>a{color: #555} .portlet.light>.portlet-title>.inputs{float: right; display: inline-block; padding: 4px 0} .portlet.light>.portlet-title>.inputs>.portlet-input .input-icon>i{font-size: 14px; margin-top: 9px} .portlet.light>.portlet-title>.inputs>.portlet-input .input-icon>.form-control{height: 30px; padding: 2px 26px 3px 10px; font-size: 13px} .portlet.light>.portlet-title>.inputs>.portlet-input>.form-control{height: 30px; padding: 3px 10px; font-size: 13px} .portlet.light>.portlet-title>.pagination{padding: 2px 0 13px} .portlet.light>.portlet-title>.tools{padding: 10px 0 13px; margin-top: 2px} .portlet.light>.portlet-title>.nav-tabs>li{margin: 0; padding: 0} .portlet.light>.portlet-title>.nav-tabs>li>a{margin: 0; padding: 12px 13px 13px; font-size: 13px; color: #666} .portlet.light>.portlet-title>.nav-tabs>li.active>a, .portlet.light>.portlet-title>.nav-tabs>li:hover>a{margin: 0; background: 0 0; color: #333} .portlet.light.form-fit{padding: 0} .portlet.light.form-fit>.portlet-title{padding: 17px 20px 10px; margin-bottom: 0} .portlet.light .portlet-body{padding-top: 8px} .portlet.light.portlet-fullscreen>.portlet-body{padding: 8px 0} .portlet.light.portlet-fit{padding: 0} .portlet.light.portlet-fit>.portlet-title{padding: 15px 20px 10px} .portlet.light.portlet-fit>.portlet-body{padding: 10px 20px 20px} .portlet.light.portlet-fit.portlet-form>.portlet-body{padding: 0} .portlet.light.portlet-fit.portlet-form>.portlet-body .form-actions{background: 0 0} .portlet.box.white>.portlet-title, .portlet.white, .portlet>.portlet-body.white{background-color: #fff} .portlet.light.portlet-datatable.portlet-fit>.portlet-body{padding-top: 10px; padding-bottom: 25px} .tab-pane>p:last-child{margin-bottom: 0} .tabs-reversed>li{float: right; margin-right: 0} .tabs-reversed>li>a{margin-right: 0} .portlet-sortable-placeholder{border: 2px dashed #eee; margin-bottom: 25px} .portlet-sortable-empty{box-shadow: none!important; height: 45px} .portlet-collapsed{display: none} @media (max-width:991px){.portlet-collapsed-on-mobile{display: none}} .portlet.solid.white>.portlet-body, .portlet.solid.white>.portlet-title{border: 0; color: #666} .portlet.solid.white>.portlet-title>.caption>i{color: #666} .portlet.solid.white>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.white{border: 1px solid #fff; border-top: 0} .portlet.box.white>.portlet-title>.caption, .portlet.box.white>.portlet-title>.caption>i{color: #666} .portlet.box.white>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #fff; color: #fff} .portlet.box.default>.portlet-title, .portlet.default, .portlet>.portlet-body.default{background-color: #e1e5ec} .portlet.box.white>.portlet-title>.actions .btn-default>i{color: #fff} .portlet.box.white>.portlet-title>.actions .btn-default.active, .portlet.box.white>.portlet-title>.actions .btn-default:active, .portlet.box.white>.portlet-title>.actions .btn-default:focus, .portlet.box.white>.portlet-title>.actions .btn-default:hover{border: 1px solid #fff; color: #fff} .portlet.solid.default>.portlet-body, .portlet.solid.default>.portlet-title{border: 0; color: #666} .portlet.solid.default>.portlet-title>.caption>i{color: #666} .portlet.solid.default>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.default{border: 1px solid #fff; border-top: 0} .portlet.box.default>.portlet-title>.caption, .portlet.box.default>.portlet-title>.caption>i{color: #666} .portlet.box.default>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #fff; color: #fff} .portlet.box.dark>.portlet-title, .portlet.dark, .portlet>.portlet-body.dark{background-color: #2f353b} .portlet.box.default>.portlet-title>.actions .btn-default>i{color: #fff} .portlet.box.default>.portlet-title>.actions .btn-default.active, .portlet.box.default>.portlet-title>.actions .btn-default:active, .portlet.box.default>.portlet-title>.actions .btn-default:focus, .portlet.box.default>.portlet-title>.actions .btn-default:hover{border: 1px solid #fff; color: #fff} .portlet.solid.dark>.portlet-body, .portlet.solid.dark>.portlet-title{border: 0; color: #FFF} .portlet.solid.dark>.portlet-title>.caption>i{color: #FFF} .portlet.solid.dark>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.dark{border: 1px solid #464f57; border-top: 0} .portlet.box.dark>.portlet-title>.caption, .portlet.box.dark>.portlet-title>.caption>i{color: #FFF} .portlet.box.dark>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #616d79; color: #6c7a88} .portlet.blue, .portlet.box.blue>.portlet-title, .portlet>.portlet-body.blue{background-color: #3598dc} .portlet.box.dark>.portlet-title>.actions .btn-default>i{color: #738290} .portlet.box.dark>.portlet-title>.actions .btn-default.active, .portlet.box.dark>.portlet-title>.actions .btn-default:active, .portlet.box.dark>.portlet-title>.actions .btn-default:focus, .portlet.box.dark>.portlet-title>.actions .btn-default:hover{border: 1px solid #798794; color: #8793a0} .portlet.solid.blue>.portlet-body, .portlet.solid.blue>.portlet-title{border: 0; color: #FFF} .portlet.solid.blue>.portlet-title>.caption>i{color: #FFF} .portlet.solid.blue>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.blue{border: 1px solid #60aee4; border-top: 0} .portlet.box.blue>.portlet-title>.caption, .portlet.box.blue>.portlet-title>.caption>i{color: #FFF} .portlet.box.blue>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #95c9ed; color: #aad4f0} .portlet.blue-madison, .portlet.box.blue-madison>.portlet-title, .portlet>.portlet-body.blue-madison{background-color: #578ebe} .portlet.box.blue>.portlet-title>.actions .btn-default>i{color: #b7daf3} .portlet.box.blue>.portlet-title>.actions .btn-default.active, .portlet.box.blue>.portlet-title>.actions .btn-default:active, .portlet.box.blue>.portlet-title>.actions .btn-default:focus, .portlet.box.blue>.portlet-title>.actions .btn-default:hover{border: 1px solid #c0dff4; color: #d6eaf8} .portlet.solid.blue-madison>.portlet-body, .portlet.solid.blue-madison>.portlet-title{border: 0; color: #FFF} .portlet.solid.blue-madison>.portlet-title>.caption>i{color: #FFF} .portlet.solid.blue-madison>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.blue-madison{border: 1px solid #7ca7cc; border-top: 0} .portlet.box.blue-madison>.portlet-title>.caption, .portlet.box.blue-madison>.portlet-title>.caption>i{color: #FFF} .portlet.box.blue-madison>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #a8c4dd; color: #bad1e4} .portlet.blue-chambray, .portlet.box.blue-chambray>.portlet-title, .portlet>.portlet-body.blue-chambray{background-color: #2C3E50} .portlet.box.blue-madison>.portlet-title>.actions .btn-default>i{color: #c5d8e9} .portlet.box.blue-madison>.portlet-title>.actions .btn-default.active, .portlet.box.blue-madison>.portlet-title>.actions .btn-default:active, .portlet.box.blue-madison>.portlet-title>.actions .btn-default:focus, .portlet.box.blue-madison>.portlet-title>.actions .btn-default:hover{border: 1px solid #cdddec; color: #dfeaf3} .portlet.solid.blue-chambray>.portlet-body, .portlet.solid.blue-chambray>.portlet-title{border: 0; color: #FFF} .portlet.solid.blue-chambray>.portlet-title>.caption>i{color: #FFF} .portlet.solid.blue-chambray>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.blue-chambray{border: 1px solid #3e5871; border-top: 0} .portlet.box.blue-chambray>.portlet-title>.caption, .portlet.box.blue-chambray>.portlet-title>.caption>i{color: #FFF} .portlet.box.blue-chambray>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #547698; color: #5f83a7} .portlet.blue-ebonyclay, .portlet.box.blue-ebonyclay>.portlet-title, .portlet>.portlet-body.blue-ebonyclay{background-color: #22313F} .portlet.box.blue-chambray>.portlet-title>.actions .btn-default>i{color: #698bac} .portlet.box.blue-chambray>.portlet-title>.actions .btn-default.active, .portlet.box.blue-chambray>.portlet-title>.actions .btn-default:active, .portlet.box.blue-chambray>.portlet-title>.actions .btn-default:focus, .portlet.box.blue-chambray>.portlet-title>.actions .btn-default:hover{border: 1px solid #6f90b0; color: #809cb9} .portlet.solid.blue-ebonyclay>.portlet-body, .portlet.solid.blue-ebonyclay>.portlet-title{border: 0; color: #FFF} .portlet.solid.blue-ebonyclay>.portlet-title>.caption>i{color: #FFF} .portlet.solid.blue-ebonyclay>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.blue-ebonyclay{border: 1px solid #344b60; border-top: 0} .portlet.box.blue-ebonyclay>.portlet-title>.caption, .portlet.box.blue-ebonyclay>.portlet-title>.caption>i{color: #FFF} .portlet.box.blue-ebonyclay>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #496a88; color: #527798} .portlet.blue-hoki, .portlet.box.blue-hoki>.portlet-title, .portlet>.portlet-body.blue-hoki{background-color: #67809F} .portlet.box.blue-ebonyclay>.portlet-title>.actions .btn-default>i{color: #587ea2} .portlet.box.blue-ebonyclay>.portlet-title>.actions .btn-default.active, .portlet.box.blue-ebonyclay>.portlet-title>.actions .btn-default:active, .portlet.box.blue-ebonyclay>.portlet-title>.actions .btn-default:focus, .portlet.box.blue-ebonyclay>.portlet-title>.actions .btn-default:hover{border: 1px solid #5d83a7; color: #6d90b0} .portlet.solid.blue-hoki>.portlet-body, .portlet.solid.blue-hoki>.portlet-title{border: 0; color: #FFF} .portlet.solid.blue-hoki>.portlet-title>.caption>i{color: #FFF} .portlet.solid.blue-hoki>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.blue-hoki{border: 1px solid #869ab3; border-top: 0} .portlet.box.blue-hoki>.portlet-title>.caption, .portlet.box.blue-hoki>.portlet-title>.caption>i{color: #FFF} .portlet.box.blue-hoki>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #acb9ca; color: #bbc7d4} .portlet.blue-steel, .portlet.box.blue-steel>.portlet-title, .portlet>.portlet-body.blue-steel{background-color: #4B77BE} .portlet.box.blue-hoki>.portlet-title>.actions .btn-default>i{color: #c5ceda} .portlet.box.blue-hoki>.portlet-title>.actions .btn-default.active, .portlet.box.blue-hoki>.portlet-title>.actions .btn-default:active, .portlet.box.blue-hoki>.portlet-title>.actions .btn-default:focus, .portlet.box.blue-hoki>.portlet-title>.actions .btn-default:hover{border: 1px solid #cbd4de; color: #dbe1e8} .portlet.solid.blue-steel>.portlet-body, .portlet.solid.blue-steel>.portlet-title{border: 0; color: #FFF} .portlet.solid.blue-steel>.portlet-title>.caption>i{color: #FFF} .portlet.solid.blue-steel>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.blue-steel{border: 1px solid #7093cc; border-top: 0} .portlet.box.blue-steel>.portlet-title>.caption, .portlet.box.blue-steel>.portlet-title>.caption>i{color: #FFF} .portlet.box.blue-steel>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #9db5dc; color: #b0c3e3} .portlet.blue-soft, .portlet.box.blue-soft>.portlet-title, .portlet>.portlet-body.blue-soft{background-color: #4c87b9} .portlet.box.blue-steel>.portlet-title>.actions .btn-default>i{color: #bbcce7} .portlet.box.blue-steel>.portlet-title>.actions .btn-default.active, .portlet.box.blue-steel>.portlet-title>.actions .btn-default:active, .portlet.box.blue-steel>.portlet-title>.actions .btn-default:focus, .portlet.box.blue-steel>.portlet-title>.actions .btn-default:hover{border: 1px solid #c3d2e9; color: #d6e0f0} .portlet.solid.blue-soft>.portlet-body, .portlet.solid.blue-soft>.portlet-title{border: 0; color: #FFF} .portlet.solid.blue-soft>.portlet-title>.caption>i{color: #FFF} .portlet.solid.blue-soft>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.blue-soft{border: 1px solid #71a0c7; border-top: 0} .portlet.box.blue-soft>.portlet-title>.caption, .portlet.box.blue-soft>.portlet-title>.caption>i{color: #FFF} .portlet.box.blue-soft>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #9dbdd9; color: #afc9e0} .portlet.blue-dark, .portlet.box.blue-dark>.portlet-title, .portlet>.portlet-body.blue-dark{background-color: #5e738b} .portlet.box.blue-soft>.portlet-title>.actions .btn-default>i{color: #bad1e4} .portlet.box.blue-soft>.portlet-title>.actions .btn-default.active, .portlet.box.blue-soft>.portlet-title>.actions .btn-default:active, .portlet.box.blue-soft>.portlet-title>.actions .btn-default:focus, .portlet.box.blue-soft>.portlet-title>.actions .btn-default:hover{border: 1px solid #c1d6e7; color: #d4e2ee} .portlet.solid.blue-dark>.portlet-body, .portlet.solid.blue-dark>.portlet-title{border: 0; color: #FFF} .portlet.solid.blue-dark>.portlet-title>.caption>i{color: #FFF} .portlet.solid.blue-dark>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.blue-dark{border: 1px solid #788da4; border-top: 0} .portlet.box.blue-dark>.portlet-title>.caption, .portlet.box.blue-dark>.portlet-title>.caption>i{color: #FFF} .portlet.box.blue-dark>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #9dacbd; color: #acb8c7} .portlet.blue-sharp, .portlet.box.blue-sharp>.portlet-title, .portlet>.portlet-body.blue-sharp{background-color: #5C9BD1} .portlet.box.blue-dark>.portlet-title>.actions .btn-default>i{color: #b5c0cd} .portlet.box.blue-dark>.portlet-title>.actions .btn-default.active, .portlet.box.blue-dark>.portlet-title>.actions .btn-default:active, .portlet.box.blue-dark>.portlet-title>.actions .btn-default:focus, .portlet.box.blue-dark>.portlet-title>.actions .btn-default:hover{border: 1px solid #bbc5d1; color: #cad2db} .portlet.solid.blue-sharp>.portlet-body, .portlet.solid.blue-sharp>.portlet-title{border: 0; color: #FFF} .portlet.solid.blue-sharp>.portlet-title>.caption>i{color: #FFF} .portlet.solid.blue-sharp>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.blue-sharp{border: 1px solid #84b3dc; border-top: 0} .portlet.box.blue-sharp>.portlet-title>.caption, .portlet.box.blue-sharp>.portlet-title>.caption>i{color: #FFF} .portlet.box.blue-sharp>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #b4d1ea; color: #c7ddef} .portlet.blue-oleo, .portlet.box.blue-oleo>.portlet-title, .portlet>.portlet-body.blue-oleo{background-color: #94A0B2} .portlet.box.blue-sharp>.portlet-title>.actions .btn-default>i{color: #d3e4f3} .portlet.box.blue-sharp>.portlet-title>.actions .btn-default.active, .portlet.box.blue-sharp>.portlet-title>.actions .btn-default:active, .portlet.box.blue-sharp>.portlet-title>.actions .btn-default:focus, .portlet.box.blue-sharp>.portlet-title>.actions .btn-default:hover{border: 1px solid #dbe9f5; color: #eff5fb} .portlet.solid.blue-oleo>.portlet-body, .portlet.solid.blue-oleo>.portlet-title{border: 0; color: #FFF} .portlet.solid.blue-oleo>.portlet-title>.caption>i{color: #FFF} .portlet.solid.blue-oleo>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.blue-oleo{border: 1px solid #b2bac7; border-top: 0} .portlet.box.blue-oleo>.portlet-title>.caption, .portlet.box.blue-oleo>.portlet-title>.caption>i{color: #FFF} .portlet.box.blue-oleo>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #d5dae1; color: #e4e7ec} .portlet.box.green>.portlet-title, .portlet.green, .portlet>.portlet-body.green{background-color: #32c5d2} .portlet.box.blue-oleo>.portlet-title>.actions .btn-default>i{color: #edeff2} .portlet.box.blue-oleo>.portlet-title>.actions .btn-default.active, .portlet.box.blue-oleo>.portlet-title>.actions .btn-default:active, .portlet.box.blue-oleo>.portlet-title>.actions .btn-default:focus, .portlet.box.blue-oleo>.portlet-title>.actions .btn-default:hover{border: 1px solid #f3f4f6; color: #fff} .portlet.solid.green>.portlet-body, .portlet.solid.green>.portlet-title{border: 0; color: #FFF} .portlet.solid.green>.portlet-title>.caption>i{color: #FFF} .portlet.solid.green>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.green{border: 1px solid #5cd1db; border-top: 0} .portlet.box.green>.portlet-title>.caption, .portlet.box.green>.portlet-title>.caption>i{color: #FFF} .portlet.box.green>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #8edfe6; color: #a3e5eb} .portlet.box.green-meadow>.portlet-title, .portlet.green-meadow, .portlet>.portlet-body.green-meadow{background-color: #1BBC9B} .portlet.box.green>.portlet-title>.actions .btn-default>i{color: #afe8ee} .portlet.box.green>.portlet-title>.actions .btn-default.active, .portlet.box.green>.portlet-title>.actions .btn-default:active, .portlet.box.green>.portlet-title>.actions .btn-default:focus, .portlet.box.green>.portlet-title>.actions .btn-default:hover{border: 1px solid #b8ebef; color: #cdf1f4} .portlet.solid.green-meadow>.portlet-body, .portlet.solid.green-meadow>.portlet-title{border: 0; color: #FFF} .portlet.solid.green-meadow>.portlet-title>.caption>i{color: #FFF} .portlet.solid.green-meadow>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.green-meadow{border: 1px solid #2ae0bb; border-top: 0} .portlet.box.green-meadow>.portlet-title>.caption, .portlet.box.green-meadow>.portlet-title>.caption>i{color: #FFF} .portlet.box.green-meadow>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #5fe8cc; color: #75ebd3} .portlet.box.green-seagreen>.portlet-title, .portlet.green-seagreen, .portlet>.portlet-body.green-seagreen{background-color: #1BA39C} .portlet.box.green-meadow>.portlet-title>.actions .btn-default>i{color: #83edd7} .portlet.box.green-meadow>.portlet-title>.actions .btn-default.active, .portlet.box.green-meadow>.portlet-title>.actions .btn-default:active, .portlet.box.green-meadow>.portlet-title>.actions .btn-default:focus, .portlet.box.green-meadow>.portlet-title>.actions .btn-default:hover{border: 1px solid #8ceeda; color: #a2f2e1} .portlet.solid.green-seagreen>.portlet-body, .portlet.solid.green-seagreen>.portlet-title{border: 0; color: #FFF} .portlet.solid.green-seagreen>.portlet-title>.caption>i{color: #FFF} .portlet.solid.green-seagreen>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.green-seagreen{border: 1px solid #22cfc6; border-top: 0} .portlet.box.green-seagreen>.portlet-title>.caption, .portlet.box.green-seagreen>.portlet-title>.caption>i{color: #FFF} .portlet.box.green-seagreen>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #4de1da; color: #63e5de} .portlet.box.green-turquoise>.portlet-title, .portlet.green-turquoise, .portlet>.portlet-body.green-turquoise{background-color: #36D7B7} .portlet.box.green-seagreen>.portlet-title>.actions .btn-default>i{color: #70e7e1} .portlet.box.green-seagreen>.portlet-title>.actions .btn-default.active, .portlet.box.green-seagreen>.portlet-title>.actions .btn-default:active, .portlet.box.green-seagreen>.portlet-title>.actions .btn-default:focus, .portlet.box.green-seagreen>.portlet-title>.actions .btn-default:hover{border: 1px solid #78e9e3; color: #8eece8} .portlet.solid.green-turquoise>.portlet-body, .portlet.solid.green-turquoise>.portlet-title{border: 0; color: #FFF} .portlet.solid.green-turquoise>.portlet-title>.caption>i{color: #FFF} .portlet.solid.green-turquoise>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.green-turquoise{border: 1px solid #61dfc6; border-top: 0} .portlet.box.green-turquoise>.portlet-title>.caption, .portlet.box.green-turquoise>.portlet-title>.caption>i{color: #FFF} .portlet.box.green-turquoise>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #94ead9; color: #a9eee0} .portlet.box.green-haze>.portlet-title, .portlet.green-haze, .portlet>.portlet-body.green-haze{background-color: #44b6ae} .portlet.box.green-turquoise>.portlet-title>.actions .btn-default>i{color: #b6f0e5} .portlet.box.green-turquoise>.portlet-title>.actions .btn-default.active, .portlet.box.green-turquoise>.portlet-title>.actions .btn-default:active, .portlet.box.green-turquoise>.portlet-title>.actions .btn-default:focus, .portlet.box.green-turquoise>.portlet-title>.actions .btn-default:hover{border: 1px solid #bef2e8; color: #d3f6ef} .portlet.solid.green-haze>.portlet-body, .portlet.solid.green-haze>.portlet-title{border: 0; color: #FFF} .portlet.solid.green-haze>.portlet-title>.caption>i{color: #FFF} .portlet.solid.green-haze>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.green-haze{border: 1px solid #67c6bf; border-top: 0} .portlet.box.green-haze>.portlet-title>.caption, .portlet.box.green-haze>.portlet-title>.caption>i{color: #FFF} .portlet.box.green-haze>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #93d7d2; color: #a6deda} .portlet.box.green-jungle>.portlet-title, .portlet.green-jungle, .portlet>.portlet-body.green-jungle{background-color: #26C281} .portlet.box.green-haze>.portlet-title>.actions .btn-default>i{color: #b1e2de} .portlet.box.green-haze>.portlet-title>.actions .btn-default.active, .portlet.box.green-haze>.portlet-title>.actions .btn-default:active, .portlet.box.green-haze>.portlet-title>.actions .btn-default:focus, .portlet.box.green-haze>.portlet-title>.actions .btn-default:hover{border: 1px solid #b9e5e2; color: #cbece9} .portlet.solid.green-jungle>.portlet-body, .portlet.solid.green-jungle>.portlet-title{border: 0; color: #FFF} .portlet.solid.green-jungle>.portlet-title>.caption>i{color: #FFF} .portlet.solid.green-jungle>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.green-jungle{border: 1px solid #41da9a; border-top: 0} .portlet.box.green-jungle>.portlet-title>.caption, .portlet.box.green-jungle>.portlet-title>.caption>i{color: #FFF} .portlet.box.green-jungle>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #74e4b5; color: #8ae8c1} .portlet.box.green-soft>.portlet-title, .portlet.green-soft, .portlet>.portlet-body.green-soft{background-color: #3faba4} .portlet.box.green-jungle>.portlet-title>.actions .btn-default>i{color: #96ebc8} .portlet.box.green-jungle>.portlet-title>.actions .btn-default.active, .portlet.box.green-jungle>.portlet-title>.actions .btn-default:active, .portlet.box.green-jungle>.portlet-title>.actions .btn-default:focus, .portlet.box.green-jungle>.portlet-title>.actions .btn-default:hover{border: 1px solid #9feccc; color: #b4f0d7} .portlet.solid.green-soft>.portlet-body, .portlet.solid.green-soft>.portlet-title{border: 0; color: #FFF} .portlet.solid.green-soft>.portlet-title>.caption>i{color: #FFF} .portlet.solid.green-soft>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.green-soft{border: 1px solid #5bc2bc; border-top: 0} .portlet.box.green-soft>.portlet-title>.caption, .portlet.box.green-soft>.portlet-title>.caption>i{color: #FFF} .portlet.box.green-soft>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #87d3ce; color: #9adad6} .portlet.box.green-dark>.portlet-title, .portlet.green-dark, .portlet>.portlet-body.green-dark{background-color: #4DB3A2} .portlet.box.green-soft>.portlet-title>.actions .btn-default>i{color: #a5deda} .portlet.box.green-soft>.portlet-title>.actions .btn-default.active, .portlet.box.green-soft>.portlet-title>.actions .btn-default:active, .portlet.box.green-soft>.portlet-title>.actions .btn-default:focus, .portlet.box.green-soft>.portlet-title>.actions .btn-default:hover{border: 1px solid #ade1dd; color: #bfe7e5} .portlet.solid.green-dark>.portlet-body, .portlet.solid.green-dark>.portlet-title{border: 0; color: #FFF} .portlet.solid.green-dark>.portlet-title>.caption>i{color: #FFF} .portlet.solid.green-dark>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.green-dark{border: 1px solid #71c2b5; border-top: 0} .portlet.box.green-dark>.portlet-title>.caption, .portlet.box.green-dark>.portlet-title>.caption>i{color: #FFF} .portlet.box.green-dark>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #9cd5cb; color: #addcd4} .portlet.box.green-sharp>.portlet-title, .portlet.green-sharp, .portlet>.portlet-body.green-sharp{background-color: #2ab4c0} .portlet.box.green-dark>.portlet-title>.actions .btn-default>i{color: #b8e1da} .portlet.box.green-dark>.portlet-title>.actions .btn-default.active, .portlet.box.green-dark>.portlet-title>.actions .btn-default:active, .portlet.box.green-dark>.portlet-title>.actions .btn-default:focus, .portlet.box.green-dark>.portlet-title>.actions .btn-default:hover{border: 1px solid #bfe4de; color: #d1ebe7} .portlet.solid.green-sharp>.portlet-body, .portlet.solid.green-sharp>.portlet-title{border: 0; color: #FFF} .portlet.solid.green-sharp>.portlet-title>.caption>i{color: #FFF} .portlet.solid.green-sharp>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.green-sharp{border: 1px solid #46cbd7; border-top: 0} .portlet.box.green-sharp>.portlet-title>.caption, .portlet.box.green-sharp>.portlet-title>.caption>i{color: #FFF} .portlet.box.green-sharp>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #79d9e2; color: #8edfe6} .portlet.box.green-steel>.portlet-title, .portlet.green-steel, .portlet>.portlet-body.green-steel{background-color: #29b4b6} .portlet.box.green-sharp>.portlet-title>.actions .btn-default>i{color: #9ae3e9} .portlet.box.green-sharp>.portlet-title>.actions .btn-default.active, .portlet.box.green-sharp>.portlet-title>.actions .btn-default:active, .portlet.box.green-sharp>.portlet-title>.actions .btn-default:focus, .portlet.box.green-sharp>.portlet-title>.actions .btn-default:hover{border: 1px solid #a2e5eb; color: #b7ebef} .portlet.solid.green-steel>.portlet-body, .portlet.solid.green-steel>.portlet-title{border: 0; color: #FFF} .portlet.solid.green-steel>.portlet-title>.caption>i{color: #FFF} .portlet.solid.green-steel>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.green-steel{border: 1px solid #3ed1d4; border-top: 0} .portlet.box.green-steel>.portlet-title>.caption, .portlet.box.green-steel>.portlet-title>.caption>i{color: #FFF} .portlet.box.green-steel>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #70dddf; color: #85e2e4} .portlet.box.grey>.portlet-title, .portlet.grey, .portlet>.portlet-body.grey{background-color: #E5E5E5} .portlet.box.green-steel>.portlet-title>.actions .btn-default>i{color: #92e5e6} .portlet.box.green-steel>.portlet-title>.actions .btn-default.active, .portlet.box.green-steel>.portlet-title>.actions .btn-default:active, .portlet.box.green-steel>.portlet-title>.actions .btn-default:focus, .portlet.box.green-steel>.portlet-title>.actions .btn-default:hover{border: 1px solid #9ae7e8; color: #afeced} .portlet.solid.grey>.portlet-body, .portlet.solid.grey>.portlet-title{border: 0; color: #333} .portlet.solid.grey>.portlet-title>.caption>i{color: #333} .portlet.solid.grey>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.grey{border: 1px solid #fff; border-top: 0} .portlet.box.grey>.portlet-title>.caption, .portlet.box.grey>.portlet-title>.caption>i{color: #333} .portlet.box.grey>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #fff; color: #fff} .portlet.box.grey-steel>.portlet-title, .portlet.grey-steel, .portlet>.portlet-body.grey-steel{background-color: #e9edef} .portlet.box.grey>.portlet-title>.actions .btn-default>i{color: #fff} .portlet.box.grey>.portlet-title>.actions .btn-default.active, .portlet.box.grey>.portlet-title>.actions .btn-default:active, .portlet.box.grey>.portlet-title>.actions .btn-default:focus, .portlet.box.grey>.portlet-title>.actions .btn-default:hover{border: 1px solid #fff; color: #fff} .portlet.solid.grey-steel>.portlet-body, .portlet.solid.grey-steel>.portlet-title{border: 0; color: #80898e} .portlet.solid.grey-steel>.portlet-title>.caption>i{color: #80898e} .portlet.solid.grey-steel>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.grey-steel{border: 1px solid #fff; border-top: 0} .portlet.box.grey-steel>.portlet-title>.caption, .portlet.box.grey-steel>.portlet-title>.caption>i{color: #80898e} .portlet.box.grey-steel>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #fff; color: #fff} .portlet.box.grey-cararra>.portlet-title, .portlet.grey-cararra, .portlet>.portlet-body.grey-cararra{background-color: #fafafa} .portlet.box.grey-steel>.portlet-title>.actions .btn-default>i{color: #fff} .portlet.box.grey-steel>.portlet-title>.actions .btn-default.active, .portlet.box.grey-steel>.portlet-title>.actions .btn-default:active, .portlet.box.grey-steel>.portlet-title>.actions .btn-default:focus, .portlet.box.grey-steel>.portlet-title>.actions .btn-default:hover{border: 1px solid #fff; color: #fff} .portlet.solid.grey-cararra>.portlet-body, .portlet.solid.grey-cararra>.portlet-title{border: 0; color: #333} .portlet.solid.grey-cararra>.portlet-title>.caption>i{color: #333} .portlet.solid.grey-cararra>.portlet-title>.tools>a.fullscreen{color: #fdfdfd} .portlet.box.grey-cararra{border: 1px solid #fff; border-top: 0} .portlet.box.grey-cararra>.portlet-title>.caption, .portlet.box.grey-cararra>.portlet-title>.caption>i{color: #333} .portlet.box.grey-cararra>.portlet-title>.actions .btn-default{background: 0 0!important; border: 1px solid #fff; color: #fff} .portlet.box.grey-gallery>.portlet-title, .portlet.grey-gallery, .portlet>.portlet-body.grey-gallery{background-color: #555} .portlet.box.grey-cararra>.portlet-title>.actions .btn-default>i{color: #fff} .portlet.box.grey-cararra>.portlet-title>.actions .btn-default.active, .portlet.box.grey-cararra>.portlet-title>.actions .btn-default:active, .portlet.box.grey-cararra>.portlet-title>.actions .btn-defau{} .class-tabs li{padding: 10px 55px 15px 0px;} .tabs-alternate label{padding: 10px 0px; color: #fff;} .tabs-alternate input.form-control{background-color: #282828 !important;} .class-tabs{border-bottom: 1px solid #282828;} .class-tabs .active a{color:#f49521 !important;} .form-group label,.form-check label{color:#fff} .img-mentor{width:150px; margin: 0 auto; display: block; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; margin-bottom:10vh; margin-right:60px;} .banner-mentor{text-align: center; margin-top:-7%} .banner-mentor-2{background-color:#282828; width: 100%; min-height: 50vh; display: flex; display: flex; justify-content: center; align-items: flex-end; text-align: center;} .mentor-description{padding-bottom: 10px; padding-top: 100px; position: relative; width: 1000px; text-align:left;} .title.aside{font-size: 20px !important; font-weight: 900; padding-left: 15px; border-left: 5px solid #f49521;} .more-read-desc{padding-left:15px; color:#f49521 !important} .panel-group{margin-bottom: 30px; margin-top:30px} .panel-group .panel{border-radius: 0; box-shadow: none;} .panel-group .panel .panel-heading{padding: 0;} .panel-group .panel .panel-heading h4 a{background: #1a1a1a; display: block; font-size: 12px; font-weight: bold; padding: 15px; text-decoration: none; transition: 0.15s all ease-in-out;} .panel-group .panel .panel-heading h4 a:hover, .panel-group .panel .panel-heading h4 a:not(.collapsed){background: #282828; transition: 0.15s all ease-in-out;} .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before{content: "";} .panel-group .panel .panel-heading h4 a:not(.collapsed){color:#f49521} .panel-group .panel .panel-heading h4 a i{color: #fff;} .panel-group .panel .panel-body{padding-top: 0;} .panel-group .panel .panel-heading + .panel-collapse > .list-group, .panel-group .panel .panel-heading + .panel-collapse > .panel-body{border-top: none;} .panel-group .panel + .panel{border-top: none; margin-top: 0;} .panel-body p{color: #fff; padding: 10px; font-size: 13px;} .teacher-img img{width: 60px; border-radius: 50%; margin: 0 auto; display: block;} .rating .stars{margin-right: 15px;} .rating .stars .star{padding: 5px 2px; cursor: pointer;} .ratting-spot{display: flex; float: right;} .testtt{color:#fff; padding-top: 10px; padding-right: 10px;} .rating .stars .star:before{font-family: 'FontAwesome'; content: '\f005'; color: #fff; font-size: 1.5em;} .rating .stars .star:hover:before, .rating .stars .star.to_rate:before, .rating .stars .star.rated:before{color: #f2b01e;} .rating .stars .star.no_to_rate:before{color: #fff;} .kelass{padding-bottom: 50px; float: left; margin-bottom: 20px;} .fa{padding: 10px; font-size: 30px; width: auto; text-align: center; text-decoration: none; margin: 10px 3px;} .fa:hover{opacity: 0.7;} .fa-facebook{background: #3B5998; color: white;} .fa-twitter{background: #55ACEE; color: white;} .fa-google{background: #dd4b39; color: white;} .fa-linkedin{background: #007bb5; color: white;} .fa-pinterest{background: #bb0000; color: white;} .emp-profile{padding: 3%; margin-top: 5%; margin-bottom: 2%; background: #191919;} .profile-img{text-align: center;} .profile-img img{width: 50%; height: 100%;} .proile-rating{font-size: 12px; margin-top: 5%;} @media (max-width: 768px){.carousel-inner .carousel-item > div{display: none;}.carousel-inner .carousel-item > div:first-child{display: block;}} .carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev{display: flex;} @media (min-width: 768px){.carousel-inner .carousel-item-right.active, .carousel-inner .carousel-item-next{transform: translateX(33.333%);}.carousel-inner .carousel-item-left.active, .carousel-inner .carousel-item-prev{transform: translateX(-33.333%);}} .carousel-inner .carousel-item-right, .carousel-inner .carousel-item-left{transform: translateX(0);} .field-icon{float: right; margin-left: -25px; margin-top: -45px; position: relative; z-index: 2;} 

/* /vit_elearning/static/src/css/responsive.css defined in bundle 'vit_elearning.elearning_assets_frontend_css' */
@media only screen and (max-width:767px){.ptb-100{padding-top:60px;padding-bottom:60px}.section-title{margin-bottom:40px}.section-title h3{font-size:28px;padding:10px 0}.section-title h3::before{width:283px}.nav-brand img{width:190px}.main-home-area{height:580px}.home-content{text-align:left;margin-top:0}.home-content h1{font-size:35px}.home-content form .btn{position:relative;height:auto;width:100%;margin-top:15px;border-radius:5px}.main-banner{padding:140px 0 135px}.main-banner-content{border-radius:0;padding:30px 20px 90px;margin-bottom:0;margin-top:-90px}.main-banner-content::before{border-radius:0}.main-banner-content h1{font-size:40px;margin-top:-9px}.home-slides.owl-theme .owl-nav [class*=owl-]{left:-38px}.home-slides.owl-theme .owl-nav .owl-next{left:auto;right:-38px}.animation-shape div{display:none}.main-banner-two{height:100%;overflow:hidden}.home-slides-two{bottom:0;margin-top:50px;margin-bottom:50px}.hero-slides-content{padding:80px 40px;bottom:0;text-align:center}.hero-slides-content h1{font-size:50px}.home-slides-two.owl-theme .owl-nav [class*=owl-]{left:auto;right:40px;bottom:0}.home-slides-two.owl-theme .owl-nav .owl-next{left:auto;right:0}.partner-area.pt-150{padding-top:60px}.main-banner-three{height:580px}.main-banner-three::after{display:none}.main-banner-three-content h1{font-size:35px}.main-banner-three-content button{position:relative;height:auto;width:100%;margin-top:15px;border-radius:5px}.boxes-area{padding-bottom:30px;padding-top:60px}.boxes-inner-content{margin-bottom:30px;margin-top:0}.single-box{margin-bottom:30px}.single-box .box-content{padding:25px 20px}.single-box .box-content h3{margin-bottom:15px}.featured-courses{padding-bottom:30px}.single-courses{margin-bottom:30px}.single-courses h3{font-size:20px;margin:25px 0 15px}.single-courses .icon{font-size:40px;width:85px;height:85px;line-height:88px}.why-choose-us::before{display:none}.why-choose h3{font-size:28px}.why-choose-us .image{display:none}.why-choose{padding-left:0;max-width:100%}.single-choose{padding-left:80px}.single-choose .icon{width:65px;height:65px;font-size:35px;line-height:63px}.single-choose h4{font-size:20px}.single-courses-item .courses-content h3{font-size:20px}.single-courses-item .courses-content ul li{font-size:18px}.view-all{margin-top:25px}.view-all .btn{font-size:14px;padding:10px 25px}.courses-item{padding:10px}.courses-item .courses-content{padding:25px 0}.courses-item .courses-content h3{font-size:20px}.courses-item .courses-content-bottom h4 .btn{font-size:15px;padding:9px 24px}.fun-facts-area.facts-bg{background-attachment:fixed;background-position:center center;background-size:contain;background-repeat:repeat}.fun-facts-area{padding-bottom:20px}.fun-fact{margin-bottom:40px}.fun-facts-area.facts-bg-two{background-attachment:fixed;background-repeat:repeat;background-size:contain}.single-event figure{position:unset}.single-event .image{display:none}.single-event figure img{display:block}.single-event .event-content{padding:30px 15px}.single-event .event-content h3{font-size:20px}.single-event .event-content .pull-left{float:unset;margin-right:0;width:100%;margin-bottom:20px}.single-event .event-content ul li span{margin-bottom:10px}.single-event .event-content .btn{font-size:14px}.apply-area::before{width:50%}.apply-area::after{width:50%}.apply-area .text{margin-right:0;margin-top:0}.apply-area p{font-size:30px;line-height:46px}.apply-area .text p span{background:0 0;color:#fff;padding:0}.apply-area p{font-size:32px;line-height:46px}.apply-form{padding:30px 20px;margin-left:0;margin-top:30px}.apply-form h3{font-size:22px;margin-bottom:30px}.apply-form .form-control{height:40px;font-size:15px}.apply-form .btn{padding:12px 30px;font-size:14px}.ctr-text-content h1{font-size:20px;line-height:1.6}.ctr-text-content p{font-size:15px}.top-divider{top:-30px}.bottom-divider{bottom:-30px}.teacher-area{padding-bottom:30px}.single-teacher .teacher-content{padding:25px}.single-teacher .teacher-content h3{font-size:20px}.teacher-box .title{font-size:20px}.newsletter h3{font-size:40px;margin-top:-8px}.newsletter form .btn{position:relative;height:auto;margin-top:15px;display:block;width:100%;border-radius:5px;box-shadow:0 8px 6px -6px rgba(0,0,0,.4)}.upcoming-events-area.events-two{padding-bottom:30px}.single-event{margin-bottom:30px!important}.single-feedback{transform:scale(1)}.owl-item.active.center .single-feedback{transform:scale(1)}.single-feedback::before{display:none}.feedback-content{position:unset;width:100%;padding:25px 15px}.feedback-content i{display:none}.testimonials-slider.owl-theme .owl-nav [class*=owl-]{color:#ddd;margin-top:-60px}.page-title{height:185px}.page-title h3{font-size:28px}.about-text h3{font-size:32px}.about-slider{margin-top:30px}.single-about{margin-top:30px;padding:20px}.single-about h3{font-size:20px}.about-content{margin-top:40px}.about-slider.owl-theme .owl-nav [class*=owl-]{margin-top:-15px;width:30px;height:40px;line-height:34px;font-size:20px}.admission-area{height:100%}.teacher-details-area{padding-bottom:30px}.teacher-profile{margin-top:30px}.teacher-profile h3{font-size:20px}.teacher-contact{margin-top:30px;margin-bottom:30px}.teacher-contact-info h4{font-size:15px}.teacher-contact h3{font-size:20px}.single-teacher-about h2{font-size:22px}.teacher-involved-coures h2{font-size:20px;margin-bottom:25px}.course-details-area{padding-bottom:30px}.courses-details-meta{padding:20px;text-align:center}.courses-details-meta ul li:first-child{margin-left:0;margin-top:0}.courses-details-meta ul li .teacher-img{display:inline-block;width:100%;margin-right:0;margin-bottom:15px}.courses-details-meta ul li{font-size:18px;margin-left:0;margin-top:10px}.courses-details-meta .apply-btn{float:unset;margin-top:15px}.courses-details-meta .apply-btn .btn{padding:9px 30px;font-size:18px}.courses-details h3{font-size:24px}.course-details-tabs #tabs>li{display:block}.course-details-tabs .show{padding:0 10px}.course-details-tabs .card .show{padding:0!important}.course-details-tabs .card-body{border:none;padding:0}.course-details-tabs .card-body ul li:first-child{margin-top:15px}.course-details-tabs .card-body ul li span{display:block;margin-left:0;margin-right:0;margin-top:10px;margin-bottom:10px}.card-body ul li .preview{margin-top:-27px}.courses-details .title{font-size:20px}.course-author{padding-left:0}.course-author .img{position:unset;height:120px;margin-bottom:20px}.courses-review .single-review{padding-left:0}.courses-review .single-review .img{position:unset;height:120px;margin-bottom:15px}.similar-courses h2{font-size:20px;margin-bottom:25px}.events-details h3{font-size:22px}.events-info{display:block;padding:5px 20px 20px}.events-info ul li{font-size:15px;margin-top:15px!important}.events-info ul li span{font-size:18px}.events-info ul{width:100%}.location #map{margin-top:30px}.single-blog-post .blog-post-content h3{font-size:22px;margin-bottom:10px}.single-blog-post .blog-post-content p{margin-bottom:10px;font-size:14px}.single-blog-post .blog-post-content .read-more{font-size:15px}.single-card-post .blog-card-content h3{font-size:20px}.blog-details .article-img .date{bottom:10px;width:75px;left:10px;height:75px;font-size:20px;padding-top:10px;line-height:28px}.blog-details .article-text{padding:20px}.blog-details-area .title{margin-top:20px;margin-bottom:20px;font-size:22px}.blog-details .blockquote{margin-bottom:20px;padding:20px;margin-top:20px;font-size:16px}.blog-details .article-author .author-title h4{font-size:18px}.blog-details .article-author .author-title{margin-top:7px}.blog-details .author-share .social-share{display:none}.post-controls-buttons{margin-top:40px;margin-bottom:40px;padding-left:0;padding-right:0}.post-controls-buttons div a{padding:14px 30px}.single-comment .comment-img{float:unset;width:100%}.single-comment .comment-content{float:unset;width:100%;padding-left:0;margin-top:28px}.single-comment .comment-content h4{font-size:18px}.single-comment .comment-content a{font-size:15px}.shop-details-area{padding-bottom:30px}.woocommerce-shop-top{text-align:center}.woocommerce-shop-top p{margin-top:0;margin-bottom:-20px}.single-product .product-content h3{font-size:20px}.single-product .product-content ul li{font-size:18px}.single-product .product-content .btn{font-size:14px;padding:8px 23px}.single-product-item .product-content h3{font-size:20px}.single-product-item .content-footer .btn{padding:2px 22px;font-size:22px}.single-product-item .product-content ul li{font-size:16px}.product-description{margin-top:25px}.product-description h3{font-size:20px}.product-description .price h4{font-size:18px}.product-description form .form-control{width:90px}.product-description form .btn{padding:0 20px;font-size:15px}.add-to-wishlist .btn{font-size:15px;padding:10px 29px}.shop-details-tabs #tabs>li{display:block;text-align:center}.shop-details-tabs h3{font-size:20px}.shop-details-tabs .shop-reviews ul li{display:block;position:relative;margin-right:0;margin-top:10px}.shop-details-tabs .shop-reviews ul li::before{display:none}.related-shop h2{font-size:20px;margin-bottom:25px}.cart-table .table{margin-bottom:0}.cart-table .table td,.cart-table .table th{white-space:nowrap}.cart-table .product-thumbnail a img{height:auto}.cart-buttons{margin-top:30px}.cart-buttons .btn{font-size:13px;padding:9px 18px}.cuppon-form{width:100%;margin-bottom:30px}.cuppon-form .btn{position:relative;height:auto;display:block;width:100%;margin-top:10px}.order-box{margin-top:30px}.order-table .product-thumbnail a img{height:auto}.order-table .table td,.order-table .table th{white-space:nowrap}.order-table .table{margin-bottom:0}.product-desc h3{font-size:20px}.product-desc .price{font-size:18px}.product-desc form .btn{height:42px;margin-top:15px;padding:0 24px;font-size:15px}.error-content{max-width:100%}.error-content h1{font-size:120px}.error-content p{font-size:22px;letter-spacing:0;margin-top:15px}#login-form::before{display:none}#login-form::after{display:none}#login-form .left{width:100%;float:unset;padding:30px 20px}#login-form .right{width:100%;float:unset;padding:0 20px 28px}.register-content{padding:15px;max-width:100%}.register-content h4{font-size:15px}.faq{padding:15px}.faq .card-header a{padding:10px}.faq .card-header a h5{font-size:18px}.faq-contact{margin-top:40px;padding:20px}.faq-contact h3{font-size:20px;margin-bottom:25px}.faq-contact form .form-control{height:45px;margin-bottom:-3px}.faq-contact form textarea.form-control{height:auto}.pagination-area{margin-top:25px}.side-bar{margin-top:40px;margin-bottom:40px}.side-bar .latest-courses .single-latest-courses .content h4{margin-top:0}.side-bar .single-widget .title{font-size:20px}.contact-box .content h4{font-size:20px;margin-bottom:10px}.leave-your-message h3{font-size:20px}.leave-your-message .stay-connected li a{font-size:15px}.leave-your-message .stay-connected li a i{width:40px;height:40px;line-height:38px;font-size:18px;margin-right:7px}.footer-area{padding-bottom:0;padding-top:60px}.single-footer{margin-bottom:30px}.copyright-area{margin-top:30px;padding:35px 0;text-align:center}.copyright-area ul{text-align:center;margin-top:15px}} @media only screen and (min-width:415px) and (max-width:767px){.boxes-inner-content .single-box img{width:100%}.single-courses-item .courses-img img{width:100%}.single-event figure img{width:100%}.single-teacher img{width:100%}.courses-item .courses-img img{width:100%}.teacher-box .pic img{width:100%}.single-blog-post img{width:100%}.single-blog .blog-img img{width:100%}.single-card-post .blog-img img{width:100%}.single-product .product-img img{width:100%}} @media only screen and (min-width:768px) and (max-width:991px){.section-title h3{font-size:30px}.main-banner{padding:80px 0}.main-banner-content{border-radius:40px 0 40px 0;padding:90px 100px 145px;margin-bottom:80px}.main-banner-content::before{border-radius:40px 0 40px 0}.animation-shape div{display:none}.boxes-inner-content{margin-bottom:35px;margin-top:-180px}.single-box{margin-bottom:30px}.featured-courses{padding-bottom:70px}.single-courses{margin-bottom:30px}.why-choose-us::before{display:none}.why-choose-us .image{display:none}.why-choose h3{font-size:30px}.why-choose{padding-left:15px;padding-right:15px}.single-event .event-content{padding:25px 20px}.single-event .event-content h3{font-size:24px}.single-event .event-content .pull-left{margin-right:15px;width:50%}.apply-area .text{margin-right:0;margin-top:0}.apply-form{margin-left:0;margin-top:30px}.fun-facts-area.facts-bg{background-attachment:fixed;background-position:center center;background-size:contain;background-repeat:repeat}.single-feedback::before{display:none}.owl-item.active.center .single-feedback{transform:scale(1)}.feedback-content{position:unset;width:100%;padding:20px;opacity:1;visibility:visible}.feedback-content i{display:none}.testimonials-slider.owl-theme .owl-nav [class*=owl-]{color:#ddd}.about-slider{margin-top:30px}.single-about{margin-top:35px}.admission-area{height:100%}.teacher-img{text-align:center;margin-bottom:30px}.single-teacher-about{margin-top:30px}.courses-details-meta ul li .teacher-img{margin-bottom:0}.course-details-tabs #tabs>li{padding:12px 47px}.side-bar .latest-courses .single-latest-courses .img{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.side-bar .latest-courses .single-latest-courses .content{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}.side-bar .latest-courses .single-latest-courses .content h4{margin-top:35px}.events-details-area .side-bar{margin-top:40px}.blog-area .side-bar{margin-top:40px}.side-bar .recent-post .single-recent-post .img{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.side-bar .recent-post .single-recent-post .content{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}.side-bar .recent-post .single-recent-post .content h4{margin-top:35px}.blog-details-area .side-bar{margin-top:40px}.product-img{text-align:center;margin-bottom:30px}.product-img img{width:100%}.cart-total{margin-top:30px}.single-footer{margin-bottom:30px}.copyright-area{margin-top:70px}} @media only screen and (min-width:992px) and (max-width:1199px){.classynav ul li.cn-dropdown-item{padding:0 10px!important}.classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow,.classynav>ul>li.megamenu-item>.dd-arrow{right:5px}.course-details-tabs #tabs>li{padding:12px 37px}}