/* Template: The Corps — Responsive Multi-purpose HTML5 Template Author: potenzaglobalsolutions.com Version: 2.1 Design and Developed by: potenzaglobalsolutions.com NOTE: This is necessary css collection. This file include some of necessary css file listed in below table. */ /*================================================ [ Table of contents ] ================================================ :: Font Awesome :: Simple line icons :: owl Carousel :: Animate :: Isotope :: mediaelementplayer :: magnific popup ====================================== [ End table content ] ======================================*/ /************************* Font Awesome *************************/ /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.4.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"} /************************* simple line icons *************************/ @font-face { font-family: 'Simple-Line-Icons'; src:url('../fonts/Simple-Line-Icons.eot'); src:url('../fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff') format('woff'), url('../fonts/Simple-Line-Icons.ttf') format('truetype'), url('../fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'Simple-Line-Icons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-moustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-emoticon-smile, .icon-disc, .icon-cursor-move, .icon-crop, .icon-credit-card, .icon-chemistry, .icon-user, .icon-speedometer, .icon-social-youtube, .icon-social-twitter, .icon-social-tumblr, .icon-social-facebook, .icon-social-dropbox, .icon-social-dribbble, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglasses, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-map, .icon-layers, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-frame, .icon-folder-alt, .icon-film, .icon-feed, .icon-earphones-alt, .icon-earphones, .icon-drop, .icon-drawer, .icon-docs, .icon-directions, .icon-direction, .icon-diamond, .icon-cup, .icon-compass, .icon-call-out, .icon-call-in, .icon-call-end, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-music-tone-alt, .icon-music-tone, .icon-microphone, .icon-loop, .icon-logout, .icon-login, .icon-list, .icon-like, .icon-home, .icon-grid, .icon-graph, .icon-equalizer, .icon-dislike, .icon-cursor, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-calendar, .icon-bulb, .icon-bar-chart, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-ban, .icon-bubble, .icon-camcorder, .icon-camera, .icon-check, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-doc, .icon-envelope, .icon-eye, .icon-flag, .icon-folder, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-plus, .icon-pointer, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-users { font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-user-female:before { content: "\e000"; } .icon-user-follow:before { content: "\e002"; } .icon-user-following:before { content: "\e003"; } .icon-user-unfollow:before { content: "\e004"; } .icon-trophy:before { content: "\e006"; } .icon-screen-smartphone:before { content: "\e010"; } .icon-screen-desktop:before { content: "\e011"; } .icon-plane:before { content: "\e012"; } .icon-notebook:before { content: "\e013"; } .icon-moustache:before { content: "\e014"; } .icon-mouse:before { content: "\e015"; } .icon-magnet:before { content: "\e016"; } .icon-energy:before { content: "\e020"; } .icon-emoticon-smile:before { content: "\e021"; } .icon-disc:before { content: "\e022"; } .icon-cursor-move:before { content: "\e023"; } .icon-crop:before { content: "\e024"; } .icon-credit-card:before { content: "\e025"; } .icon-chemistry:before { content: "\e026"; } .icon-user:before { content: "\e005"; } .icon-speedometer:before { content: "\e007"; } .icon-social-youtube:before { content: "\e008"; } .icon-social-twitter:before { content: "\e009"; } .icon-social-tumblr:before { content: "\e00a"; } .icon-social-facebook:before { content: "\e00b"; } .icon-social-dropbox:before { content: "\e00c"; } .icon-social-dribbble:before { content: "\e00d"; } .icon-shield:before { content: "\e00e"; } .icon-screen-tablet:before { content: "\e00f"; } .icon-magic-wand:before { content: "\e017"; } .icon-hourglass:before { content: "\e018"; } .icon-graduation:before { content: "\e019"; } .icon-ghost:before { content: "\e01a"; } .icon-game-controller:before { content: "\e01b"; } .icon-fire:before { content: "\e01c"; } .icon-eyeglasses:before { content: "\e01d"; } .icon-envelope-open:before { content: "\e01e"; } .icon-envelope-letter:before { content: "\e01f"; } .icon-bell:before { content: "\e027"; } .icon-badge:before { content: "\e028"; } .icon-anchor:before { content: "\e029"; } .icon-wallet:before { content: "\e02a"; } .icon-vector:before { content: "\e02b"; } .icon-speech:before { content: "\e02c"; } .icon-puzzle:before { content: "\e02d"; } .icon-printer:before { content: "\e02e"; } .icon-present:before { content: "\e02f"; } .icon-playlist:before { content: "\e030"; } .icon-pin:before { content: "\e031"; } .icon-picture:before { content: "\e032"; } .icon-map:before { content: "\e033"; } .icon-layers:before { content: "\e034"; } .icon-handbag:before { content: "\e035"; } .icon-globe-alt:before { content: "\e036"; } .icon-globe:before { content: "\e037"; } .icon-frame:before { content: "\e038"; } .icon-folder-alt:before { content: "\e039"; } .icon-film:before { content: "\e03a"; } .icon-feed:before { content: "\e03b"; } .icon-earphones-alt:before { content: "\e03c"; } .icon-earphones:before { content: "\e03d"; } .icon-drop:before { content: "\e03e"; } .icon-drawer:before { content: "\e03f"; } .icon-docs:before { content: "\e040"; } .icon-directions:before { content: "\e041"; } .icon-direction:before { content: "\e042"; } .icon-diamond:before { content: "\e043"; } .icon-cup:before { content: "\e044"; } .icon-compass:before { content: "\e045"; } .icon-call-out:before { content: "\e046"; } .icon-call-in:before { content: "\e047"; } .icon-call-end:before { content: "\e048"; } .icon-calculator:before { content: "\e049"; } .icon-bubbles:before { content: "\e04a"; } .icon-briefcase:before { content: "\e04b"; } .icon-book-open:before { content: "\e04c"; } .icon-basket-loaded:before { content: "\e04d"; } .icon-basket:before { content: "\e04e"; } .icon-bag:before { content: "\e04f"; } .icon-action-undo:before { content: "\e050"; } .icon-action-redo:before { content: "\e051"; } .icon-wrench:before { content: "\e052"; } .icon-umbrella:before { content: "\e053"; } .icon-trash:before { content: "\e054"; } .icon-tag:before { content: "\e055"; } .icon-support:before { content: "\e056"; } .icon-size-fullscreen:before { content: "\e057"; } .icon-size-actual:before { content: "\e058"; } .icon-shuffle:before { content: "\e059"; } .icon-share-alt:before { content: "\e05a"; } .icon-share:before { content: "\e05b"; } .icon-rocket:before { content: "\e05c"; } .icon-question:before { content: "\e05d"; } .icon-pie-chart:before { content: "\e05e"; } .icon-pencil:before { content: "\e05f"; } .icon-note:before { content: "\e060"; } .icon-music-tone-alt:before { content: "\e061"; } .icon-music-tone:before { content: "\e062"; } .icon-microphone:before { content: "\e063"; } .icon-loop:before { content: "\e064"; } .icon-logout:before { content: "\e065"; } .icon-login:before { content: "\e066"; } .icon-list:before { content: "\e067"; } .icon-like:before { content: "\e068"; } .icon-home:before { content: "\e069"; } .icon-grid:before { content: "\e06a"; } .icon-graph:before { content: "\e06b"; } .icon-equalizer:before { content: "\e06c"; } .icon-dislike:before { content: "\e06d"; } .icon-cursor:before { content: "\e06e"; } .icon-control-start:before { content: "\e06f"; } .icon-control-rewind:before { content: "\e070"; } .icon-control-play:before { content: "\e071"; } .icon-control-pause:before { content: "\e072"; } .icon-control-forward:before { content: "\e073"; } .icon-control-end:before { content: "\e074"; } .icon-calendar:before { content: "\e075"; } .icon-bulb:before { content: "\e076"; } .icon-bar-chart:before { content: "\e077"; } .icon-arrow-up:before { content: "\e078"; } .icon-arrow-right:before { content: "\e079"; } .icon-arrow-left:before { content: "\e07a"; } .icon-arrow-down:before { content: "\e07b"; } .icon-ban:before { content: "\e07c"; } .icon-bubble:before { content: "\e07d"; } .icon-camcorder:before { content: "\e07e"; } .icon-camera:before { content: "\e07f"; } .icon-check:before { content: "\e080"; } .icon-clock:before { content: "\e081"; } .icon-close:before { content: "\e082"; } .icon-cloud-download:before { content: "\e083"; } .icon-cloud-upload:before { content: "\e084"; } .icon-doc:before { content: "\e085"; } .icon-envelope:before { content: "\e086"; } .icon-eye:before { content: "\e087"; } .icon-flag:before { content: "\e088"; } .icon-folder:before { content: "\e089"; } .icon-heart:before { content: "\e08a"; } .icon-info:before { content: "\e08b"; } .icon-key:before { content: "\e08c"; } .icon-link:before { content: "\e08d"; } .icon-lock:before { content: "\e08e"; } .icon-lock-open:before { content: "\e08f"; } .icon-magnifier:before { content: "\e090"; } .icon-magnifier-add:before { content: "\e091"; } .icon-magnifier-remove:before { content: "\e092"; } .icon-paper-clip:before { content: "\e093"; } .icon-paper-plane:before { content: "\e094"; } .icon-plus:before { content: "\e095"; } .icon-pointer:before { content: "\e096"; } .icon-power:before { content: "\e097"; } .icon-refresh:before { content: "\e098"; } .icon-reload:before { content: "\e099"; } .icon-settings:before { content: "\e09a"; } .icon-star:before { content: "\e09b"; } .icon-symbol-female:before { content: "\e09c"; } .icon-symbol-male:before { content: "\e09d"; } .icon-target:before { content: "\e09e"; } .icon-volume-1:before { content: "\e09f"; } .icon-volume-2:before { content: "\e0a0"; } .icon-volume-off:before { content: "\e0a1"; } .icon-users:before { content: "\e001"; } /************************* Owl Carousel *************************/ /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -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 Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ 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; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { /*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 */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .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("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms 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-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { 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 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .owl-theme .owl-dots .owl-dot { display: inline-block; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 none repeat scroll 0 0; } .owl-theme .owl-dots .owl-dot span { background: #d6d6d6 none repeat scroll 0 0; border-radius: 30px; display: block; height: 10px; margin: 5px 7px; transition: opacity 200ms ease 0s; width: 10px; } /************************* Animate *************************/ @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{100%,20%,53%,80%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{100%,20%,53%,80%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{100%,50%,from{opacity:1}25%,75%{opacity:0}}@keyframes flash{100%,50%,from{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{100%,from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{100%,from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{100%,11.1%,from{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{100%,11.1%,from{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{100%,20%,40%,60%,80%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{100%,20%,40%,60%,80%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}100%{opacity:1}}@keyframes fadeIn{from{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}100%{opacity:0}}@keyframes fadeOut{from{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /************************* Isotope *************************/ /* Start: Recommended Isotope styles */ /**** Isotope Filtering ****/ .isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}.isotope .isotope-item.no-transition,.isotope.no-transition,.isotope.no-transition .isotope-item{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s} /************************* mediaelementplayer *************************/ .mejs-offscreen{ /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */ position: absolute !important; top: -10000px; left: -10000px; overflow: hidden; width: 1px; height: 1px; } .mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; width: 100% !important; } .mejs-container:focus { outline: none; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } .mejs-fullscreen { /* set it to not show scroll bars so 100% will work */ overflow: hidden !important; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } .mejs-clear { clear: both; } /* Start: LAYERS */ .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-poster { position: absolute; top: 0; left: 0; background-size: contain ; background-position: 50% 50% ; background-repeat: no-repeat ; } :root .mejs-poster img { display: none ; } .mejs-poster img { border: 0; padding: 0; border: 0; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(../images/bigplay.svg) no-repeat; } .no-svg .mejs-overlay-button { background-image: url(../images/bigplay.png); } .mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px ; } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; /*background: #333; background: url(../images/background.png); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));*/ } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(../images/loading.gif) 50% 50% no-repeat; } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: #eceff7; height: 40px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; border: 0; margin-top: 6px; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 15px; border: 0; background: transparent url(../images/controls.png) no-repeat; } .no-svg .mejs-controls .mejs-button button { background-image: url(../images/controls.png); } /* :focus for accessibility */ .mejs-controls .mejs-button button:focus { outline: dotted 1px #999; } /* End: CONTROL BAR */ /* Start: Time (Current / Duration) */ .mejs-container .mejs-controls .mejs-time { color: #000; display: block; height: 17px; width: auto; padding: 10px 3px 0 3px ; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time a { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ .mejs-controls .mejs-play button { background-position: 4px 0; } .mejs-controls .mejs-pause button { background-position: 4px -16px; } .mejs-controls .mejs-stop button { background-position: -112px 0; } /* Start: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; } .mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a { display: block; position: absolute; width: 180px; height: 10px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: #fff; } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } @-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #FFF; width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: #00a9da; width: 0; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } /* .mejs-controls .mejs-time-rail:hover .mejs-time-handle { visibility:visible; } */ /* End: Progress Bar */ /* Start: Fullscreen */ .mejs-controls .mejs-fullscreen-button button { background-position: -31px 0; } .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs-controls .mejs-volume-button { } .mejs-controls .mejs-mute button { background-position: -16px -16px; } .mejs-controls .mejs-unmute button { background-position: -16px 0; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(../images/background.png); background: #00a9da; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } /* .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { display: block; } */ .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } /* horizontal version */ .mejs-controls a.mejs-horizontal-volume-slider { height: 26px; width: 56px; position: relative; display: block; float: left; margin-top: 6px; vertical-align: middle; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #fff; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; background: #00a9da; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: Track (Captions and Chapters) */ .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -51px; width: 85px; height: 100px; background: url(../images/background.png); background: rgba(50,50,50,0.7); border: solid 1px transparent; padding: 10px 10px 0 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* .mejs-controls .mejs-captions-button:hover .mejs-captions-selector { visibility: visible; } */ .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 55px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000); overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102,102,102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6))); background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align:center; line-height: 20px; font-size: 16px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 35px; } .mejs-captions-text { padding: 3px 5px; background: url(../images/background.png); background: rgba(20, 20, 20, 0.5); white-space: pre-wrap; } /* End: Track (Captions and Chapters) */ /* Start: Error */ .me-cannotplay { } .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } /* End: Error */ /* Start: Loop */ .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } /* End: Loop */ /* Start: backlight */ .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } /* End: backlight */ /* Start: Picture Controls */ .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } /* End: Picture Controls */ /* context menu */ .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } /* Start: Source Chooser */ .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(../images/background.png); background: rgba(50,50,50,0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } /* End: Source Chooser */ /* Start: Postroll */ .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../images/background.png); background: rgba(50,50,50,0.7); z-index: 1000; overflow: hidden; } .mejs-postroll-layer-content { width: 100%; height: 100%; } .mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(../images/background.png); background: rgba(50,50,50,0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } /* End: Postroll */ /* Start: Speed */ div.mejs-speed-button { width: 46px !important; position: relative; } .mejs-controls .mejs-button.mejs-speed-button button { background: transparent; width: 36px; font-size: 11px; line-height: normal; color: #ffffff; } .mejs-controls .mejs-speed-button .mejs-speed-selector { display: none; position: absolute; top: -100px; left: -10px; width: 60px; height: 100px; background: url(../images/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 0; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-speed-button:hover > .mejs-speed-selector { display: block; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected { color: rgba(33, 248, 248, 1); } .mejs-controls .mejs-speed-button .mejs-speed-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li { margin: 0 0 6px 0; padding: 0 10px; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; display: none; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label { width: 60px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 11.5px; color: white; margin-left: 5px; cursor: pointer; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover { background-color: rgb(200, 200, 200) !important; background-color: rgba(255,255,255,.4) !important; } /* End: Speed */ /* Start: Jump Forward */ .mejs-controls .mejs-button.mejs-jump-forward-button { background: transparent url(../images/jumpforward.png) no-repeat; background-position: 3px 3px; } .mejs-controls .mejs-button.mejs-jump-forward-button button { background: transparent; font-size: 9px; line-height: normal; color: #ffffff; } /* End: Jump Forward */ /* Start: Skip Back */ .mejs-controls .mejs-button.mejs-skip-back-button { background: transparent url(../images/skipback.png) no-repeat; background-position: 3px 3px; } .mejs-controls .mejs-button.mejs-skip-back-button button { background: transparent; font-size: 9px; line-height: normal; color: #ffffff; } /* End: Skip Back */ /************************* magnific-popup *************************/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { /*cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out;*/ cursor: url("../images/close.png") 25 25, pointer; } .mfp-zoom { /*cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;*/ } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 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-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; cursor: url("../images/close.png") 25 25, pointer; display: none; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; cursor: url("../images/close.png") 25 25, pointer; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 10px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { display: none; 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) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* GOOGLE FONT */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800); /* MENU BASIC LAYOUT */ .mega-menu { margin: 0 auto; padding: 0; display: block; float: none; position: relative; z-index: 999; /* max-width: 1280px; width: 100%;*/ font-size: 16px; font-family: "Open Sans", sans-serif; min-height: 50px; clear: both; box-sizing: border-box; } @media screen and (max-width: 992px) { .mega-menu { /*float: left;*/ margin: 0; /*min-width: 200px;*/ } } .mega-menu * { outline: none; list-style: none; text-decoration: none; box-sizing: border-box !important; font-family: "Open Sans", sans-serif; font-weight: 400; -webkit-tap-highlight-color: transparent; text-align: left; } @media screen and (max-width: 992px) { .mega-menu * { word-break: break-all; } } .mega-menu i.fa { /*----------------------------- FONT AWESOME ICONS */ font-family: "FontAwesome"; } .mega-menu img { /*------------------------------- IMAGE */ margin: 0; padding: 0; display: block; max-width: 100% !important; float: left; height: 60px; } .mega-menu input { /*------------------------------ DEFAULT INPUT */ border: none; } .mega-menu > section.menu-list-items { margin: 0; padding: 35px 0; display: block; float: left; width: 100%; background-color: transparent; } .mega-menu .menu-logo { /*----------------------------------- MENU LOGO */ margin: 0; padding: 0; display: block; float: left; position: relative; } @media screen and (min-width: 993px) { .mega-menu .menu-logo.menu-logo-align-right { /*---------------------------------------------- MENU LOGO ALIGN RIGHT */ float: right; } } @media screen and (max-width: 992px) { .mega-menu .menu-logo { width: 100%; } } .mega-menu .menu-logo > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; } @media screen and (max-width: 992px) { .mega-menu .menu-logo > li { width: 100%; line-height: normal; } } .mega-menu .menu-logo > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.8125em; /*padding: 0 20px 0 45px;*/ line-height: 50px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } .mega-menu .menu-logo > li > a:hover { /*-------------------------------------- HOVER MENU LOGO */ /*background-color: #00a9da;*/ } @media screen and (max-width: 992px) { .mega-menu .menu-logo > li > a { line-height: normal; padding-top: 16px; padding-bottom: 16px; position: relative; z-index: 10; width: auto; } } .mega-menu .menu-logo > li > a i.fa { /*--------------------------------------- LOGO ICON */ padding: 0; display: inline-block; font-size: 1.25em; position: absolute; top: 0; left: 20px; bottom: 0; margin: auto 0; line-height: 50px; } .mega-menu .menu-logo > li > a img { /*--------------------------------------- LOGO IMAGE ICON */ /* width: 20px; height: 20px; position: absolute; top: 0; left: 15px; bottom: 0; margin: auto 0;*/ } .mega-menu .menu-links { /*---------------------------------------- MENU LINKS */ margin: 0; padding: 0; display: block; float: right; } @media screen and (max-width: 992px) { .mega-menu .menu-links { width: 100%; background: #fff; } } @media screen and (min-width: 993px) { .mega-menu .menu-links { display: block !important; max-height: 100% !important; overflow: visible !important; } .mega-menu .menu-links.menu-links-align-right { /*------------------------------------------ MENU LINKS ALIGN RIGHT */ float: right; } } .mega-menu .menu-links > li { margin: 0; padding: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; font-size: 1em; } @media screen and (max-width: 992px) { .mega-menu .menu-links > li { width: 100%; position: relative; cursor: pointer; line-height: normal; border-bottom: 1px solid #f3f3f3; z-index: 50; } .mega-menu .menu-links > li.activeTriggerMobile { /*background-color: #00a9da;*/ } } @media screen and (min-width: 993px) { .mega-menu .menu-links > li.activeTrigger { background-color: #00a9da; } } .mega-menu .menu-links > li.active a { /*------------------------------------- ACTIVE CLASS MENU LINKS */ background-color: transparent; color: #00a9da; } .mega-menu .menu-links > li:hover { /*-------------------------------------- HOVER MENU LINKS */ background-color: transparent; color: #00a9da; } .mega-menu .menu-links > li > a { margin: 0; padding: 0 13px; display: inline-block; float: none; width: 100%; color: #ffffff; font-size: 0.933em; line-height: 64px; position: relative; } .mega-menu .menu-links > li > a:hover { color: #00a9da; } @media screen and (max-width: 992px) { .mega-menu .menu-links > li > a { width: auto; line-height: normal; padding-top: 10px; padding-bottom: 10px; position: static; padding-right: 10px; z-index: 20; color: #363636; } } .mega-menu .menu-links > li > a i.fa { /*---------------------------------------------------- MENU LINKS ICONS*/ font-size: 1em; line-height: 0.8125em; padding-right: 2px; } .mega-menu .menu-links > li > a i.fa.fa-indicator { padding-right: 0; padding-left: 2px; } @media screen and (max-width: 992px) { .mega-menu .menu-links > li > a i.fa.fa-indicator { float: right; position: absolute; right: 20px; top: 0; bottom: 0; line-height: 50px; height: 50px; z-index: -1; } } .mega-menu .menu-social-bar { /*---------------------------------------------- MENU SOCIAL BAR */ margin: 0; display: block; float: left; padding: 0 10px; } @media screen and (min-width: 993px) { .mega-menu .menu-social-bar { display: block !important; } } @media screen and (min-width: 993px) { .mega-menu .menu-social-bar.menu-social-bar-right { float: right; } } @media screen and (max-width: 992px) { .mega-menu .menu-social-bar { width: 100%; text-align: center; } } .mega-menu .menu-social-bar > li { margin: 0; padding: 0; display: block; float: left; font-size: 1em; line-height: 50px; } .mega-menu .menu-social-bar > li[data-color='blue'] > a:hover { background-color: #3b5998; } .mega-menu .menu-social-bar > li[data-color='sky-blue'] > a:hover { background-color: #2caae1; } .mega-menu .menu-social-bar > li[data-color='orange'] > a:hover { background-color: #dd4b39; } .mega-menu .menu-social-bar > li[data-color='red'] > a:hover { background-color: #bd081c; } @media screen and (max-width: 992px) { .mega-menu .menu-social-bar > li { float: none; display: inline-block; margin-bottom: -5px; } } .mega-menu .menu-social-bar > li > a { margin: 0; display: inline-block; float: left; width: 100%; color: #ffffff; font-size: 0.875em; padding: 0 5px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; line-height: 50px; } @media screen and (max-width: 992px) { .mega-menu .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; } } .mega-menu .menu-social-bar > li > a i.fa { margin: 0; padding: 0; display: inline-block; float: left; width: 100%; font-size: 1.125em; line-height: 50px; } .mega-menu .menu-search-bar { /*--------------------------------------------------- MENU SEARCH BAR */ margin: 0; padding: 0; display: block; float: right; position: relative; height: 50px; } @media screen and (min-width: 993px) { .mega-menu .menu-search-bar.menu-search-bar-left { float: left; } } @media screen and (max-width: 992px) { .mega-menu .menu-search-bar { width: 100%; position: absolute; top: 0; right: 0; } } .mega-menu .menu-search-bar li, .mega-menu .menu-search-bar form, .mega-menu .menu-search-bar label { margin: 0; padding: 0; display: block; float: left; width: 100%; line-height: 50px; } .mega-menu .menu-search-bar li:hover i.fa.fa-search { background: #00a9da; } .mega-menu .menu-search-bar input { max-width: 0; width: 100%; margin: 0; padding: 5px 50px 5px 0; font-size: 0.8125em; -webkit-transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; transition: max-width 400ms ease, background 400ms ease, padding-left 400ms ease; height: 50px; display: block; background: none; color: #ffffff; font-weight: 400; } .mega-menu .menu-search-bar input:focus { max-width: 170px; background: #00a9da; padding-left: 20px; } @media screen and (max-width: 992px) { .mega-menu .menu-search-bar input:focus { max-width: 100%; position: relative; z-index: 20; } } .mega-menu .menu-search-bar i.fa.fa-search { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; text-align: center; line-height: 50px; color: #ffffff; cursor: text; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 40; } .mega-menu .menu-search-bar :-moz-placeholder { opacity: 1 !important; color: #ffffff !important; } .mega-menu .menu-search-bar ::-moz-placeholder { opacity: 1 !important; color: #ffffff !important; } .mega-menu .menu-search-bar :-ms-input-placeholder { opacity: 1 !important; color: #ffffff !important; } .mega-menu .menu-search-bar ::-webkit-input-placeholder { opacity: 1 !important; color: #ffffff !important; } @media screen and (max-width: 992px) { .mega-menu .menu-search-bar.active input { padding-right: 150px; } .mega-menu .menu-search-bar.active i.fa.fa-search { right: 70px; } } .mega-menu .menu-mobile-collapse-trigger { /*------------------------------------------------------ MOBILE COLLAPSE TRIGGER BUTTON */ margin: 0; padding: 0; height: 50px; width: 35px; background: transparent; display: none; position: absolute; top: 0; right: 0; z-index: 100; float: right; cursor: pointer; -webkit-transition: background 200ms ease; transition: background 200ms ease; } .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; } .mega-menu .menu-mobile-collapse-trigger:before, .mega-menu .menu-mobile-collapse-trigger:after, .mega-menu .menu-mobile-collapse-trigger span { content: ""; display: block; height: 2px; width: 26px; background: #ffffff; position: absolute; top: 13px; border-radius: 3px; left: 0; right: 0; margin: 0 auto; -webkit-transition: -webkit-transform 400ms ease 0s, opacity 400ms ease; transition: transform 400ms ease 0s, opacity 400ms ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 0px 50% 0px; -ms-transform-origin: 0px 50% 0px; transform-origin: 0px 50% 0px; } .home-2 .mega-menu .menu-mobile-collapse-trigger:before, .home-2 .mega-menu .menu-mobile-collapse-trigger:after, .home-2 .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } .mega-menu .menu-mobile-collapse-trigger:after { top: 27px; } .mega-menu .menu-mobile-collapse-trigger span { top: 20px; } .mega-menu .menu-mobile-collapse-trigger.active span { opacity: 0; } .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } @media screen and (max-width: 992px) { .mega-menu .menu-mobile-collapse-trigger { display: block; } } .mega-menu .drop-down-multilevel { /*-------------------------------------------------- DROP DOWN MULTILEVEL */ margin: 0; padding: 0; display: block; position: absolute; top: auto; left: auto; right: auto; z-index: 50; width: 100%; background: #ffffff; float: left; max-width: 200px; } .mega-menu .drop-down-multilevel * { color: #323232; } @media screen and (min-width: 993px) { .mega-menu .drop-down-multilevel { display: block !important; opacity: 0; visibility: hidden; border-top: 5px solid #00a9da; box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.05); border-bottom: 0px; } } @media screen and (max-width: 992px) { .mega-menu .drop-down-multilevel { max-width: 100% !important; position: relative; left: 0; top: 0; padding: 10px; display: none; } } .mega-menu .drop-down-multilevel li { margin: 0; padding: 0; display: block; float: left; border-bottom: 1px solid #f3f3f3; width: 100%; position: relative; -webkit-transition: background 200ms ease; transition: background 200ms ease; z-index: 50; } .mega-menu .drop-down-multilevel li:last-child { border-bottom: 0px; } .mega-menu .drop-down-multilevel li:hover { background: #eceff7; } .mega-menu .drop-down-multilevel li:hover > a { color: #00a9da; } .mega-menu .drop-down-multilevel li:hover > a i.fa { color: #00a9da; } @media screen and (min-width: 993px) { .mega-menu .drop-down-multilevel li.activeTrigger { background: #00a9da; } .mega-menu .drop-down-multilevel li.activeTrigger > a { color: #ffffff; } .mega-menu .drop-down-multilevel li.activeTrigger > a i.fa { color: #ffffff; } } @media screen and (max-width: 992px) { .mega-menu .drop-down-multilevel li.activeTriggerMobile { background: #00a9da; } .mega-menu .drop-down-multilevel li.activeTriggerMobile > a { color: #ffffff; } .mega-menu .drop-down-multilevel li.activeTriggerMobile > a i.fa { color: #ffffff; } } .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #323232; } .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #00a9da; } .mega-menu .drop-down-multilevel a { margin: 0; padding: 15px 20px; font-size: 0.8125em; display: inline-block; float: left; width: 100%; color: #323232; -webkit-transition: color 200ms ease; transition: color 200ms ease; min-height: 48px; } @media screen and (max-width: 992px) { /* .mega-menu .drop-down-multilevel a { width: auto; }*/ } .mega-menu .drop-down-multilevel i.fa { float: left; line-height: 1.375em; font-size: 1em; display: block; padding-right: 10px; -webkit-transition: color 200ms ease; transition: color 200ms ease; } .mega-menu .drop-down-multilevel i.fa.fa-indicator { float: right; line-height: 1.375em; font-size: 1em; display: block; padding-left: 10px; padding-right: 0; } @media screen and (max-width: 992px) { .mega-menu .drop-down-multilevel i.fa.fa-indicator { float: right; height: 50px; position: absolute; top: 0; right: 20px; line-height: 50px; z-index: -1; } } .mega-menu .drop-down-multilevel .drop-down-multilevel { /*------------------------------------------------------ SECOND LEVEL */ left: 100%; top: 0; } @media screen and (min-width: 993px) { .mega-menu .drop-down-multilevel .drop-down-multilevel.left-side { /*--------------------------------------------------- ALIGN SECOND LEVEL DROP DOWN LEFT SIDE */ left: -100%; } } @media screen and (max-width: 992px) { .mega-menu .drop-down-multilevel .drop-down-multilevel { left: 0; border: 1px solid #cccccc; } } .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { /*--------------------------------------------------------- GRID DROP DOWN */ position: absolute; left: auto; top: auto; right: auto; background: #ffffff; float: left; padding: 10px; z-index: 999; display: block; cursor: default; overflow: hidden; /*-------------------------------------------------------- 12 COLUMNS FLUID GRID WITH NESTED COLUMNS */ } .mega-menu .drop-down *, .mega-menu .drop-down-tab-bar * { color: #323232; } @media screen and (min-width: 993px) { .mega-menu .drop-down.menu-bg, .mega-menu .drop-down-tab-bar { background: rgba(255, 255, 255, 1) url(../images/bg/17.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .mega-menu .drop-down.menu-bg [class*="grid-col-"] { padding:10px 10px 0; } .mega-menu .rev-slider { background: #fff; padding: 7px 12px; } .mega-menu .rev-slider p { display: inline-block; padding: 0px 10px; margin-bottom: 0px !important; line-height: 0px !important; } .mega-menu .rev-slider a { display: inline-block; font-size: 13px !important; color: #01a9da; width: inherit !important; padding: 5px 0px; } .mega-menu .rev-slider a:hover { color: #323232 !important; } } @media screen and (min-width: 993px) { .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { display: block !important; opacity: 0; visibility: hidden; border-top:5px solid #00a9da; border-radius: 0px !important; box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.05); } } @media screen and (max-width: 992px) { .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { width: 100% !important; top: 0; left: 0; position: relative; display: none; } } .mega-menu .drop-down .grid-row, .mega-menu .drop-down-tab-bar .grid-row { margin: 0; padding: 0; min-height: 1px; width: 100%; float: left; clear: both; } .mega-menu .drop-down [class*="grid-col-"], .mega-menu .drop-down-tab-bar [class*="grid-col-"] { margin: 0; float: left; padding: 10px; position: relative; } .mega-menu .drop-down .grid-col-1, .mega-menu .drop-down-tab-bar .grid-col-1 { width: 8.333333333333333%; } .mega-menu .drop-down .grid-col-2, .mega-menu .drop-down-tab-bar .grid-col-2 { width: 16.66666666666667%; } .mega-menu .drop-down .grid-col-3, .mega-menu .drop-down-tab-bar .grid-col-3 { width: 25%; } .mega-menu .drop-down .grid-col-4, .mega-menu .drop-down-tab-bar .grid-col-4 { width: 33.33333333333333%; } .mega-menu .drop-down .grid-col-5, .mega-menu .drop-down-tab-bar .grid-col-5 { width: 41.66666666666667%; } .mega-menu .drop-down .grid-col-6, .mega-menu .drop-down-tab-bar .grid-col-6 { width: 50%; } .mega-menu .drop-down .grid-col-7, .mega-menu .drop-down-tab-bar .grid-col-7 { width: 58.33333333333333%; } .mega-menu .drop-down .grid-col-8, .mega-menu .drop-down-tab-bar .grid-col-8 { width: 66.66666666666667%; } .mega-menu .drop-down .grid-col-9, .mega-menu .drop-down-tab-bar .grid-col-9 { width: 75%; } .mega-menu .drop-down .grid-col-10, .mega-menu .drop-down-tab-bar .grid-col-10 { width: 83.33333333333333%; } .mega-menu .drop-down .grid-col-11, .mega-menu .drop-down-tab-bar .grid-col-11 { width: 91.66666666666667%; } .mega-menu .drop-down .grid-col-12, .mega-menu .drop-down-tab-bar .grid-col-12 { width: 100%; } .mega-menu .drop-down.grid-col-1, .mega-menu .drop-down-tab-bar.grid-col-1 { width: 8.333333333333333%; } .mega-menu .drop-down.grid-col-2, .mega-menu .drop-down-tab-bar.grid-col-2 { width: 16.66666666666667%; } .mega-menu .drop-down.grid-col-3, .mega-menu .drop-down-tab-bar.grid-col-3 { width: 25%; } .mega-menu .drop-down.grid-col-4, .mega-menu .drop-down-tab-bar.grid-col-4 { width: 33.33333333333333%; } .mega-menu .drop-down.grid-col-5, .mega-menu .drop-down-tab-bar.grid-col-5 { width: 41.66666666666667%; } .mega-menu .drop-down.grid-col-6, .mega-menu .drop-down-tab-bar.grid-col-6 { width: 50%; } .mega-menu .drop-down.grid-col-7, .mega-menu .drop-down-tab-bar.grid-col-7 { width: 58.33333333333333%; } .mega-menu .drop-down.grid-col-8, .mega-menu .drop-down-tab-bar.grid-col-8 { width: 66.66666666666667%; } .mega-menu .drop-down.grid-col-9, .mega-menu .drop-down-tab-bar.grid-col-9 { width: 75%; } .mega-menu .drop-down.grid-col-10, .mega-menu .drop-down-tab-bar.grid-col-10 { width: 83.33333333333333%; } .mega-menu .drop-down.grid-col-11, .mega-menu .drop-down-tab-bar.grid-col-11 { width: 91.66666666666667%; } .mega-menu .drop-down.grid-col-12, .mega-menu .drop-down-tab-bar.grid-col-12 { width: 100%; left: 0; } @media screen and (max-width: 992px) { .mega-menu .drop-down [class*="grid-col-"], .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 50%; } } @media screen and (max-width: 992px) { .mega-menu .drop-down [class*="grid-col-"], .mega-menu .drop-down-tab-bar [class*="grid-col-"] { width: 100%; } } .mega-menu .drop-down.grid-demo span, .mega-menu .drop-down-tab-bar.grid-demo span { float: left; display: inline-block; width: 100%; padding: 4px 6px; background: #bfbfbf; font-size: 0.75em; color: #323232; } .mega-menu .drop-down .space-0, .mega-menu .drop-down-tab-bar .space-0 { /*--------------------------------------------------------- SPACE 0 CLASS */ padding: 0 !important; margin: 0 !important; } .mega-menu .drop-down a, .mega-menu .drop-down-tab-bar a { font-size: 0.8125em; display: inline-block; padding: 8px 0; width: 100%; max-width: 100%; } .mega-menu .drop-down h1, .mega-menu .drop-down h2, .mega-menu .drop-down h3, .mega-menu .drop-down h4, .mega-menu .drop-down h5, .mega-menu .drop-down h6, .mega-menu .drop-down-tab-bar h1, .mega-menu .drop-down-tab-bar h2, .mega-menu .drop-down-tab-bar h3, .mega-menu .drop-down-tab-bar h4, .mega-menu .drop-down-tab-bar h5, .mega-menu .drop-down-tab-bar h6 { margin-top: 0; font-weight: 700; } .mega-menu .drop-down h1, .mega-menu .drop-down-tab-bar h1 { font-size: 1.5em; line-height: 1; padding-top: 0.53em; margin-bottom: 0.5em; } .mega-menu .drop-down h2, .mega-menu .drop-down-tab-bar h2 { font-size: 1.375em; padding-top: 0.25em; margin-bottom: 0.5em; } .mega-menu .drop-down h3, .mega-menu .drop-down-tab-bar h3 { font-size: 1.125em; line-height: 1; padding-top: 0.35em; margin-bottom: 0.65em; } .mega-menu .drop-down h4, .mega-menu .drop-down-tab-bar h4 { font-size: 1em; line-height: 1.25; padding-top: 0.45em; margin-bottom: 0px; padding-left: 8px; letter-spacing: 0px; } .mega-menu .drop-down h5, .mega-menu .drop-down-tab-bar h5 { font-size: 0.875em; font-weight: bold; padding-top: 0.6em; margin-bottom: 0.9em; } .mega-menu .drop-down h6, .mega-menu .drop-down-tab-bar h6 { font-size: 0.75em; font-weight: bold; margin-bottom: 0; } .mega-menu .drop-down figure img, .mega-menu .drop-down-tab-bar figure img { width: 100%; height: auto; display: block; } .mega-menu .drop-down figcaption, .mega-menu .drop-down-tab-bar figcaption { font-size: small; font-style: italic; color: #666666; } .mega-menu .drop-down ul, .mega-menu .drop-down ol, .mega-menu .drop-down dl, .mega-menu .drop-down-tab-bar ul, .mega-menu .drop-down-tab-bar ol, .mega-menu .drop-down-tab-bar dl { padding: 0; margin: 0 0 14px; } .mega-menu .drop-down form, .mega-menu .drop-down-tab-bar form { margin-bottom: 1.5em; } .mega-menu .drop-down form ul, .mega-menu .drop-down-tab-bar form ul { list-style: none none; margin: 0; padding: 0; } .mega-menu .drop-down form ul li, .mega-menu .drop-down-tab-bar form ul li { *zoom: 1; margin-bottom: 1.5em; } .mega-menu .drop-down form ul li:before, .mega-menu .drop-down form ul li:after, .mega-menu .drop-down-tab-bar form ul li:before, .mega-menu .drop-down-tab-bar form ul li:after { content: ""; display: table; } .mega-menu .drop-down form ul li:after, .mega-menu .drop-down-tab-bar form ul li:after { clear: both; } .mega-menu .drop-down fieldset, .mega-menu .drop-down-tab-bar fieldset { margin: 0; padding: 1.5em; } .mega-menu .drop-down label, .mega-menu .drop-down-tab-bar label { display: block; } .mega-menu .drop-down label.inline, .mega-menu .drop-down-tab-bar label.inline { display: inline; padding-right: 24px; } .mega-menu .drop-down input[type="text"], .mega-menu .drop-down input[type="url"], .mega-menu .drop-down input[type="email"], .mega-menu .drop-down input[type="password"], .mega-menu .drop-down input[type="search"], .mega-menu .drop-down input[type="number"], .mega-menu .drop-down input[type="date"], .mega-menu .drop-down input[type="month"], .mega-menu .drop-down input[type="week"], .mega-menu .drop-down input[type="time"], .mega-menu .drop-down input[type="datetime"], .mega-menu .drop-down input[type="datetime-local"], .mega-menu .drop-down input[type="tel"], .mega-menu .drop-down textarea, .mega-menu .drop-down-tab-bar input[type="text"], .mega-menu .drop-down-tab-bar input[type="url"], .mega-menu .drop-down-tab-bar input[type="email"], .mega-menu .drop-down-tab-bar input[type="password"], .mega-menu .drop-down-tab-bar input[type="search"], .mega-menu .drop-down-tab-bar input[type="number"], .mega-menu .drop-down-tab-bar input[type="date"], .mega-menu .drop-down-tab-bar input[type="month"], .mega-menu .drop-down-tab-bar input[type="week"], .mega-menu .drop-down-tab-bar input[type="time"], .mega-menu .drop-down-tab-bar input[type="datetime"], .mega-menu .drop-down-tab-bar input[type="datetime-local"], .mega-menu .drop-down-tab-bar input[type="tel"], .mega-menu .drop-down-tab-bar textarea { display: block; width: 100%; margin: 0 0 0.75em; padding: 10px; font-size: 0.8125em; border: 1px solid #e8e8e8; line-height: 1.5em; font-family: "Open Sans", sans-serif; } .mega-menu .drop-down select, .mega-menu .drop-down-tab-bar select { width: 100%; height: 2.1em; margin-bottom: 0.9em; border: 1px solid #cccccc; font-family: "Open Sans", sans-serif; } .mega-menu .drop-down input[type="range"], .mega-menu .drop-down input[type="color"], .mega-menu .drop-down-tab-bar input[type="range"], .mega-menu .drop-down-tab-bar input[type="color"] { vertical-align: middle; height: 1.5em; width: 100%; font-family: "Open Sans", sans-serif; } .mega-menu .drop-down input[type="range"], .mega-menu .drop-down-tab-bar input[type="range"] { height: 1.4em; } .mega-menu .drop-down input[type="color"], .mega-menu .drop-down-tab-bar input[type="color"] { width: 1.5em; font-family: "Open Sans", sans-serif; } .mega-menu .drop-down input[type="time"], .mega-menu .drop-down-tab-bar input[type="time"] { margin: 0 0 0.55em; } .mega-menu .drop-down progress, .mega-menu .drop-down meter, .mega-menu .drop-down-tab-bar progress, .mega-menu .drop-down-tab-bar meter { display: block; width: 100%; height: 1.5em; } .mega-menu .drop-down table, .mega-menu .drop-down-tab-bar table { margin-bottom: 1.4em; width: 100%; border: 1px solid #cccccc; } .mega-menu .drop-down thead, .mega-menu .drop-down-tab-bar thead { text-align: left; font-weight: bold; } .mega-menu .drop-down tbody tr:nth-child(even) td, .mega-menu .drop-down-tab-bar tbody tr:nth-child(even) td { background: #dddddd; } .mega-menu .drop-down tfoot, .mega-menu .drop-down-tab-bar tfoot { font-style: italic; } .mega-menu .drop-down tfoot td, .mega-menu .drop-down tfoot th, .mega-menu .drop-down-tab-bar tfoot td, .mega-menu .drop-down-tab-bar tfoot th { padding: 0.75em 10px; } .mega-menu .drop-down th, .mega-menu .drop-down td, .mega-menu .drop-down caption, .mega-menu .drop-down-tab-bar th, .mega-menu .drop-down-tab-bar td, .mega-menu .drop-down-tab-bar caption { border: 1px solid #cccccc; } .mega-menu .drop-down td, .mega-menu .drop-down th, .mega-menu .drop-down-tab-bar td, .mega-menu .drop-down-tab-bar th { padding: 0 10px 0 10px; line-height: 1.45em; } .mega-menu .drop-down caption, .mega-menu .drop-down-tab-bar caption { border-bottom: 0; padding: 0.75em 10px; line-height: 1.45em; text-align: left; font-style: italic; } .mega-menu .drop-down p, .mega-menu .drop-down-tab-bar p { margin: 0 0 1.5em 0; font-size: 0.8125em; } .mega-menu .drop-down blockquote, .mega-menu .drop-down-tab-bar blockquote { margin: 0 1.5em 1.5em; font-style: italic; } .mega-menu .drop-down mark, .mega-menu .drop-down-tab-bar mark { line-height: 1.5; background: #78aace; color: #ffffff; } .mega-menu .drop-down del, .mega-menu .drop-down-tab-bar del { color: #dddddd; } .mega-menu .drop-down code, .mega-menu .drop-down kbd, .mega-menu .drop-down pre, .mega-menu .drop-down samp, .mega-menu .drop-down-tab-bar code, .mega-menu .drop-down-tab-bar kbd, .mega-menu .drop-down-tab-bar pre, .mega-menu .drop-down-tab-bar samp { font-family: "Open Sans", sans-serif; } .mega-menu .drop-down ins, .mega-menu .drop-down small, .mega-menu .drop-down-tab-bar ins, .mega-menu .drop-down-tab-bar small { line-height: 1.5; } .mega-menu .drop-down kbd, .mega-menu .drop-down samp, .mega-menu .drop-down-tab-bar kbd, .mega-menu .drop-down-tab-bar samp { line-height: 1.4; } .mega-menu .drop-down hr, .mega-menu .drop-down-tab-bar hr { background: #cccccc; color: #cccccc; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none; } .mega-menu .drop-down input[type="submit"], .mega-menu .drop-down input[type="button"], .mega-menu .drop-down-tab-bar input[type="submit"], .mega-menu .drop-down-tab-bar input[type="button"] { background: #00a9da; padding: 10px 20px; margin: 5px 10px 0 0; font-family: "Open Sans", sans-serif; line-height: 1.5em; font-weight: 600; font-size: 0.8125em; color: #ffffff; border-radius: 0; display: block; float: left; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } .mega-menu .drop-down input[type="submit"]:hover, .mega-menu .drop-down input[type="button"]:hover, .mega-menu .drop-down-tab-bar input[type="submit"]:hover, .mega-menu .drop-down-tab-bar input[type="button"]:hover { background-color: #333333; } @media screen and (max-width: 992px) { .mega-menu .drop-down input[type="submit"], .mega-menu .drop-down input[type="button"], .mega-menu .drop-down-tab-bar input[type="submit"], .mega-menu .drop-down-tab-bar input[type="button"] { width: 100%; } } .mega-menu .drop-down a, .mega-menu .drop-down-tab-bar a { -webkit-transition: color 200ms ease; transition: color 200ms ease; } .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover { color: #00a9da; } .mega-menu .drop-down a i, .mega-menu .drop-down-tab-bar a i { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i { color: #00a9da; } @media screen and (max-width: 992px) { .mega-menu .drop-down a, .mega-menu .drop-down-tab-bar a { width: auto; } } /*.mega-menu .drop-down ::-moz-selection, .mega-menu .drop-down-tab-bar ::-moz-selection { background: #ffb9ad; } .mega-menu .drop-down ::selection, .mega-menu .drop-down-tab-bar ::selection { background: #ffb9ad; }*/ .mega-menu .drop-down .list-description span, .mega-menu .drop-down-tab-bar .list-description span { color: #aeaeae; display: inline-block; width: 100%; } .mega-menu .drop-down .image-description, .mega-menu .drop-down-tab-bar .image-description { position: relative; } .mega-menu .drop-down .image-description img, .mega-menu .drop-down-tab-bar .image-description img { display: inline-block; float: left; max-width: 100%; position: absolute; left: 0; right: 0; height: 40px; width: 40px; } .mega-menu .drop-down .image-description a, .mega-menu .drop-down-tab-bar .image-description a { padding-left: 50px; } .mega-menu .drop-down .image-description span, .mega-menu .drop-down-tab-bar .image-description span { color: #aeaeae; display: inline-block; width: 100%; } .mega-menu .drop-down i.fa, .mega-menu .drop-down-tab-bar i.fa { padding-right: 10px; } .mega-menu .drop-down iframe, .mega-menu .drop-down-tab-bar iframe { width: 100%; display: block; float: left; margin: 0; padding: 0; border: none; } @media screen and (min-width: 993px) { .mega-menu .drop-down.offset-1, .mega-menu .drop-down-tab-bar.offset-1 { /*------------------------------------------- OFFSET CLASSES FOR DROP DOWN */ margin-left: 100px; } .mega-menu .drop-down.offset-2, .mega-menu .drop-down-tab-bar.offset-2 { margin-left: -150px; } .mega-menu .drop-down.offset-3, .mega-menu .drop-down-tab-bar.offset-3 { margin-left: -200px; } .mega-menu .drop-down.offset-4, .mega-menu .drop-down-tab-bar.offset-4 { margin-left: -250px; } .mega-menu .drop-down.offset-5, .mega-menu .drop-down-tab-bar.offset-5 { margin-left: -300px; } } .mega-menu .drop-down .menu-contact-form, .mega-menu .drop-down-tab-bar .menu-contact-form { /*------------------------------------------------------- MENU CONTACT FORM */ margin: 0; display: block; float: left; width: 100%; background: #f7f7f7; padding: 20px; } .mega-menu .mobileTriggerButton { /*---------------------------------------------------- MOBILE CLICK TRIGGER JQUERY DIV */ margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; height: 50px; display: none; z-index: -1; } @media screen and (max-width: 992px) { .mega-menu .mobileTriggerButton { display: block; } } .mega-menu .desktopTriggerButton { /*--------------------------------------------------- DESKTOP CLICK TRIGGER JQUERY DIV */ margin: 0; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: block; opacity: .2; } @media screen and (max-width: 992px) { .mega-menu .desktopTriggerButton { display: none; } } @media screen and (min-width: 993px) { .mega-menu.desktopTopFixed .menu-list-items { /*--------------------------------------------------------- TOP FIXED FOR DESKTOP */ position: fixed; top: 0; left: 0; right: 0; max-width: 100%; padding: 0px 10px; background: #323232; } .mega-menu.desktopTopFixed .menu-list-items .drop-down.grid-col-12, .mega-menu.desktopTopFixed .menu-list-items .drop-down-tab-bar.grid-col-12 { width: 100%; margin: 0px; } .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { height: 40px; padding-top: 0px; margin: 15px 0px; /*width: 75%;*/ } .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 72px; } } @media screen and (max-width: 992px) { .mega-menu.mobileTopFixed .menu-list-items { /*--------------------------------------------------------- TOP FIXED FOR MOBILE */ position: fixed; top: 0; left: 0; right: 0; max-width: 100%; } } .mega-menu .drop-down-tab-bar { /*----------------------------------------------------------- DROP DOWN TAB BAR */ margin: 0; padding: 10px; float: left; } .mega-menu .drop-down-tab-bar li { float: left; margin: 0; padding: 0; display: block; } @media screen and (max-width: 992px) { .mega-menu .drop-down-tab-bar li { width: 100%; position: relative; } } .mega-menu .drop-down-tab-bar a { float: left; width: 100%; display: inline-block; padding: 5px 10px; font-size: 0.8125em; } @media screen and (max-width: 992px) { .mega-menu .drop-down-tab-bar a { width: auto; padding-right: 20px; } } .mega-menu .drop-down-tab-bar i.fa { display: inline-block; padding-right: 5px; } .mega-menu .drop-down-tab-bar i.fa.fa-indicator { padding-right: 0; padding-left: 10px; line-height: 0.8125em; } @media screen and (max-width: 992px) { .mega-menu .drop-down-tab-bar i.fa.fa-indicator { float: right; position: absolute; right: 12px; top: 0; bottom: 0; line-height: 25px; } } @media screen and (min-width: 993px) { .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-scale, .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-scale, .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-scale, .mega-menu .menu-links li.ClickTrigger .drop-down.effect-scale, .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-scale, .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-scale { /*--------------------------------------------- effect scale */ -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-top, .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-top, .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-top, .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-top, .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-top, .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-top { /*--------------------------------------------- effect expand top*/ -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-bottom, .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-bottom, .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-bottom, .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-bottom, .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-bottom, .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-bottom { /*--------------------------------------------- effect expand bottom*/ -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-left, .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-left, .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-left, .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-left, .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-left, .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-left { /*--------------------------------------------- effect expand left*/ -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .mega-menu .menu-links li.hoverTrigger > .drop-down.effect-expand-right, .mega-menu .menu-links li.hoverTrigger > .drop-down-tab-bar.effect-expand-right, .mega-menu .menu-links li.hoverTrigger > .drop-down-multilevel.effect-expand-right, .mega-menu .menu-links li.ClickTrigger .drop-down.effect-expand-right, .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.effect-expand-right, .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.effect-expand-right { /*--------------------------------------------- effect expand right*/ -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .mega-menu .menu-links li.hoverTrigger:hover > .drop-down, .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar, .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel, .mega-menu .menu-links li.ClickTrigger .drop-down.active, .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active, .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active { -webkit-transition-delay: 200ms !important; transition-delay: 200ms !important; } .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-fade, .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-fade, .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-fade, .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-fade, .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-fade, .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-fade { /*------------------------------------------- DROP DOWN EFFECTS :::: fade-effect */ opacity: 1; visibility: visible; } .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-scale, .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-scale, .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-scale, .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-scale, .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-scale, .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-scale { /*--------------------------------------------- effect scale */ opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-top, .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-top, .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-top, .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-top, .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-top, .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-top { /*--------------------------------------------- effect expand top*/ opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-bottom, .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-bottom, .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-bottom, .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-bottom, .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-bottom, .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-bottom { /*--------------------------------------------- effect expand bottom*/ opacity: 1; visibility: visible; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-left, .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-left, .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-left, .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-left, .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-left, .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-left { /*--------------------------------------------- effect expand left*/ opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .mega-menu .menu-links li.hoverTrigger:hover > .drop-down.effect-expand-right, .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-tab-bar.effect-expand-right, .mega-menu .menu-links li.hoverTrigger:hover > .drop-down-multilevel.effect-expand-right, .mega-menu .menu-links li.ClickTrigger .drop-down.active.effect-expand-right, .mega-menu .menu-links li.ClickTrigger .drop-down-tab-bar.active.effect-expand-right, .mega-menu .menu-links li.ClickTrigger .drop-down-multilevel.active.effect-expand-right { /*--------------------------------------------- effect expand right */ opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @media screen and (max-width: 992px) { .mega-menu .menu-links li .drop-down, .mega-menu .menu-links li .drop-down-tab-bar, .mega-menu .menu-links li .drop-down-multilevel { -webkit-transition: none !important; transition: none !important; } } @media screen and (min-width: 993px) { .mega-menu.vertical-left, .mega-menu.vertical-right { /*----------------------------------------------------- VERTICAL LEFT OR VERTICAL RIGHT */ float: left; width: auto; display: block; max-width: 250px; } .mega-menu.vertical-left .menu-logo, .mega-menu.vertical-right .menu-logo { clear: both; width: 100%; } .mega-menu.vertical-left .menu-logo > li, .mega-menu.vertical-right .menu-logo > li { width: 100%; } .mega-menu.vertical-left .menu-logo > li > a, .mega-menu.vertical-right .menu-logo > li > a { width: 100%; } .mega-menu.vertical-left .menu-links, .mega-menu.vertical-right .menu-links { clear: both; width: 100%; } .mega-menu.vertical-left .menu-links > li, .mega-menu.vertical-right .menu-links > li { clear: both; width: 100%; position: relative; } .mega-menu.vertical-left .menu-links > li > a, .mega-menu.vertical-right .menu-links > li > a { width: 100%; position: relative; line-height: 48px; } .mega-menu.vertical-left .menu-links > li > a i.fa.fa-indicator, .mega-menu.vertical-right .menu-links > li > a i.fa.fa-indicator { float: right; line-height: 48px; } .mega-menu.vertical-left .menu-social-bar, .mega-menu.vertical-right .menu-social-bar { width: 100%; text-align: center; } .mega-menu.vertical-left .menu-social-bar > li, .mega-menu.vertical-right .menu-social-bar > li { display: inline-block; float: none; } .mega-menu.vertical-left .menu-social-bar > li > a, .mega-menu.vertical-right .menu-social-bar > li > a { padding-left: 10px; padding-right: 10px; } .mega-menu.vertical-left .drop-down-multilevel, .mega-menu.vertical-right .drop-down-multilevel { top: 0; left: 100%; } .mega-menu.vertical-left .drop-down, .mega-menu.vertical-left .drop-down-tab-bar, .mega-menu.vertical-right .drop-down, .mega-menu.vertical-right .drop-down-tab-bar { left: 100%; top: 0; min-width: 600px; } .mega-menu.vertical-left .drop-down.grid-col-12, .mega-menu.vertical-left .drop-down-tab-bar.grid-col-12, .mega-menu.vertical-right .drop-down.grid-col-12, .mega-menu.vertical-right .drop-down-tab-bar.grid-col-12 { min-width: 1000px; } .mega-menu.vertical-left .offset-1, .mega-menu.vertical-left .offset-2, .mega-menu.vertical-left .offset-3, .mega-menu.vertical-left .offset-4, .mega-menu.vertical-left .offset-5, .mega-menu.vertical-right .offset-1, .mega-menu.vertical-right .offset-2, .mega-menu.vertical-right .offset-3, .mega-menu.vertical-right .offset-4, .mega-menu.vertical-right .offset-5 { margin-left: 0; } .mega-menu.vertical-left .offset-1-vertical, .mega-menu.vertical-right .offset-1-vertical { margin-top: -100px !important; } .mega-menu.vertical-left .offset-2-vertical, .mega-menu.vertical-right .offset-2-vertical { margin-top: -150px !important; } .mega-menu.vertical-left .offset-3-vertical, .mega-menu.vertical-right .offset-3-vertical { margin-top: -200px !important; } .mega-menu.vertical-left .offset-4-vertical, .mega-menu.vertical-right .offset-4-vertical { margin-top: -250px !important; } .mega-menu.vertical-left .offset-5-vertical, .mega-menu.vertical-right .offset-5-vertical { margin-top: -300px !important; } .mega-menu.vertical-left.desktopTopFixed, .mega-menu.vertical-right.desktopTopFixed { float: left; right: auto; padding: 0; height: 100%; } .mega-menu.vertical-left.desktopTopFixed .menu-list-items, .mega-menu.vertical-right.desktopTopFixed .menu-list-items { padding: 0; height: 100%; } .mega-menu.vertical-left.desktopTopFixed .drop-down, .mega-menu.vertical-left.desktopTopFixed .drop-down-tab-bar, .mega-menu.vertical-right.desktopTopFixed .drop-down, .mega-menu.vertical-right.desktopTopFixed .drop-down-tab-bar { margin: 0; } .mega-menu.vertical-right { float: right; } .mega-menu.vertical-right .drop-down-multilevel { left: auto; right: 100%; } } @media screen and (min-width: 993px) and (min-width: 993px) { .mega-menu.vertical-right .drop-down-multilevel.left-side { left: 100%; } } @media screen and (min-width: 993px) { .mega-menu.vertical-right .drop-down, .mega-menu.vertical-right .drop-down-tab-bar { left: auto; right: 100%; } .mega-menu.vertical-right.desktopTopFixed { float: right; left: auto; right: 0; padding: 0; height: 100%; } } @media screen and (min-width: 993px) { .mega-menu.vertical-left .menu-search-bar, .mega-menu.vertical-right .menu-search-bar { width: 100%; } .mega-menu.vertical-left .menu-search-bar input, .mega-menu.vertical-left .menu-search-bar li, .mega-menu.vertical-left .menu-search-bar form, .mega-menu.vertical-left .menu-search-bar label, .mega-menu.vertical-right .menu-search-bar input, .mega-menu.vertical-right .menu-search-bar li, .mega-menu.vertical-right .menu-search-bar form, .mega-menu.vertical-right .menu-search-bar label { width: 100%; max-width: 100%; background: #00a9da; -webkit-transition: none; transition: none; } .mega-menu.vertical-left .menu-search-bar input, .mega-menu.vertical-right .menu-search-bar input { padding-left: 20px; } } @media screen and (min-width: 993px) { .mega-menu.menuFullWidth { /*--------------------------------------------------- make menu full width */ max-width: 100%; } } /* Template: The Corps — Responsive Multi-purpose HTML5 Template Author: potenzaglobalsolutions.com Version: 2.1 Design and Developed by: potenzaglobalsolutions.com NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required! */ /*================================================ [ Table of contents ] ================================================ :: General :: Page section margin padding :: Section title 1 :: Section title 2 :: button :: button small :: share button :: Text color :: Input :: Extra class :: Tooltip :: loding :: Box Layout :: Back to top :: Basic margin padding ====================================== [ End table content ] ======================================*/ /************************* General *************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700,700italic,800,800italic,300italic|Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic); body { font-family: 'Open Sans', sans-serif; font-weight: normal; font-style: normal; font-size: 18px; } a, .btn { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } a:focus { text-decoration: none !important; } a:focus, a:hover { color: #00a9da; text-decoration: none !important; } a, button, input { outline: medium none !important; color: #00a9da; } .uppercase { text-transform: uppercase; } h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; font-weight: normal; color: #363636; margin-top: 0px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 40px; font-style: normal; font-weight: 500; line-height: 40px; } h2 { font-size: 35px; font-style: normal; font-weight: 400; line-height: 35px; } h3 { font-size: 28px; font-style: normal; font-weight: 400; line-height: 28px; } h4 { font-size: 22px; font-style: normal; font-weight: 400; line-height: 22px; } h5 { font-size: 18px; font-style: normal; font-weight: 400; line-height: 18px; } h6 { font-size: 16px; font-style: normal; font-weight: 400; line-height: 18px; } .fw-1 { font-weight: 100; } .fw-2 { font-weight: 200; } .fw-3 { font-weight: 300; } .fw-4 { font-weight: 400; } .fw-5 { font-weight: 500; } .fw-6 { font-weight: 600; } .fw-7 { font-weight: 700; } .fw-8 { font-weight: 800; } .fw-9 { font-weight: 900; } ul { margin: 0px; padding: 0px; } li { list-style: none; } p { font-size: 14px; font-weight: normal; line-height: 24px; color: #626262; } hr { margin: 60px 0; padding: 0px; border-bottom:1px dashed #eceff8; border-top: 0px; } hr.mr { margin:0; padding: 0px; border-bottom:1px solid #eceff8; } hr.mtb { margin:40px 0; padding: 0px; border-bottom:1px dashed #eceff8; border-top: 0px; } label { font-size: 15px; font-weight: 400;color: #626262; } .label { color: #fff !important; font-size: 9px !important; } *::-moz-selection { background: #029fcc; color: #fff; text-shadow: none; } ::-moz-selection { background: #029fcc; color: #fff; text-shadow: none; } ::selection { background: #029fcc; color: #fff; text-shadow: none; } /*************************** Page section margin padding ****************************/ .page-section-ptb { padding: 80px 0; } .page-section-pt { padding: 80px 0 0; } .page-section-pb { padding: 0 0 80px; } .page-section-1-ptb { padding: 50px 0; } .page-section-1-pt { padding: 50px 0 0; } .page-section-1-pb { padding: 0 0 50px; } /************************* Section title 1 ***********************/ .section-title-1 { margin-bottom: 60px; } .section-title-1 h1 { margin-top: 0px; text-transform: capitalize;} .section-title-1 p { margin-bottom: 0px; font-size: 16px; } .section-title-1 .title-line { padding: 10px 0; } .section-title-1 .title-line:before { background: #00a9da; content: ""; display: block; height: 2px; margin: 0 auto; width: 220px; } .section-title-1 .title-line:after { background: #00a9da; content: ""; display: block; height: 6px; position: relative; top: -6px; margin: 0 auto; width: 60px; } /************************* section title 2 *************************/ .section-title-2 { margin-bottom: 60px; } .section-title-2 h1 { margin-bottom: 0px; } .section-title-2 h2 { margin-top: 0px; text-transform: capitalize; margin-bottom: 0px; } .section-title-2 p { margin-bottom: 0px; font-size: 16px; } .section-title-2 .title-line { padding: 20px 0 15px; } .section-title-2 .title-line-2 { padding: 20px 0 15px; } .section-title-2 .title-line:before { background: #00a9da; content: ""; display: block; height: 2px; margin: 0 auto; width: 100px; } .section-title-2 .title-line-2:before { background: #fff; content: ""; display: block; height: 2px; margin: 0 auto; width: 100px; } /************************* section title 3 *************************/ .section-title-3 { margin-bottom: 60px; } .section-title-3 h1 { margin-bottom: 20px; font-weight: 300; } .section-title-3 p { margin-bottom: 0px; font-size: 16px; padding: 0 100px; font-size: 14px; } /************************* button *************************/ a.button { border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #00a9da; color: #fff; font-size: 15px; } a.button i { background: rgba(0, 0, 0, 0.09); display: block; float: left; padding: 14px; font-size: 16px; color: #fff; font-weight: normal; width: 50px; text-align: center; } a.button span { display: block; float: left; position: relative; z-index: 2; padding: 11px 20px; font-size: 15px; color: #fff; font-weight: normal; } a.button:after { background: rgba(0, 0, 0, 0.09) none repeat scroll 0 0; content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 0;z-index: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } a.button:hover:after { width: 100%; } a.button.button-white { border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #fff; color: #00a9da; font-size: 15px; } a.button.button-white i { background: rgba(0, 0, 0, 0.09); display: block; float: left; padding: 14px; font-size: 16px; color: #00a9da; font-weight: normal; width: 50px; text-align: center; } a.button.button-white span { display: block; float: left; position: relative; z-index: 2; padding: 11px 20px; font-size: 15px; color: #00a9da; font-weight: normal; } a.button.button-grey { border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #eceff7; color: #00a9da; font-size: 15px; } a.button.button-grey i { background: rgba(0, 0, 0, 0.09); display: block; float: left; padding: 14px; font-size: 16px; color: #00a9da; font-weight: normal; width: 50px; text-align: center; } a.button.button-grey span { display: block; float: left; position: relative; z-index: 2; padding: 11px 20px; font-size: 15px; color: #00a9da; font-weight: normal; } a.button.button-black { border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #444444; color: #00a9da; font-size: 15px; } a.button.button-black i { background: rgba(0, 0, 0, 0.3); display: block; float: left; padding: 14px; font-size: 16px; color: #fff; font-weight: normal; width: 50px; text-align: center; } a.button.button-black span { display: block; float: left; position: relative; z-index: 2; padding: 11px 20px; font-size: 15px; color: #fff; font-weight: normal; } a.button-border span { border: 0 none; border-radius: 3px; cursor: pointer; display: inline-block; padding: 11px 20px; margin-right: 10px; overflow: hidden; position: relative; background-color: transparent; color: #00a9da; font-size: 15px; border:1px solid #00a9da; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } a.button-border span:hover { box-shadow: -200px 0 0 #00a9da inset; color: #fff; border-color: #00a9da; } a.button-border-white span { border: 0 none; border-radius: 3px; cursor: pointer; display: inline-block; padding: 11px 20px; margin-right: 10px; overflow: hidden; position: relative; background-color: transparent; color: #fff; font-size: 15px; border:1px solid #fff; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } a.button-border-white span:hover { box-shadow: -200px 0 0 #fff inset; color: #00a9da; border-color: #fff; } button.button { border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #00a9da; color: #fff; font-size: 15px; } button.button i { background: rgba(0, 0, 0, 0.09); display: block; float: left; padding: 14px; font-size: 16px; color: #fff; font-weight: normal; width: 50px; text-align: center; } button.button span { display: block; float: left; position: relative; z-index: 2; padding: 11px 20px; font-size: 15px; color: #fff; font-weight: normal; } button.button:after { background: rgba(0, 0, 0, 0.09) none repeat scroll 0 0; content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 0;z-index: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } button.button:hover:after { width: 100%; } button.button-border span { border: 0 none; border-radius: 3px; cursor: pointer; display: inline-block; padding: 11px 20px; margin-right: 0px; overflow: hidden; position: relative; background-color: transparent !important; color: #00a9da; font-size: 15px; border:1px solid #00a9da; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } button.button-border span:hover { box-shadow: -200px 0 0 #00a9da inset; color: #fff; border-color: #00a9da; } #contactform-2 button { background: transparent; border:none; padding: 0px; margin: 0px; } /************************* button small *************************/ a.button-small { border: 0 none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset; cursor: pointer; display: inline-block; margin-right: 10px; overflow: hidden; padding: 0; position: relative; background-color: #00a9da; color: #fff; font-size: 15px; } a.button-small i { background: rgba(0, 0, 0, 0.09); display: block; float: left; padding: 10px; font-size: 13px; color: #fff; font-weight: normal; width: 40px; text-align: center; } a.button-small span { display: block; float: left; position: relative; z-index: 2; padding:8px 10px; font-size: 13px; color: #fff; font-weight: normal; } a.button-small:after { background: rgba(0, 0, 0, 0.09) none repeat scroll 0 0; content: ""; height: 100%; right: 0; position: absolute; top: 0; width: 0;z-index: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } a.button-small:hover:after { width: 100%; } /************************* share button *************************/ .share { position: relative; cursor: pointer;} .share .share-button { background: #00a9da; border-radius: 3px; padding: 9px 15px; color: #fff; position: absolute; right: 0; z-index: 99; } .share ul { float: left; opacity: 0; background: #eceff8; border-radius: 3px; padding: 5px 15px; position: absolute; right: 10px; width: 185px; position: relative; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } .share ul:before { position: absolute; z-index: 999; content: ""; right: -12px; top: 12px; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 12px; border-color: transparent transparent transparent #eceff8; } .share ul li { display: inline-block; } .share ul li a { display: block; padding: 4px 10px 4px; } .share ul li a:hover { color: #363636; } .share:hover ul { opacity: 1; right: 60px; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } .share.small .share-button { padding: 8px 13px; font-size: 13px; } .share.small ul { padding: 2px 10px; width: 140px; } .share.small ul li a { display: block; padding: 4px 7px; } .share.small ul:before { border-width: 6px 0 6px 10px; top: 11px; right: -9px; } .share.small:hover ul { right: 52px; } /************************* Text color *************************/ .text-blue { color: #00a9da; } .text-white { color: #fff; } .text-black { color: #363636; } /************************* Input *************************/ input { background: #eceff8; border:2px solid #eceff8; height: 45px; box-shadow: none; padding-left: 10px; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; font-size: 14px; color: #626262; width: 100%; } select { width: 100%; background: #eceff8; border:2px solid #eceff8; height: 45px; padding-left: 10px; box-shadow: none; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; font-size: 14px; color: #626262; } option { background: #fff; border:0px solid #626262; padding-left: 10px; font-size: 14px; } input:focus { background: transparent; border:2px solid #00a9da; } textarea { resize: vertical; background: #eceff8; border:2px solid #eceff8; padding: 10px; width: 100%; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; font-size: 14px; } textarea:focus { background: transparent; border:2px solid #00a9da; outline: none !important; } .form-control { background-color: transparent; border:1px solid #2f2f2f; border-radius: 0px; color: #fff; box-shadow: none; } .input-group-addon { background-color: transparent; border-color: #2f2f2f; border-radius: 0px; border-right: 0px; } .input-group-addon i { color: #00a9da; } .form-control:focus { box-shadow: none; border-color: #2f2f2f;} .input-group-btn button { background-color: #2f2f2f; border-color: #2f2f2f; border-radius: 0px; color: #00a9da; padding: 9px 12px; } .input-group-btn button:hover { background-color: #00a9da; border-color: #00a9da; border-radius: 0px; color: #fff; } .input-group.divcenter .form-control::-moz-placeholder { color: #4a4a4a; font-size: 13px; } .input-group.divcenter.input-group .form-control { padding-left: 0px } /************************* Extra class *************************/ .pricing .container .row [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .our-services .container-fluid .row [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .co-plr .container-fluid .row [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .container-fluid.fluid-padd { padding: 0 50px; } .over-inherit { overflow: inherit !important; } span.label { padding: 0.1em .5em .1em; text-transform: uppercase; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important; } .contact-3-info input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px black inset !important; color: inherit !important } .contact-5 input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px black inset !important; color: inherit !important } .mfp-wrap { z-index: 99999; } .mfp-bg { z-index: 99999; } .header-6 { background:rgba(255,255,255,0); } #animated-slider .item img { position:relative; z-index:-1; } /*hack code ie 9*/ @media all and (min-width:0\0) and (min-resolution:.001dpcm) { .tp-caption.title-1-desc,.title-1-desc { line-height: 30px; } .rev-slider a.button i { padding: 20px;} .rev-slider a.button.button-white i { padding: 20px;} .rev-slider .tp-caption.sfr.fadeout a.button span { padding: 20px; } .rev-slider .tp-caption.sfl.fadeout a.button.button-white span { padding: 20px; } .rev-slider-2 a.button.button i { padding: 20px; } .rev-slider-2 a.button.button-black i { padding: 20px; } .rev-slider-2 .tp-caption.sfr.fadeout a.button span { padding: 11px 20px; line-height: 95px !important; } .rev-slider-2 .tp-caption.sfl.fadeout a.button.button-black span { padding: 11px 20px; line-height: 95px !important; } .rev-slider-2 .tp-caption.title-2 { line-height: 75px; } .rev-slider-3 .tp-caption.desc-align-right.lfr.tp-resizeme { line-height: 30px; } .rev-slider-3 a.button.button i { padding: 20px !important; } .rev-slider-3 a.button.button-black i { padding: 20px !important; } .rev-slider-3 a.button span { padding: 6px 20px !important; line-height: 30px !important; } .rev-slider-3 a.button.button-black span { padding: 6px 20px !important; line-height: 30px !important; } } /************************* Tooltip *************************/ .tooltip-content + .tooltip .tooltip-inner { background: #00a9da; color: #fff; padding: 15px; font-size: 13px; width: 200px; position: relative; z-index: 99; top: 0px; left: 5px; margin: 10px 0px; } .tooltip-content + .tooltip.top .tooltip-arrow { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #00a9da; bottom: 7px; margin-left: -7px } .tooltip.in { opacity: 1; } .tooltip.top .tooltip-arrow { border-top-color: #363636; } .tooltip-content + .tooltip.bottom .tooltip-arrow { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #00a9da; top: 7px; margin-left: -7px; } span.tooltip-content-2 { color: #00a9da; font-weight: 600; cursor: help; } .tooltip-content-2 + .tooltip > .tooltip-inner { background: #363636; color: #fff; padding: 5px; font-size: 13px; width: 200px; position: relative; z-index: 99; top: 0px; left: 5px; } .tooltip-content-2 + .tooltip.bottom .tooltip-arrow { width: 0; height: 0; border-top: 10px solid #363636; border-bottom: 10px solid #363636; border-left:10px solid #363636; margin-left: 0px; border-top-color: #363636; } .tooltip-content-2 i { border: 1px solid #00a9da; border-radius: 50%; height: 30px; padding: 10px; width: 30px; line-height: 9px; text-align: center; font-weight: normal; background: transparent; font-size: 16px; position: relative; z-index: 999; } span.tooltip-content-3 { color: #00a9da; font-weight: 600; display: block; } .tooltip-content-3 + .tooltip .tooltip-inner { background: #363636; color: #fff; padding: 5px; font-size: 13px; width: 150px; position: relative; z-index: 99; top: 0px; left: 0px; } .tooltip-content-3 + .tooltip.bottom .tooltip-arrow { width: 0; height: 0; border-top: 10px solid #363636; border-bottom: 10px solid #363636; border-left:10px solid #363636; margin-left: 0px; } /************************* loding *************************/ #preloader { background-color:#000; bottom:0; height:100%; left:0; overflow:hidden !important; position:fixed; right:0; top:0; width:100%; z-index:99999; text-align:center;} .clear-loading { text-align: center; position: absolute; top: 50%; left: 50%; margin-left: -50px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; display:inline-block; text-align:center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } /*Loading Effect */ .loading-effect { width: 100px; height: 100px; } .loading-effect > span, .loading-effect > span:before, .loading-effect > span:after { content: ""; display: block; border-radius: 50%; border: 3px solid #00a9da; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loading-effect > span { width: 100%; height: 100%; top: 0; left: 0; border-left-color: transparent; -webkit-animation: effect 2s infinite linear; -moz-animation: effect 2s infinite linear; -ms-animation: effect 2s infinite linear; -o-animation: effect 2s infinite linear; animation: effect 2s infinite linear;} .loading-effect > span:before { width: 75%; height: 75%; border-right-color: transparent; } .loading-effect > span:after { width: 50%; height: 50%; border-bottom-color: transparent; } @-webkit-keyframes effect { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes effect { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes effect { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes effect { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes effect { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /************************* Box Layout *************************/ .boxed-layout .page-wrapper { background-color:#fff; width: 1240px; box-shadow:-3px 0 50px -2px rgba(0, 0, 0, 0.14); margin:0 auto; position: relative; } .boxed-layout.transparent-page-wrapper .page-wrapper { background-color: transparent; box-shadow: none; } .boxed-layout.page-wrapper { background-color:#fff; width: 1240px; box-shadow:-3px 0 50px -2px rgba(0, 0, 0, 0.14); margin:0 auto; position: relative; } .boxed-layout .page-wrapper .mega-menu.desktopTopFixed .menu-list-items { width: 1240px; margin: 0 auto; } .boxed-layout.page-wrapper .mega-menu.desktopTopFixed .menu-list-items { width: 1240px; margin: 0 auto; } /************************* back-to-top *************************/ #back-to-top .top { z-index: 999; position: fixed; margin: 0px; color: #fff; transition:all .5s ease-in-out; position:fixed; bottom:105px; right:15px; border-radius: 3px; z-index: 999; background: transparent; font-size: 14px; background: #00a9da; width: 40px; height: 40px; text-align: center; line-height: 38px; } #back-to-top .top:hover { color: #fff; height: 50px; } .home-2 #back-to-top .top { background: #007da1; } #back-to-top .top:before { width: 40px; height: 40px; background: rgba(0,0,0,0.1); content: ""; position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } #back-to-top .top i { position: relative; z-index: 9; } #back-to-top .top:hover:before { height: 50px; } /************************* Basic margin padding *************************/ .m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; } .p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } /************************* Margin top *************************/ .mt-0 { margin-top: 0 !important; } .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px !important; } .mt-80 { margin-top: 80px !important; } .mt-90 { margin-top: 90px !important; } .mt-100 { margin-top: 100px !important; } .mt-110 { margin-top: 110px !important; } .mt-120 { margin-top: 120px !important; } .mt-130 { margin-top: 130px !important; } .mt-140 { margin-top: 140px !important; } .mt-150 { margin-top: 150px !important;} /************************* Margin right *************************/ .mr-0 { margin-right: 0!important } .mr-10 { margin-right: 10px !important; } .mr-15 { margin-right: 15px !important; } .mr-20 { margin-right: 20px !important; } .mr-30 { margin-right: 30px !important; } .mr-40 { margin-right: 40px !important; } .mr-50 { margin-right: 50px !important; } .mr-60 { margin-right: 60px !important; } .mr-70 { margin-right: 70px !important; } .mr-80 { margin-right: 80px !important; } .mr-90 { margin-right: 90px !important; } .mr-100 { margin-right: 100px !important; } .mr-110 { margin-right: 110px !important; } .mr-120 { margin-right: 120px !important; } .mr-130 { margin-right: 130px !important; } .mr-140 { margin-right: 140px !important; } .mr-150 { margin-right: 150px !important; } /************************* Margin bottom *************************/ .mb-0 { margin-bottom: 0!important } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .mb-110 { margin-bottom: 110px !important; } .mb-120 { margin-bottom: 120px !important; } .mb-130 { margin-bottom: 130px !important; } .mb-140 { margin-bottom: 140px !important; } .mb-150 { margin-bottom: 150px !important; } /************************* Margin left *************************/ .ml-0 { margin-left: 0!important } .ml-10 { margin-left: 10px !important; } .ml-15 { margin-left: 15px !important; } .ml-20 { margin-left: 20px !important; } .ml-30 { margin-left: 30px !important; } .ml-40 { margin-left: 40px !important; } .ml-50 { margin-left: 50px !important; } .ml-60 { margin-left: 60px !important; } .ml-70 { margin-left: 70px !important; } .ml-80 { margin-left: 80px !important; } .ml-90 { margin-left: 90px !important; } .ml-100 { margin-left: 100px !important; } .ml-110 { margin-left: 110px !important; } .ml-120 { margin-left: 120px !important; } .ml-130 { margin-left: 130px !important; } .ml-140 { margin-left: 140px !important; } .ml-150 { margin-left: 150px !important; } /************************* Padding top *************************/ .pt-0 { padding-top: 0!important } .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pt-30 { padding-top: 30px !important; } .pt-40 { padding-top: 40px !important; } .pt-50 { padding-top: 50px !important; } .pt-60 { padding-top: 60px !important; } .pt-70 { padding-top: 70px !important; } .pt-80 { padding-top: 80px !important; } .pt-90 { padding-top: 90px !important; } .pt-100 { padding-top: 100px !important; } .pt-110 { padding-top: 110px !important; } .pt-120 { padding-top: 120px !important; } .pt-130 { padding-top: 130px !important; } .pt-140 { padding-top: 140px !important; } .pt-150 { padding-top: 150px !important; } /************************* Padding right *************************/ .pr-0 { padding-right: 0!important } .pr-10 { padding-right: 10px !important; } .pr-15 { padding-right: 15px !important; } .pr-20 { padding-right: 20px !important; } .pr-30 { padding-right: 30px !important; } .pr-40 { padding-right: 40px !important; } .pr-50 { padding-right: 50px !important; } .pr-60 { padding-right: 60px !important; } .pr-70 { padding-right: 70px !important; } .pr-80 { padding-right: 80px !important; } .pr-90 { padding-right: 90px !important; } .pr-100 { padding-right: 100px !important; } .pr-110 { padding-right: 110px !important; } .pr-120 { padding-right: 120px !important; } .pr-130 { padding-right: 130px !important; } .pr-140 { padding-right: 140px !important; } /************************* Padding bottom *************************/ .pb-0 { padding-bottom: 0!important } .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-100 { padding-bottom: 100px !important; } .pb-110 { padding-bottom: 110px !important; } .pb-120 { padding-bottom: 120px !important; } .pb-130 { padding-bottom: 130px !important; } .pb-140 { padding-bottom: 140px !important; } .pb-150 { padding-bottom: 150px !important; } /************************* Padding left *************************/ .pl-0 { padding-left: 0!important } .pl-10 { padding-left: 10px !important; } .pl-15 { padding-left: 15px !important; } .pl-20 { padding-left: 20px !important; } .pl-30 { padding-left: 30px !important; } .pl-40 { padding-left: 40px !important; } .pl-50 { padding-left: 50px !important; } .pl-60 { padding-left: 60px !important; } .pl-70 { padding-left: 70px !important; } .pl-80 { padding-left: 80px !important; } .pl-90 { padding-left: 90px !important; } .pl-100 { padding-left: 100px !important; } .pl-110 { padding-left: 110px !important; } .pl-120 { padding-left: 120px !important; } .pl-130 { padding-left: 130px !important; } .pl-140 { padding-left: 140px !important; } .pl-150 { padding-left: 150px !important; } /* Template: The Corps - Responsive Multi-purpose HTML5 Template Author: potenzaglobalsolutions.com Version: 2.1 Design and Developed by: potenzaglobalsolutions.com NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required! */ /*================================================ [ Table of contents ] ================================================ :: Header : Header 1 : Header 2 : Header 3 : Header 4 : Header 5 : Header 6 : Header 7 : Header 8 : Header 9 : Header 10 :: Sliders : Revolution slider home 1 : Owl carousel slider home 2 : Revolution slider home 3 : Owl carousel slider home 4 : Revolution slider home 5 : Animated slider 1 home-6 : Animated slider 2 home-7 : Image-holder home 8 : Image-holder home 9 : Parallax-banner home 10 : Mobile slider :: Backgrounds : Background images : Background pattern :: Main section : Features : Custom content : Portfolio : Our blog : Our skills : Testimonials : Our Pricing : Who we are : Our activities : Action box : Our awesome features : Our services : Counter : Creativity : Newsletter : Contact form : Social : Our History : Our Service objects : Frequently : News : Experience :: Inner intro :: Sidebar : Search : Menu : Archives : Tags :: Pages : About us : Services : Team : Portfolio : Blog : 404 error : faq : Coming soon : Register : Login : Maintenance : Our clients : Careers : Sitemap : Privacy policy : page sidebar : Terms and conditions :: Footer :: boxed-layout ====================================== [ End table content ] ======================================*/ /************************* Header 1 *************************/ .header { background: transparent; z-index: 999; padding: 15px 0 20px; position: absolute; width: 100%; } /*topbar*/ .topbar ul li { display: inline-block; color: #fff; font-size: 14px; font-weight: normal; margin-right: 10px; } .topbar ul li:last-child { margin-right: 0px; } .topbar ul li a { color: #fff; font-size: 14px; font-weight: normal; font-style: normal; } .topbar-left { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } .topbar-left ul li i { margin-right: 5px; color: #00a9da; } .topbar-left ul li a { margin-right: 30px; } .topbar-right { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } .topbar-right ul li a { margin-left: 5px; } .topbar-right ul li a i { margin-right: 5px; } .topbar-right ul li a i.fa.fa-search { margin-right: 0px; } .topbar ul li a:hover { color: #00a9da;} /*search*/ .search-open { display: none; background: transparent; height: 120px; width: 100%; position: absolute; z-index: 99999; padding: 2px 7px 10px 15px; left: 0; } .search-open .search-close { position: absolute; z-index: 9999; cursor: pointer; top: 0px; right: 15px; float: left;} .search-main .search-open { width: 100%; color: #fff; } .search-main { position: relative; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } .search-open input { border:none; border-bottom: 1px solid #fff; float: left; height: 100px; font-size: 35px; text-transform: uppercase; width: 99.3%; padding-left: 0px; text-align: center; padding: 0px; } .search-open .form-control::-moz-placeholder { color: #fff; } .search-open .form-control:focus { border-color: #00a9da;} body.top-search-open #header .logo, body.top-search-open #header .topbar-left, body.top-search-open #header .topbar-right, body.top-search-open #header .mega-menu { opacity: 0; } .mega-menu .drop-down-multilevel.right-menu { right: 0px; } .mega-menu .menu-links > li:last-child > a { padding-right: 0px; } .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down a { color: #323232; } .mega-menu .menu-links > li.active .drop-down li.active a { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down a:hover { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down li.active a i { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down a i:hover { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active a { color: #00a9da; background: #eceff7; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #00a9da; background: #eceff7; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a { color: #323232; background:transparent; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a { color: #00a9da; background: #eceff7; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active i { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a i { color: #323232; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i { color: #00a9da; } .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover { color: #00a9da; } .mega-menu .row { margin-left: 0px; margin-right: 0px; } .mega-menu .col-md-12 { padding-left: 0px; padding-right: 0px; } .mega-menu .drop-down ul, .mega-menu .drop-down ol, .mega-menu .drop-down dl, .mega-menu .drop-down-tab-bar ul, .mega-menu .drop-down-tab-bar ol, .mega-menu .drop-down-tab-bar dl { margin-bottom: 0; } /*login */ .login-1 { display: none; background: #fff; padding:20px; position: absolute; right: 0; z-index: 9999; margin-top: 13px; right: 127px; width: 300px; border: 1px solid #eceff8; border-radius: 3px; } .login-1:before { bottom: 100%; right: 18px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194, 225, 245, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -8px; } .login-1 a.button { margin-right: 0; } .login-1 .button span { padding:7px 0px; color: #fff; width: 102px; text-align: center; } .login-1 .button.button-grey span { padding:7px 18px; color: #00a9da; } .login-1 input { background: #eceff8; border:2px solid #eceff8; height: 45px; color: #363636; } .login-1 input:focus { background: transparent; border:2px solid #00a9da; } .login-1 span { color: #363636; display: inline-block; font-size: 15px; padding: 20px 10px 0; vertical-align: top; } .login-1 strong { font-size: 15px; padding: 0 10px; font-weight: 400; } .login-with { border-top: 1px solid #eceff8; margin-top: 20px; padding-top: 18px; text-align: center; } .topbar-right .login-1 a { font-size: 15px; color: #626262; margin-left: 0px; display: inline-block; margin-top: 12px; } .topbar-right .login-1 a:hover { text-decoration: underline; } .topbar-right .login-with span { float: none; color: #626262; padding-top: 5px; } .topbar-right .login-with a { background: transparent; border-radius: 50%; display: inline-block; height: 30px; line-height: 29px; margin-top: 0; padding-left: 6px; text-align: center; width: 30px; } .topbar-right .login-with a:hover { color: #fff; } .topbar-right .login-with a.fb { border: 1px solid #3b5998; } .topbar-right .login-with a.fb:hover { background: #3b5998; border: 1px solid #3b5998; color: #fff; } .topbar-right .login-with a.twitter { border: 1px solid #55acee; } .topbar-right .login-with a.twitter:hover { background: #55acee; border: 1px solid #55acee; color: #fff; } .topbar-right .login-with a.google-plus { border: 1px solid #dd4b39; } .topbar-right .login-with a.google-plus:hover { background: #dd4b39; border: 1px solid #dd4b39; color: #fff; } /************************* Header 2 *************************/ .header-2 .logo { margin-top: 10px; } .header-2 { padding: 0; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.03); position: relative; } .header-2 .mega-menu { min-height: 104px; border-bottom: 1px solid #eee; } .header-2 .mega-menu .menu-links > li > a { color: #363636; line-height: 105px; } .header-2 .mega-menu .menu-links > li.active a { color: #00a9da; } .header-2 .mega-menu .menu-links > li.active .drop-down a { color: #323232; } .header-2 .mega-menu .menu-links > li.active .drop-down a:hover { color: #00a9da; } .header-2 .mega-menu > section.menu-list-items { padding: 0; background: #fff; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.03); } .header-2 .mega-menu img { margin: 23px 0; } .header-2 .mega-menu .drop-down-multilevel.right-menu { right: 28px; } .header-2 .mega-menu .menu-links { padding-right: 30px; } .header-2 .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } .header-2 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #00a9da; } .header-2 .mega-menu.desktopTopFixed .menu-list-items .menu-logo img { margin: 20px 0; } .header-2 .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 81px; } .header-2 .mega-menu.desktopTopFixed .menu-list-items { background: #fff; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.03) } .header-2 .mega-menu.desktopTopFixed .menu-list-items .search-2 a { padding: 29px 0 26px 10px; } .header-2 .mega-menu.desktopTopFixed .menu-list-items .search-2-open { height: 80px; } .header-2 .mega-menu.desktopTopFixed .menu-list-items .search-2-open input { height: 56px; } .header-2 .mega-menu.desktopTopFixed .menu-list-items .search-2-open .search-2-close { top: 15px; } .header-2 .mega-menu .menu-mobile-collapse-trigger:before, .header-2 .mega-menu .menu-mobile-collapse-trigger:after, .header-2 .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } .search-2 { position: absolute; right: 0; z-index: 999; } .search-2 a { display: block; font-size: 15px; padding: 41px 0 40px 10px; cursor: pointer; } .search-2 i { color: #626262;} .search-2-open { display: none; background: #fff; height: 103px; width: 100%; border:none; position: absolute; z-index: 99999; padding: 10px 0px; left: 0; top: 0; } .search-2-open input { border:none; border-bottom: 0px solid #fff; float: left; height: 86px; font-size: 35px; text-transform: uppercase; width: 97%; padding-left: 0px; text-align: center; color: #363636; } .search-2-open input:focus { border-bottom: 0px;} .search-2-open .search-2-close { cursor: pointer; float: left; position: relative; right: -20px; top: 29px; z-index: 9999; } .search-2-open .search-2-close i { color: #626262; } /************************* Header 3 *************************/ .header-3 { padding: 0;position: absolute;width: 100%;z-index: 1000; } .header-3 .topbar { background: #363636; height:38px; } .header-3 .topbar ul li { border-right: 1px solid #565656; border-left: 1px solid #565656; margin-right: 0; } .header-3 .topbar-right ul li { padding: 9px 15px; border-right: 1px solid #565656; border-left: 1px solid #565656; margin-right: 0; } .header-3 .topbar ul li:first-child { border-right: 0px solid; } /*language*/ .language { border-left: 1px solid #565656; border-right: 1px solid #565656; width: 125px; display: inline-block; } .language-down { opacity: 0; display: none; position: absolute; z-index: 9999; } li.language-current { padding: 9px 0px; } .language-current a { padding-left: 20px; } ul.language-down li { display: block; padding: 0; } ul.language-down li i { color: #fff; padding-left: 10px; } ul.language-down li a { background: #2c2c2c; border-bottom: 1px solid #363636; padding: 12px 20px; width: 122px; display: block; } .language-current:hover .language-down { opacity: 1; display: block; margin-top: 9px; } .top-news { display: inline-block; padding-left: 20px; width: 380px; padding: 3px 0px 8px 15px; border-right:1px solid #565656; } .top-news b { color: #fff; font-weight: 500; font-size: 14px; } .top-news .owl-carousel-14 { width: 250px; display: inline-block; height: 25px; overflow: hidden; vertical-align: top; } .top-news p { font-size: 14px; color: #fff; padding-top: 3px; } body.top-search-open #header .logo, body.top-search-open #header .topbar-left, body.top-search-open #header .topbar-right, body.top-search-open #header .menu ,body.top-search-open #header .language, body.top-search-open #header .language { opacity: 0; } /*menu*/ .header-3 .mega-menu { min-height: 105px; } .header-3 .mega-menu img { margin: 23px 0; } .header-3 .mega-menu .menu-links > li > a { color: #323232; padding: 0 12px; } .header-3 .mega-menu .menu-links > li.active a { color: #00a9da; } .header-3 .mega-menu .menu-links > li.active .drop-down a { color: #323232; } .header-3 .mega-menu .menu-links > li.active .drop-down a:hover { color: #00a9da; } .header-3 .mega-menu .drop-down-multilevel.right-menu { right: 24px; } .header-3 .mega-menu section.menu-list-items { padding: 0; background: #fff; } .header-3 .mega-menu .menu-links > li > a { line-height: 105px; } .header-3 .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } .header-3 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #00a9da; } .header-3 .mega-menu.desktopTopFixed .menu-list-items .menu-logo img { margin: 20px 0; } .header-3 .mega-menu.desktopTopFixed .menu-list-items { background: #fff; border-bottom: 1px solid #eceff7; } .header-3 .mega-menu.desktopTopFixed .menu-list-items .menu-links > li > a { line-height: 80px; } .header-3 .mega-menu.desktopTopFixed .menu-list-items .search-3 { padding: 30px 0; } .header-3 .mega-menu.desktopTopFixed .menu-list-items .search-3.search-3-open .search-3-box { top: 80px !important; border:1px solid #eceff7; border-top: 0px; } /*search*/ .search-3 { display: block; float: right; line-height: 20px; padding: 42px 0; position: relative; vertical-align: top; z-index: 999; } .search-3 .search-btn { display: block; height: 20px; line-height: 21px; position: relative; text-indent: -9999px; width: 14px; color: #626262; -o-transition: color 300ms ease 0s; -moz-transition: color 300ms ease 0s; -ms-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; } .search-3 .search-btn:before { content: ""; font-family: "FontAwesome"; font-size: 14px; font-weight: normal; left: 0; position: absolute; text-indent: 0; top: 0; } .search-3.search-3-open .search-btn:before { content: ""; } .search-3-box { background: #fff; display: block; margin: 0; opacity: 0 !important; padding: 15px; position: absolute; right: 0; top: -9999px !important; transition: visibility 300ms ease 0s, opacity 300ms ease 0s; visibility: hidden; width: 327px; z-index: 888; border-radius: 0 0 3px 3px; } .search-3.search-3-open .search-3-box { opacity: 1 !important; top: 104px !important; visibility: visible !important; } .search-3 .search-3-box input { background: transparent; border:1px solid #eceff8; padding-left: 15px; box-shadow: none; } .search-3 .search-3-box input:focus { background: transparent; border:1px solid #00a9da; } .search-3.search-3-open i { cursor: pointer; font-size: 15px; position: absolute; right: 27px; top: 31px; } .search-3.search-3-open i:hover { color: #00a9da; } .header-3 .login-1 { margin-top: 9px; right: 90px; } /************************* Header 4 *************************/ .header-4 .logo { margin: 23px 0px; } .header-4 { padding: 0 30px; background: transparent; position: absolute; z-index: 999; width: 100%; } .header-4 .search-3 { padding: 22px 0px 20px 10px;} .header-4 .search-3 .search-btn { color: #fff; line-height: 23px; width: 15px; } .header-4 .search-3.search-3-open .search-3-box { top: 67px !important; border-radius: 0px 0px 3px 3px; margin-left: 5px;} .header-4 .mega-menu .drop-down-multilevel.right-menu { right: 38px; } .header-4 .mega-menu > section.menu-list-items { padding: 25px 0px; } .header-4 .mega-menu.desktopTopFixed .menu-list-items { background: #323232; } .header-4 .mega-menu.desktopTopFixed > section.menu-list-items { padding: 0px 20px; } .header-4 .mega-menu.desktopTopFixed .menu-links > li > a { line-height: 74px; } .header-4 .mega-menu.desktopTopFixed .search-3 .search-btn { line-height: 32px; } .header-4 .mega-menu.desktopTopFixed .search-3.search-3-open .search-3-box { top: 74px !important; border:1px solid #eceff8; border-top:0px; } /*slide menu*/ .mega-menu .menu-links > li:last-child { padding-right: 0px; } #menu-toggle { position: absolute; width: 100%; right: 0; top: 0; color: #444444; z-index: 99999; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; } #menu-toggle.open { right: 0px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; } #menu-icon { width: 25px; height: 25px; position: absolute; right: 46px; top: 47px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #menu-icon span { display: block; position: absolute; height: 2px; width: 50%; background: #fff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #menu-icon span:nth-child(even) { left: 50%; } #menu-icon span:nth-child(odd) { left: 0px; } #menu-icon span:nth-child(1), #menu-icon span:nth-child(2) { top: 5px; } #menu-icon span:nth-child(3), #menu-icon span:nth-child(4) { top: 12px; } #menu-icon span:nth-child(5), #menu-icon span:nth-child(6) { top: 19px; } #menu-icon.open span:nth-child(1), #menu-icon.open span:nth-child(6) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #menu-icon.open span:nth-child(2), #menu-icon.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #menu-icon.open span:nth-child(1) { left: 0px; top: 10px; } #menu-icon.open span:nth-child(2) { left: calc(50% - 5px); top: 10px; } #menu-icon.open span:nth-child(3) { left: -50%; opacity: 0; } #menu-icon.open span:nth-child(4) { left: 100%; opacity: 0; } #menu-icon.open span:nth-child(5) { left: 0px; top: 19px; } #menu-icon.open span:nth-child(6) { left: calc(50% - 5px); top: 19px; } .submenu-toggle { position: absolute; right: 0px; top: 0px; cursor: pointer; width: 45px; height: 45px; text-indent: -5000px; overflow: hidden; } .submenu-toggle.open { background: rgba(255,255,255,.1); height: 100%; z-index: 5000; top: 0; } .submenu-toggle:before, .submenu-toggle:after { -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; } .submenu-toggle:before { content: ''; display: block; position: absolute; height: 16px; width: 16px; top: 12px; right: 15px; border-top: 5px solid #929292; border-right: 5px solid #929292; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); } .submenu-toggle:after { content: ''; display: block; position: absolute; height: 16px; width: 16px; top: 12px; right: 50px; border-top: 5px solid #929292; border-right: 5px solid #929292; -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); } .submenu-toggle:hover:before, .submenu-toggle:hover:after { border-color: white; } .submenu-toggle.open:before { right: 23px; } .submenu-toggle.open:after { right: 23px; } /*contant*/ #menu { list-style-type: none; padding: 46px 30px; margin: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } #menu { background: url(../images/bg/10.jpg) no-repeat; width: 350px; position: fixed; top: 0; bottom: 0; right: -370px; z-index: 9999; } #menu li { position: relative; display: inline-block; } #menu h3 {margin-bottom: 20px;} #menu.open { right: 0; } #menu .menu-side-top a { display: block; color: #fff; font-size: 14px; line-height: 35px; } #menu .menu-side-top a:hover { color: #00a9da;} /*login*/ #menu .login-side { display: block; background: transparent; } #menu a.button { margin-right: 0; float: left; } #menu .button span { padding:7px 0px; color: #fff; width: 80px; text-align: center; } #menu .button.button-grey span { padding:7px 18px; color: #00a9da; } #menu .login-side label { color: #fff; } #menu .login-side input { background: transparent; border:1px solid #fff; height: 45px; color: #fff; } #menu .login-side input:focus { background: transparent; border:1px solid #00a9da; } #menu .login-side span { color: #363636; display: inline-block; font-size: 15px; padding: 5px 10px; vertical-align: top; } #menu .login-side .form-control::-moz-placeholder { color: #fff; } #menu .login-side strong { font-size: 15px; padding: 0 10px; font-weight: 400; } #menu .login-side a.forgot { float: right; font-size: 15px; margin-top: 25px; } #menu .login-side p.register a { color: #00a9da; display: inline-block; } /************************* Header 5 *************************/ .header-5 { padding: 30px 0px; z-index: 999; position: absolute; width: 100%; } .header-5 .mega-menu .drop-down-multilevel.right-menu { right: 44px; } .header-5 .logo { display: block; position: relative; } .header-5 .logo img { width: inherit; height: 60px; } .header-5 .mega-menu.menuFullWidth { width: 100%; } .header-5 .mega-menu .menu-links > li > a { padding: 0 30px; } .header-5 #menu-icon { width: 25px; height: 25px; position: absolute; left: 0px; top: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .header-5 #menu-toggle { position: absolute; width: 100%; left:0px; top: 12px; color: #444444; z-index: 99999; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; } .header-5 #menu-toggle.open { left: 0px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; } .header-5 #menu-icon { width: 25px; height: 25px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .header-5 #menu-icon span { display: block; position: absolute; height: 2px; width: 50%; background: #fff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .header-5 #menu-icon span:nth-child(even) { left: 50%; } .header-5 #menu-icon span:nth-child(odd) { left: 0px; } .header-5 #menu-icon span:nth-child(1), .header-5 #menu-icon span:nth-child(2) { top: 5px; } .header-5 #menu-icon span:nth-child(3), .header-5 #menu-icon span:nth-child(4) { top: 12px; } .header-5 #menu-icon span:nth-child(5), .header-5 #menu-icon span:nth-child(6) { top: 19px; } .header-5 #menu-icon.open span:nth-child(1), .header-5 #menu-icon.open span:nth-child(6) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .header-5 #menu-icon.open span:nth-child(2), .header-5 #menu-icon.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .header-5 #menu-icon.open span:nth-child(1) { left: 0px; top: 10px; } .header-5 #menu-icon.open span:nth-child(2) { left: calc(50% - 5px); top: 10px; } .header-5 #menu-icon.open span:nth-child(3) { left: -50%; opacity: 0; } .header-5 #menu-icon.open span:nth-child(4) { left: 100%; opacity: 0; } .header-5 #menu-icon.open span:nth-child(5) { left: 0px; top: 19px; } .header-5 #menu-icon.open span:nth-child(6) { left: calc(50% - 5px); top: 19px; } /*contant*/ .header-5 #menu { position: relative; background: url(../images/bg/13.jpg) no-repeat; width: 280px; position: fixed; top: 0; bottom: 0; left: -300px; z-index: 9999; list-style-type: none; padding: 46px 0px; margin: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } .header-5 #menu:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.7); } .header-5 #menu li { position: relative; display: block; } .header-5 #menu.open { left: 0; } .header-5 .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } .header-5 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #4fc1e9; } /*search 4*/ .search-4 { width: 234px; height: 2em; padding: 0; margin: 0; line-height: 2em; position: relative; cursor: pointer; transition: all .25s linear; z-index: 0; margin-top: 11px; } .search-4 input { width: 226px; height: 2em; line-height: 15px; padding: 0; border: none; outline: none; background-color: transparent; font-size: 14px; color: white; border-bottom:1px solid #fff; transition: all .25s linear; -webkit-transition: all .25s linear; -ms-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } .search-4 a { width: 2em; height: 2em; line-height: 2em; padding: 0; color: #ccc; text-align: center; text-decoration: none; display: block; position: absolute; top: 0; right: 0;transition: all .25s linear; } .search-4 a:before { content: "\f002"; font-family: FontAwesome; font-style: normal; color: #fff; } .search-4 a:hover { color: #eee; } .search-4.collapsed { width: 2em; margin-left: 10em; } .search-4.collapsed input { width: 0; } .search-4.collapsed a { color: #999; } .search-4.collapsed a:hover { color: #bbb; } /************************* Header 6 *************************/ .header-6 { padding: 20px 0 20px; position: absolute; width: 100%; } .header-6 .mega-menu > section.menu-list-items { padding: 10px 0px; } .header-6 .menu-list-items .container-fluid { padding: 0px 60px; } .header-6 .mega-menu .menu-links > li > a { color: #323232; } .header-6 .mega-menu .menu-links > li.active a { color: #00a9da; } .header-6 .mega-menu .menu-links > li.active .drop-down a { color: #323232; } .header-6 .mega-menu .menu-links > li.active .drop-down a:hover { color: #00a9da; } .header-6 .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } .header-6 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #00a9da; } .header-6 .mega-menu .menu-links > li.search { margin: 0 5px; } .header-6 .search-3 { padding: 23px 0; margin: 0 3px; } .header-6 .search-3.search-3-open .search-3-box { top: 64px !important; } .header-6 .mega-menu .menu-links > li:last-child { margin-left: 15px; } .header-6 .mega-menu .menu-links > li:last-child > a { line-height: 20px; background: #00a9da; color: #fff; text-transform: uppercase; padding: 2px 12px; font-size: 12px; border-radius: 3px; margin-top: 21px; } .header-6 .mega-menu .drop-down-multilevel.right-menu { right: 100px; } .header-6 .mega-menu.desktopTopFixed .menu-list-items { background: #fff; } .header-6 .mega-menu.desktopTopFixed .search-3 { display: none; } .header-6 .mega-menu.desktopTopFixed .menu-links > li:last-child { display: none; } .header-6 .mega-menu.desktopTopFixed > section.menu-list-items { padding: 0px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.03); } .header-6 .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img { margin: 16px 0px; } .header-6 .mega-menu.desktopTopFixed .drop-down-multilevel.right-menu { right: 12px; } .header-6 .login-1 { right: 0px; } .header-6 .login-1:before { border-bottom-color: #ECEFF7; } .header-6 .login-1 a { font-size: 15px; color: #626262; margin-left: 0px; display: inline-block; margin-top: 12px; } .header-6 .login-1 a:hover { color: #00a9da; } .header-6 .login-with span { float: none; color: #626262; padding-top: 5px; } .header-6 .login-with a { background: transparent; border-radius: 50%; display: inline-block; height: 30px; line-height: 29px; margin-top: 0; text-align: center; width: 30px; } .header-6 .login-with a:hover { color: #fff; } .header-6 .login-with a.fb { border: 1px solid #3b5998; } .header-6 .login-with a.fb:hover { background: #3b5998; border: 1px solid #3b5998; color: #fff; } .header-6 .login-with a.twitter { border: 1px solid #55acee; } .header-6 .login-with a.twitter:hover { background: #55acee; border: 1px solid #55acee; color: #fff; } .header-6 .login-with a.google-plus { border: 1px solid #dd4b39; } .header-6 .login-with a.google-plus:hover { background: #dd4b39; border: 1px solid #dd4b39; color: #fff; } /************************* Header 7 *************************/ .header-7 { padding: 30px 40px; z-index: 999; position: absolute; width: 100%; } .header-7 .mega-menu .drop-down-multilevel.right-menu { right: 44px; } .header-7 .logo { display: block; position: relative; } .header-7 .logo img { width: inherit; height: 60px; } .header-7 .mega-menu.menuFullWidth { width: 100%; } .header-7 .mega-menu .menu-links > li > a { padding: 0 30px; } .header-7 #menu-icon { width: 25px; height: 25px; position: absolute; right: 15px; top: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .header-7 #menu-toggle { position: absolute; width: 100%; right:0px; left: inherit; top: 12px; color: #444444; z-index: 99999; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; } .header-7 #menu-toggle.open { left: 0px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; transition: .5s ease-in-out; } .header-7 #menu-icon { width: 25px; height: 25px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .header-7 #menu-icon.open { right: 192px; } .header-7 #menu-icon span { display: block; position: absolute; height: 2px; width: 50%; background: #fff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .header-7 #menu-icon span:nth-child(even) { left: 50%; } .header-7 #menu-icon span:nth-child(odd) { left: 0px; } .header-7 #menu-icon span:nth-child(1), .header-7 #menu-icon span:nth-child(2) { top: 5px; } .header-7 #menu-icon span:nth-child(3), .header-7 #menu-icon span:nth-child(4) { top: 12px; } .header-7 #menu-icon span:nth-child(5), .header-7 #menu-icon span:nth-child(6) { top: 19px; } .header-7 #menu-icon.open span:nth-child(1), .header-7 #menu-icon.open span:nth-child(6) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .header-7 #menu-icon.open span:nth-child(2), .header-7 #menu-icon.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .header-7 #menu-icon.open span:nth-child(1) { left: 0px; top: 10px; } .header-7 #menu-icon.open span:nth-child(2) { left: calc(50% - 5px); top: 10px; } .header-7 #menu-icon.open span:nth-child(3) { left: -50%; opacity: 0; } .header-7 #menu-icon.open span:nth-child(4) { left: 100%; opacity: 0; } .header-7 #menu-icon.open span:nth-child(5) { left: 0px; top: 19px; } .header-7 #menu-icon.open span:nth-child(6) { left: calc(50% - 5px); top: 19px; } /*contant*/ .header-7 #menu { position: relative; background: #A0A0A0; width: 280px; position: fixed; top: 0; bottom: 0; right: -300px; z-index: 9999; list-style-type: none; padding: 46px 0px; margin: 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } .header-7 #menu:before { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.7); } .header-7 #menu li { position: relative; display: block; } .header-7 #menu.open { right: 0; } .header-7 .mega-menu .menu-links > li.active .drop-down-multilevel a { color: #555555; } .header-7 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #4fc1e9; } .header-7 .mega-menu .menu-links > li.active .drop-down a { color: #323232; } .header-7 .mega-menu .menu-links > li.active .drop-down a:hover { color: #00a9da; } /************************* Header 8 *************************/ .header-8 { position: absolute; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0px; z-index: 9; } .header-8 .mega-menu .menu-links > li.search { margin: 0 5px; } .header-8 .search-3 { padding: 23px 0; } .header-8 .search-3 .search-btn { color: #fff; margin-left: 10px; line-height: 59px; } .header-8 .search-3 .search-btn:hover { color: #00a9da; } .header-8 .search-3.search-3-open .search-3-box { top: 107px !important; } .header-8 .mega-menu > section.menu-list-items { padding:0px; } .header-8 .mega-menu .menu-links > li > a { padding: 20px 13px; } .header-8 .mega-menu .menu-logo { padding: 23px 0px; } .header-8 .mega-menu .drop-down-multilevel.right-menu { right: 36px; } .header-8 .mega-menu.desktopTopFixed .menu-links > li > a { padding: 3px 13px; } .header-8 .mega-menu.desktopTopFixed .menu-logo { padding: 5px 0px 3px; } .header-8 .mega-menu.desktopTopFixed .search-3 .search-btn { line-height: 34px; } .header-8 .mega-menu.desktopTopFixed .search-3.search-3-open .search-3-box { top: 78px !important; border: 1px solid #eceff7; border-top: 0px; } /************************* Header 9 *************************/ .header-9 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0px; position: absolute; width: 100%; } .header-9 .mega-menu .menu-links > li.search { margin: 0 5px; } .header-9 .mega-menu > section.menu-list-items { padding:0px; } .header-9 .mega-menu .menu-links > li > a { padding: 20px 13px; color: #626262 } .header-9 .mega-menu .menu-links > li.active > a { color: #00a9da } .header-9 .mega-menu .menu-logo { padding: 23px 0px; } .header-9 .mega-menu .drop-down-multilevel.right-menu { right: 12px; } .header-9 .mega-menu.desktopTopFixed .menu-links > li > a { padding: 3px 13px; } .header-9 .mega-menu.desktopTopFixed .menu-logo { padding: 5px 0px 3px; } .header-9 .mega-menu.desktopTopFixed .menu-list-items { background: #ffffff; border-bottom: 1px solid #eceff7; } /************************* Header 10 *************************/ .header-10 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0px; width: 100%; position: absolute; } .header-10 .mega-menu .menu-links > li.search { margin: 0 5px; } .header-10 .search-3 { padding: 23px 0; } .header-10 .search-3 .search-btn { color: #323232; margin-left: 10px; line-height: 59px; } .header-10 .search-3 .search-btn:hover { color: #00a9da; } .header-10 .search-3.search-3-open .search-3-box { top: 107px !important; } .header-10 .mega-menu > section.menu-list-items { padding:0px; } .header-10 .mega-menu .menu-links > li > a { padding: 20px 13px; color: #626262; } .header-10 .mega-menu .menu-links > li.active > a { color: #00a9da; } .header-10 .mega-menu .menu-logo { padding: 23px 0px; } .header-10 .mega-menu .drop-down-multilevel.right-menu { right: 36px; } .header-10 .mega-menu.desktopTopFixed .menu-list-items { background: #fff; border-bottom: 1px solid #eceff8; } .header-10 .mega-menu.desktopTopFixed .menu-links > li > a { padding: 3px 13px; } .header-10 .mega-menu.desktopTopFixed .menu-logo { padding: 5px 0px 3px; } .header-10 .mega-menu.desktopTopFixed .search-3 .search-btn { line-height: 34px; } .header-10 .mega-menu.desktopTopFixed .search-3.search-3-open .search-3-box { top: 78px !important; border: 1px solid #eceff7; border-top: 0px; } /************************************* Slider (all home page main sliders ) **************************************/ /* Revolution slider home 1*/ .rev-slider { overflow: hidden; position: relative; } .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img { background-size: cover; } .tp-caption.modern_medium_fat_white,.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:500; font-size:24px; line-height:20px; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.title-1-desc,.title-1-desc { font-weight:300; font-family:Lato;color:#fff; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px;text-shadow:none; text-transform:capitalize; border-width:0px; border-color:rgb(0,0,0); border-style:none; } .tp-caption.title-2,.title-2 { font-size:60px; font-weight:500; font-family:Lato; color:#ffffff; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px; text-shadow:none; text-transform:capitalize; border-width:0px; border-color:rgb(0,0,0); border-style:none} .tp-caption.black-align-center,.black-align-center { font-size:60px; font-weight:500; font-family:Lato; color:#ffffff; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px; text-shadow:none; text-transform:capitalize; text-align:center; border-width:0px; border-color:rgb(0,0,0); border-style:none} .tp-caption.desc-align-center,.desc-align-center { font-weight:300; font-family:Lato; color:#fff; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px; text-shadow:none; text-transform:capitalize; border-width:0px; border-color:rgb(0,0,0); border-style:none} .tp-caption.extra-bold,.extra-bold { font-size:60px; font-weight:500; font-family:Lato;color:#ffffff; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px; text-shadow:none; text-transform:capitalize; text-align:center; border-width:0px; border-color:rgb(0,0,0); border-style:none} .tp-caption.fullscreenvideo:before { background: rgba(0, 0, 0, 0.7); content: ""; position: absolute; width: 100%; height: 100%;top: 0px; z-index: 99999; } .tp-caption.fullscreenvideo video { width: 100% !important; height: 100% !important; } /*Owl carousel slider home 2*/ img#background { width: 100%; height: 100vh; } .move-carousel { position: relative; } .move-carousel { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; } .move-carousel .owl-carousel-2 { overflow: hidden; } .move-carousel .owl-carousel-2 .owl-nav { display: block; position: absolute; text-indent: inherit; top: 46%; left: 0; width: 100%; cursor: pointer; } .move-carousel .owl-carousel-2 .owl-nav i:hover { color: #626262; background: rgba(255, 255, 255, 1); } /*content*/ .move-carousel .slider-contents h1 { text-transform: uppercase; font-size: 50px; font-weight: 700; } .move-carousel .slider-contents p { font-size: 18px; font-weight: 300; margin: 20px 0 30px; } .move-carousel .slider-contents a.button-border-white span { font-size: 14px; } .move-carousel .slider-contents.slide-1 h1 { margin-bottom: 30px; } .move-carousel .slider-contents.slide-2 h1 { line-height: 60px; margin-bottom: 0; margin-top: 20px;} .move-carousel .slider-contents.slide-2 p { margin: 20px 0 30px; } .move-carousel .slider-contents.slide-3 h1 { margin-top: 70px; } .move-carousel .slider-contents.slide-3 p { margin: 20px 0 20px; } /* Revolution slider home 3*/ .tp-banner-container { width:100%; position:relative; padding:0; } .tp-banner { width:100%; position:relative; } .tp-banner-fullscreen-container { width:100%; position:relative; padding:0; } .rev-slider-2 .tp-caption.title-1,.title-1 { font-size:60px; font-weight:500; font-family:Lato; color:#363636; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px;text-shadow:none; text-transform:capitalize; border-width:0px; border-color:rgb(0,0,0); border-style:none} .rev-slider-2 .tp-caption.title-1-blue,.title-1-blue { font-size:60px; font-weight:600; font-family:Lato; color:#00a9da; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px; text-shadow:none; border-width:0px; border-color:rgb(0,0,0); border-style:none} .rev-slider-2 .tp-caption.title-1-desc,.title-1-desc { font-weight:500; font-family: Lato; color:#363636; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px;text-shadow:none; border-width:0px; border-color:rgb(0,0,0); border-style:none} .rev-slider-2 .tp-caption.title-2,.title-2 { font-size:60px; font-family:Lato; color:#363636; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px;text-shadow:none; border-width:0px; border-color:rgb(0,0,0); border-style:none; } .rev-slider-2 .tp-caption.text-white.title-2.sft.tp-resizeme { color: #363636; text-align: center; font-weight: 500; } .rev-slider-2 .tp-caption.text-white.title-1-desc.sfl.tp-resizeme { color: #363636; } /*Owl carousel slider home 4*/ .slider-fade-carousel .bg-opacity-black-50:before { z-index: 9; } .slider-fade-carousel { height: 100vh; background: #000; overflow: hidden; } .slider-fade-carousel .owl-carousel-1 { overflow: hidden; } .slider-fade-carousel .owl-carousel-1 .owl-nav { display: block; position: absolute; text-indent: inherit; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999; } .slider-fade-carousel .owl-carousel-1 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; left: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; } .slider-fade-carousel .owl-carousel-1 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; } .slider-fade-carousel .owl-carousel-1 .owl-nav i { font-weight: normal; font-size: 40px; color: #fff; padding: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .slider-fade-carousel .owl-carousel-1 .owl-nav i:hover { color: #fff; } .slider-fade-carousel:hover .owl-carousel-1 .owl-nav .owl-prev { left: 3%; } .slider-fade-carousel:hover .owl-carousel-1 .owl-nav .owl-next { right: 3%; } .slider-fade-carousel .owl-carousel-1 .item img { width: 100%; } .slider-fade-carousel .owl-carousel-1 .slider-contents { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 9999; } .slider-fade-carousel .slider-contents h1 { text-transform: uppercase; font-size: 60px; font-weight: 800; } .slider-fade-carousel .slider-contents p { font-size: 18px; font-weight: 300; margin: 40px 0 30px; } .slider-fade-carousel .slider-contents .button { margin-right: 10px; margin-top: 10px; } .slider-fade-carousel .slider-contents.slide-2 h1 { text-transform: uppercase; font-size: 60px; font-weight: 800; line-height: 80px; } .slider-fade-carousel .slider-contents.slide-2 p { font-size: 20px; font-weight: 300; margin: 20px 0 30px; } .slider-fade-carousel .slider-contents.slide-3 h1 { text-transform: uppercase; font-size: 60px; font-weight: 800; line-height: 80px; } .slider-fade-carousel .slider-contents.slide-3 p { font-size: 20px; font-weight: 300; margin: 20px 0 30px; } /* Revolution slider home 5*/ /*.home-5 .rev-slider { position: relative; height: 100vh !important; }*/ .rev-slider-3 .tp-banner { background: #000; } .rev-slider-3 .tp-caption.largeboldwhite-align-right,.largeboldwhite-align-right { font-size:58px; line-height:50px; font-weight:600; color:#ffffff; text-decoration:none; background-color:transparent;text-align:right; border-width:0px; font-weight: normal; border-color:rgb(255,214,88) ; border-style:none; line-height: 70px; } .rev-slider-3 .tp-caption.desc-align-right,.desc-align-right { font-size:22px; font-weight:300; font-family:Lato; color:#fff; text-decoration:none; background-color:transparent; padding:10px 10px 10px 10px; text-shadow:none; text-transform:capitalize; text-align:right; border-width:0px; border-color:rgb(0,0,0); border-style:none;} /* animated slider 1 home-6*/ #animated-slider { overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } #animated-slider .item img { width: 100%; } #animated-slider .item .slider-content { z-index: 0; opacity: 0; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; -ms-transition: opacity 500ms; transition: opacity 500ms; } #animated-slider .item.active .slider-content { z-index: 0; opacity: 1; -webkit-transition: opacity 100ms; -ms-transition: opacity 100ms; -moz-transition: opacity 100ms; -o-transition: opacity 100ms; transition: opacity 100ms; } #animated-slider .slider-content{ display: inline-block; left: 0; position: absolute; text-align: center; top: 55%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 2; } #animated-slider .carousel-indicators { bottom: 30px; } .carousel-indicators li { border-radius: 0px; width: 40px !important; height: 10px !important; border: 2px solid #fff !important; margin: 1px !important; } #animated-slider .slider-content h1 { font-size: 60px; color: #323232; margin: 10px 0px 10px; font-weight: 600; line-height: 80px; text-transform: uppercase; } #animated-slider .slider-content span { color: #00a9da; font-size: 18px; margin-bottom: 10px; line-height: 20px; letter-spacing: 4px; font-weight: 400; display: block; text-transform: uppercase; } #animated-slider .slider-content .slider-2 p { font-size: 18px; } #animated-slider .slider-content p { padding: 0px 200px; margin-bottom: 30px; } #animated-slider .slider-content a.button span { letter-spacing: inherit; font-size: 14px; font-weight: 400; margin-bottom: 0px; color: #fff; } /*-- Animation --*/ .carousel .item.active .animated1 { -webkit-animation: lightSpeedIn 1s ease-in 200ms both; -o-animation: lightSpeedIn 1s ease-in 200ms both; -ms-animation: lightSpeedIn 1s ease-in 200ms both; -moz-animation: lightSpeedIn 1s ease-in 200ms both; animation: lightSpeedIn 1s ease-in 200ms both; } .carousel .item.active .animated2 { -webkit-animation: bounceInRight 1s ease-in-out 500ms both; -o-animation: bounceInRight 1s ease-in-out 500ms both; -ms-animation: bounceInRight 1s ease-in-out 500ms both; -moz-animation: bounceInRight 1s ease-in-out 500ms both; animation: bounceInRight 1s ease-in-out 500ms both; } .carousel .item.active .animated3 { -webkit-animation: bounceInLeft 1s ease-in-out 500ms both; -o-animation: bounceInLeft 1s ease-in-out 500ms both; -ms-animation: bounceInLeft 1s ease-in-out 500ms both; -moz-animation: bounceInLeft 1s ease-in-out 500ms both; animation: bounceInLeft 1s ease-in-out 500ms both; } .carousel .item.active .animated4 { -webkit-animation: flipInX 1s ease-in 500ms both; -o-animation: flipInX 1s ease-in 500ms both; -ms-animation: flipInX 1s ease-in 500ms both; -moz-animation: flipInX 1s ease-in 500ms both; animation: flipInX 1s ease-in 500ms both;} .carousel .item.active .animated5 { -webkit-animation: bounceInLeft 1s ease-in-out 100ms both; -o-animation: bounceInLeft 1s ease-in-out 100ms both; -ms-animation: bounceInLeft 1s ease-in-out 100ms both; -moz-animation: bounceInLeft 1s ease-in-out 100ms both; animation: bounceInLeft 1s ease-in-out 100ms both; } .carousel .item.active .animated6 { -webkit-animation: bounceIn 1s ease-in 500ms both; -o-animation: bounceIn 1s ease-in 500ms both; -ms-animation: bounceIn 1s ease-in 500ms both; -moz-animation: bounceIn 1s ease-in 500ms both; animation: bounceIn 1s ease-in 500ms both; } .carousel .item.active .animated7 { -webkit-animation: fadeInDown 0.7s ease-in 1000ms both; -o-animation: fadeInDown 0.7s ease-in 1000ms both; -moz-animation: fadeInDown 0.7s ease-in 1000ms both; -ms-animation: fadeInDown 0.7s ease-in 1000ms both; animation: fadeInDown 0.7s ease-in 1000ms both; } .carousel .item.active .animated8 { -webkit-animation: fadeInUp 0.7s ease-in 1000ms both; -o-animation: fadeInUp 0.7s ease-in 1000ms both; -moz-animation: fadeInUp 0.7s ease-in 1000ms both; -ms-animation: fadeInUp 0.7s ease-in 1000ms both; animation: fadeInUp 0.7s ease-in 1000ms both; } /* animated slider 2 home 7*/ #animated-slider-2 { overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } #animated-slider-2 .item img { width: 100%; } #animated-slider-2 .item .slider-content { z-index: 0; opacity: 0; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; -ms-transition: opacity 500ms; transition: opacity 500ms; } #animated-slider-2 .item.active .slider-content { z-index: 0; opacity: 1; -webkit-transition: opacity 100ms; -ms-transition: opacity 100ms; -moz-transition: opacity 100ms; -o-transition: opacity 100ms; transition: opacity 100ms; } #animated-slider-2 .slider-content .slider-1 { float: right; width: 50%; } #animated-slider-2 .slider-content .slider-2 { float: left; width: 50%; } #animated-slider-2 .slider-content { display: inline-block; left: 0; position: absolute; text-align: center; top: 55%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; z-index: 2; } #animated-slider-2 .carousel-indicators { bottom: 30px; } .carousel-indicators li { border-radius: 0px; width: 15px !important; height: 15px !important; border: 2px solid #fff !important; margin: 1px !important; } #animated-slider-2 .slider-content h1 { font-size: 80px; color: #fff; margin: 10px 0px 10px; font-weight: 800; line-height: 90px; text-transform: uppercase; } #animated-slider-2 .slider-content p { margin-bottom: 30px; color: #fff; font-style: italic; font-size: 18px; } /************************************* image-holder home 8 **************************************/ .image-holder-bg { background-size: cover !important; background-repeat: no-repeat; background-position: center bottom; position: relative; height: 800px; width: 100%; } .image-holder { display: table; width: 100%; height: 100%; position: relative; } .image-holder-content { display: table-cell; height: 100%; vertical-align: middle; } .image-holder-content .content { padding: 0 100px; margin-top: 100px; } .image-holder .image-holder-content span { font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 15px; display: block; } .image-holder .image-holder-content h2 { font-size: 45px; color: #fff; font-weight: 300; margin-top: 0px; line-height:60px; margin-bottom: 0px; } .image-holder .image-holder-content a { color: #fff; text-transform: uppercase; border-bottom: 2px solid #fff; font-size: 14px; margin-top: 30px; display: inline-block; padding-bottom: 5px; } .image-holder .image-holder-content a:hover { color: #00a9da; border-color: #00a9da; } /************************************* image-holder home 9 **************************************/ .image-holder-2-bg { background-size: cover !important; background-repeat: no-repeat; background-position: center bottom; position: relative; height: 900px; width: 100%; } .image-holder-2 { display: table; width: 100%; height: 100%; position: relative; } .image-holder-2-content { display: table-cell; height: 100%; vertical-align: middle; margin-top: 70px; } .image-holder-2-content .content { padding: 0 100px; margin-top: 100px; } .image-holder-2 .image-holder-2-content span { font-size: 14px; color: #ffffff; background: #00a9da; text-transform: uppercase; margin-bottom: 15px; display: inline-block; padding: 5px 20px; } .image-holder-2 .image-holder-2-content h1 { font-size:60px; text-transform: uppercase; color: #323232; font-weight: bold; margin-top: 10px; line-height:60px; margin-bottom: 20px; } .image-holder-2 .image-holder-2-content a { color: #323232; text-transform: uppercase; border-bottom: 2px solid #323232; font-size: 14px; margin-top: 30px; display: inline-block; padding-bottom: 5px; } .image-holder-2 .image-holder-2-content a:hover { color: #00a9da; border-color: #00a9da; } #typer { height: 40px; } #typer h2 { font-size: 32px; color: #323232; font-weight: 600; text-transform: uppercase; font-family: 'Raleway', sans-serif; } /************************************* parallax-banner home 10 **************************************/ .parallax-banner { width: 100%; height: 100vh; background: #f6f6f6; overflow: hidden; position: relative; } .parallax-banner .scene { padding: 0; margin: 0; height: 100%; } .parallax-banner .banner-content { padding: 0 25%; } .parallax-banner .banner-content span { background: #00a9da; color: #fff; text-transform: uppercase; font-size: 13px; letter-spacing: 3px; padding: 7px 15px; display: inline-block; } .parallax-banner .banner-content h1 { text-transform: uppercase; display: block; margin: 25px 0px; line-height: 55px; font-weight: 600; } .parallax-banner .banner-content a { color: #00a9da; text-transform: uppercase; border-bottom: 2px solid #00a9da; font-size: 14px; display: inline-block; padding-bottom: 5px; } .parallax-banner .banner-content a:hover { color: #323232; border-color: #323232; } .parallax-banner .layer:nth-child(1) { position: absolute; left: -100px; top: 60px; } .parallax-banner .layer:nth-child(2) { position: absolute; bottom: 20px; bottom: 20px; } .parallax-banner .layer:nth-child(3) { position: absolute; text-align: center; width: 100%; text-align: center; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .parallax-banner .layer:nth-child(4) { position: absolute; bottom: 0px; width: 100%; text-align: center; } .parallax-banner .layer:nth-child(5) { position: absolute; right: -200px; bottom: 100px; } .parallax-banner .layer:nth-child(6) { position: absolute; top: 60px; right: 50px; } /************************************* Mobile slider **************************************/ .mobile-slider { padding-left: 15px; padding-right: 15px; } .mobile-slider .row{z-index: 2; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 31.777777%; margin-right: -15px; margin-left: -15px;} .mobile-slider ul {list-style: none; z-index: 2;} .highlight h3 {position: relative; margin-top: 10px; display: block; font-size: 18px; } .highlight.active h3 { color: #00a9da; } .highlight-title span { position: relative; z-index: 1; font-size: 28px; color: #00a9da; } .highlight { cursor: pointer; margin: 40px 0px;} li:last-child.highlight { margin-bottom: 0px; } .highlights-phone{ width: 40%;height: 620px; float: left;} .phone-holder{ display: block; height: 620px; position: relative; top: 0px; left: 16px; width: 306px; margin: auto; overflow: hidden} #fon{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden;} .highlights-phone.wht .phone-holder #fon{background: url(../images/feature/11.png) center top no-repeat; background-position-x: 0; } .hgi{position: absolute; top: 58px; left: 15px; width: 276px;height: 480px; visibility: hidden;} .hgi img{width: 100%;height: 480px; } .highlights-phone.wht .hgi { top: 62px; } .hgi.active { visibility: visible; } .right-row { padding-right: 0; float: right; } .left-row { float: left; margin-right: 0; } .left-row .highlight-title { text-align: right; } .right-row .highlight-title { text-align: left; } /************************************* Background **************************************/ /*images background*/ .white-bg { background: #fff; } .gray-bg { background: #eceff7; } .blue-bg { background: #00a9da; } .black-bg { background: #323232; } .bg-opacity-black-10:before { background: rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-black-20:before { background: rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-black-30:before { background: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-black-40:before { background: rgba(0, 0, 0, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-black-50:before { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-black-60:before { background: rgba(0, 0, 0, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-black-70:before { background: rgba(0, 0, 0, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .bg-opacity-black-80:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-black-90:before { background: rgba(0, 0, 0, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-white-10:before { background: rgba(255, 255, 255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-white-20:before { background: rgba(255, 255, 255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-white-30:before { background: rgba(255, 255, 255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-white-40:before { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-white-50:before { background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-white-60:before { background: rgba(255, 255, 255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-white-70:before { background: rgba(255, 255, 255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-white-80:before { background: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-white-90:before { background: rgba(255, 255, 255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-blue-20:before { background: rgba(0, 169, 218, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-blue-50:before { background: rgba(0, 169, 218, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-blue-70:before { background: rgba(0, 169, 218, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-opacity-blue-90:before { background: rgba(0, 169, 218, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .bg-gradient:before { background: rgba(0, 0, 0, 0.8); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a9da), color-stop(100%, #000000)); background: -webkit-linear-gradient(-315deg, #00a9da 0%, #000000 100%); background: -webkit-linear-gradient(0deg, #00a9da 0%, #000000 100%); background: linear-gradient(0deg, #00a9da 0%, #000000 100%); opacity: 0.6; content:""; height:100%; left:0; position:absolute; top:0; width:100%; z-index: 0; } .bg-1 { background: url(../images/bg/01.jpg); background-attachment: fixed; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; } .bg-2 { background: url(../images/bg/02.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; } .bg-3 { background: url(../images/bg/03.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; } .bg-4 { background: url(../images/bg/04.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; } .bg-5 { background: url(../images/bg/05.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; } .bg-6 { background: url(../images/bg/06.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; } .bg-7 { background: url(../images/bg/07.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; } .bg-8 { background: url(../images/bg/08.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; } .bg-9 { background: url(../images/bg/09.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; } .bg-10 { background: url(../images/bg/11.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; } .bg-11 { background: url(../images/bg/12.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; } .bg-12 { background: url(../images/bg/15.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; } .bg-13 { background: url(../images/bg/16.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; } /*.bg-14 { background: url(../images/bg/18.png); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; }*/ .bg-14 { background: url(../images/bg/22.png); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; } .bg-15 { background: url(../images/bg/19.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; } .bg-16 { background: url(../images/bg/20.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; } .bg-17 { background: url(../images/bg/21.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed; } .bg-18 { background: url(../images/bg/22.jpg); background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-position: top center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; } /*pattern background*/ .pattern-bg { background:url(../images/pattern/pattern-bg.png) repeat; background-position: top right; background-color: rgba(236, 239, 247, 1); } .pattern-1 { background:url(../images/pattern/pattern-bg.png) repeat; background-position: top right; background-attachment: fixed; } /************************************* Features all ( all pages Features ) **************************************/ /*feature 1*/ .feature { background: #eceff7; padding: 3px; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 1; } .feature-content { position: relative; z-index: 9; } .feature i { background: #fff; width: 100%; font-size: 30px; color: #00a9da; padding: 35px 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .feature h4 { text-transform: none; padding:30px 0 10px; font-weight: 400; transition: all 0.3s ease-out 0s; } .feature p { font-weight: 100; padding: 0 20px; transition: all 0.3s ease-out 0s; } .feature a { font-size: 14px; font-weight: 100; color: #808080; margin: 25px 0 10px; display: block; position: relative; z-index: 3; } .feature .feature-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 0; background-size: cover; background-position: center center; } .feature .border { position: absolute; background: #00a9da; height: 0px; bottom: 0; left: 0; z-index:2; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .feature:hover .feature-img, .feature.active .feature-img { opacity: 1; } .feature:hover .border, .feature.active .border { height: 45px; } .feature:hover i, .feature.active i { background: rgba(255, 255, 255, 0); color: #fff; padding-bottom: 15px; } .feature:hover h4, .feature.active h4, .feature:hover p, .feature.active p { color: #fff; } .feature:hover a, .feature.active a { color: #fff; margin-top: 45px; } .feature:hover:before, .feature.active:before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } /*feature 2*/ .feature-2 span { float: left; margin-right: 15px; color: #00a9da; font-size: 26px; } .feature-2 h5 { display: table; padding-top: 4px; } /*feature 3*/ .feature-3-title { float: left; display: table; margin-right: 20px; } .feature-3-title span { font-size: 34px; color: #00a9da;} .feature-3-info { display: table-cell; vertical-align: top; } .feature-3 .work-hr p{ line-height: 30px; } .feature-3-info p { margin-bottom: 0px; } /*feature 4*/ .feature-4 span { float: left; margin-right: 19px; font-size: 34px; color: #00a9da; } .feature-4 h4 { display: block; } .feature-4 p { margin-left: 18px; padding-left: 36px; border-left:1px solid #eceff7; } .feature-4-sec li { font-size: 14px; color: #626262; margin-bottom: 10px; } .feature-4-sec i { color: #626262; font-size: 16px; margin-left: 17px; padding-right: 28px; padding-top: 4px; } /*feature 5*/ .feature5 span { font-size: 30px; color: #00a9da; font-weight: normal; margin-bottom: 20px; display: block; } .feature5 h4 { position: relative; padding-bottom: 15px; } .feature5 h4:before { position: absolute; bottom: 0px; content: ""; width: 70px; height: 2px; background: #00a9da; } .feature5 p { font-weight: normal; } .feature5 a { font-size: 15px; color: #363636; position: relative;} .feature5 i { opacity: 0; position: absolute; left: 75px; margin-top: 9px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; font-size: 12px; } .feature5 a:hover { color: #00a9da; } .feature5 a:hover i { left: 85px; opacity: 1; color: #00a9da; } /*feature6*/ .feature6 strong { font-size: 200px; font-weight: bold; color: #eceff8; position: relative; font-family: 'Lato', sans-serif; line-height: 140px;} .feature6-item-top { transform: translate3d(-50%, 0px, 0px); -webkit-transform: translate3d(-50%, 0px, 0px); -o-transform: translate3d(-50%, 0px, 0px); -ms-transform: translate3d(-50%, 0px, 0px); -moz-transform: translate3d(-50%, 0px, 0px); -ms-transform: translate(-50%, 0); left: 50%; position: absolute; text-align: center; top: 15%; } .feature6-item-top span { font-size: 30px; line-height: 34px; background: transparent; color: #00a9da; margin-bottom: 10px; display: block; border:none; outline: none; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} .feature6-item-top h3 { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } .feature6 p { font-size: 15px; } .feature6:hover .feature6-item-top span { margin-top: 40px; } .feature6:hover .feature6-item-top h3 { margin-top: -100px; } .work-process .feature6 { margin-bottom: 0px; } /*feature 7*/ .feature7 .feature7-icon{ float: left; width: 70px; height: 70px; background: transparent; border:2px solid #fff; text-align: center; margin-right: 25px;} .feature7 .feature7-icon span { font-size: 25px; line-height: 65px; color: #fff; } .feature7 .feature7-info { display: table; } .feature7 .feature7-info p { color: #fff; line-height: 20px; } /*feature 8*/ .feature-8-title { float: left; display: table; margin-right: 20px; } .feature-8-title span { font-size: 34px; color: #00a9da;} .feature-8-info { display: table-cell; vertical-align: top; } .feature-8-info p { font-size: 14px; margin-bottom: 0px; } .feature-8-main .feature-8 { margin-bottom: 0px; padding: 60px 0; } .feature-8-main .feature-8-info p { font-size: 13px; } /*owl-carousel-10*/ .feature-8-main .owl-carousel-10 { padding: 0 15px; } .owl-carousel-10 .owl-nav { display: block; position: absolute; text-indent: inherit; left: 0; width: 100%; cursor: pointer; top: 4px; } .owl-carousel-10 .owl-item { cursor: url("../images/client-arrow.png") 25 25, pointer; padding:0 15px; } /*feature 9*/ .feature-9 { padding: 25px 35px; position: relative; z-index: 9; background: #00c6ff; height: 250px; } .feature-9-bg-1 { background: #00c6ff; } .feature-9-bg-2 { background: #00a9da; } .feature-9-bg-3 { background: #0091bb; } .feature-9 .feature-9-title-left { float: left; opacity: 0.09; } .feature-9 .feature-9-title-left h1 { font-size: 84px; line-height: 63px; margin-right: 20px; color: #000; } .feature-9 .feature-9-title-right { display: table; } .feature-9-icon { position: absolute; top: 14px; z-index: -1; right: 0px; opacity: 0.05; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; -ms-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; } .feature-9-icon span { font-size: 200px; color: #000; } .feature-9:hover .feature-9-icon { right: 52%; } /*feature 10*/ .feature-10 span { font-size: 33px; } .feature-10 p { font-size: 13px; margin-bottom: 0px; } /*feature 11*/ .feature-11 .feature-11-icon { background: transparent; border:1px solid #eceff8; border-radius: 50%; display: block; height: 90px; margin: 0 auto; padding: 9px; text-align: center; width: 90px; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .feature-11 .feature-11-icon span { width: 70px; height: 70px; border-radius: 50%; color: #363636; font-size: 26px; text-align: center; line-height: 75px; background: #eceff8; display: inline-block; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .feature-11 .feature-11-info h4 { position: relative; } .feature-11 .feature-11-info h4:before { position: absolute; content: ""; width: 70px; height: 2px; background: #00a9da; margin: 0 auto; left: 37%; bottom: 0; } .feature-11 .feature-11-info p { margin-bottom: 0px; } .feature-11:hover .feature-11-icon { border-color: #00a9da; } .feature-11:hover .feature-11-icon span { background: #00a9da; color: #fff; } /*feature 12*/ .feature-12 span {font-size: 30px; color: #fff; margin-right: 20px; float: left; } .feature-12 p { display: table; } /*feature 13*/ .features13 { padding-top: 50px; padding-right: 25px; } .features13 p { position: relative; z-index: 9; margin-top: 20px; margin-bottom: 20px; } .features13 b { position: absolute; z-index: 0; top: 83px; font-family: 'Lato', sans-serif; right: 19px; font-size: 72px; color: #dde1eb; line-height: 72px; } .features13 ul { border-right: 6px solid #dde1eb; padding-right: 20px; } .features13 li { color: #626262; font-size: 16px; line-height: 22px; padding: 2px 0 7px; } .features13.left { padding-right: 0px; padding-left: 25px; } .features13.left b { position: absolute; z-index: 0; top: 83px; font-family: 'Lato', sans-serif; left: 20px; font-size: 72px; color: #dde1eb; line-height: 72px; } .features13.left ul { border-left: 6px solid #dde1eb; padding-left: 20px; border-right: 0px; padding-right: 0; } /*features-14*/ .features-14 span { color: #fff; font-size: 32px; margin-bottom: 25px; display: block; } /*feature-15*/ .feature-15 { background: #fff; padding: 40px 30px; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .feature-15 .feature-15-icon { width: 100px; height: 100px; border-radius: 50%; border: 2px solid #00a9da; margin: 0 auto; } .feature-15 .feature-15-icon img { margin-top: 20px; } .feature-15 .feature-15-content { margin-top: 30px; } .feature-15 .feature-15-content h4 { margin-bottom: 30px; } .feature-15 .feature-15-content p { margin-bottom: 0px; } .feature-15:hover { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); } /*feature-16*/ .feature-16 { padding: 0 85px; } .feature-16 .feature-16-icon { display: table-cell; } .feature-16 .feature-16-icon span { font-size: 30px; color: #00a9da; margin-right: 20px; } .feature-16 .feature-16-contant { display: table-cell; vertical-align: top; } .feature-16 .feature-16-contant p { font-size: 13px; } /*feature-17*/ .feature-17 .feature-17-icon { border: 20px solid #2b2b2b; display: inline-block; border-radius: 50%; margin-bottom: 30px; } .feature-17 .feature-17-icon span { border: 1px solid #393939; width: 130px; height: 130px; border-radius: 50%; line-height: 130px; text-align: center; background: #323232; display: inline-block; font-size: 40px; color: #fff; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); } .feature-17 .feature-17-content p { font-size: 13px; color: #fff; padding: 0 20px; } .feature-18 i { display: table-cell; float: left; margin-right: 15px; font-size: 24px; } .feature-18 h5 { display: table-cell; margin-bottom: 20px; color: #00a9da; line-height: 22px; } .feature-18 p { margin-top: 20px; display: block; } /*feature-19*/ .feature-19 h1 { font-size: 60px; color: #323232; } .feature-19 h3 { font-weight: 300; margin: 30px 0px 20px; } .feature-19 a { font-size: 14px; color: #00a9da; } .feature-19 a:hover { color: #323232; } /*feature-20*/ .feature-20 { background: #fff; padding: 40px 30px; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .feature-20 .feature-20-icon span { width: 80px; height: 80px; border-radius: 50%; display: inline-block; background: #eceff7; border: 0px solid #00a9da; margin: 0 auto; line-height: 80px; font-size: 26px; color: #626262; } .feature-20 .feature-20-content { margin-top: 30px; } .feature-20 .feature-20-content h4 { margin-bottom: 30px; color: #00a9da; } .feature-20 .feature-20-content p { margin-bottom: 0px; } .feature-20:hover { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); } /************************************* Custom-content all **************************************/ .page-wrapper { overflow: hidden; } body.page-wrapper { overflow: inherit; } .page-wrapper.boxed-layout{ overflow: inherit; } .wrapper { overflow: hidden; } .custom-content b { font-weight: 500; font-size: 18px; display: block;} .custom-content span { font-size: 15px; display: block; color: #626262; } .custom-content li { font-size: 14px; line-height: 32px; color: #626262; } .custom-content i { font-size: 14px; color: #00a9da; padding-right: 10px; } .custom-content .button { font-size: 14px; } .custom-content .feature-12 span { font-size: 30px; color: #fff;} .custom-content .feature-8 span { font-size: 30px; } /*custom-content 2*/ .custom-content-2 h1 { margin-bottom: 0px; font-size: 2.2em; } .custom-content-2 strong { font-size: 20px; font-weight: 500; display: block; } .custom-content-2 p { color: #363636; } .custom-content-2 i { padding-left: 10px; } /*custom-content 3*/ .custom-content-3 strong { font-weight: 500; display: block; color: #626262; } .custom-content-3-info { position: relative; } .custom-content-3-info p { position: relative; z-index: 1; padding-left: 56px; } .custom-content-3-info i { font-size: 113px; color: #eceff8; position: absolute; z-index: 0; left: 0; } /*custom-content 4*/ .custom-content-4 .social { float: right; display: table; } .custom-content-4 .social li { display: inline-block; } .custom-content-4 .social li a { display: block; background: #eceff7; color: #00a9da; width: 35px; height: 35px; font-size: 15px; text-align: center; line-height: 35px; border-radius: 3px; margin-left:5px; } .custom-content-4 .social li a:hover { background: #00a9da; color: #fff; } .custom-content-4 .info { position: relative; } .custom-content-4 .info i { position: absolute; left: 0; font-size: 126px; color: #eceff7; z-index: 0; } .custom-content-4 .info p { position: relative; z-index: 9; padding-left:64px; font-size: 16px; font-style: italic; line-height: 28px; } /*.custom-content*/ .owl-custom .custom-content { margin-top: 0px;} .owl-custom .custom-content li { line-height: 32px; } /*owl-carousel-12*/ .owl-custom .owl-carousel-12.owl-carousel.owl-theme.owl-loaded { height: 430px; } .owl-carousel-12 .owl-dots { display: block; position: relative; text-indent: inherit; width: 100%; cursor: pointer; text-align: center; } .owl-carousel-12.owl-theme .owl-dots .owl-dot span { background: #d0d0d0; border-radius: 30px; display: block; height: 15px; margin: 0px 7px; transition: opacity 200ms ease 0s; width: 15px; cursor: pointer; } .owl-carousel-12.owl-theme .owl-dots .owl-dot.active span, .owl-carousel-12.owl-theme .owl-dots .owl-dot:hover span { background: #00a9da; } .why-choose-us { overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } /*custom-content-5*/ .custom-content-5 .section-title-1 p { font-size: 30px; padding: 0 100px; line-height: 40px; } .custom-content-5 h4 { margin-bottom: 20px; color: #626262; font-size: 24px; } /*custom-content-5 skills-2*/ .custom-content-5 .skills-2 li h5 { position: relative; font-style: italic; font-size: 18px; } .custom-content-5 .skills-2 li {position: relative; margin-bottom: 0px; font-size:16px; width: 27%; float: left; margin-right: 70px; } .custom-content-5 .skills-2 li:last-child { margin-right: 0px; } .custom-content-5 .skills-2 .bar_container, .bar { position: absolute; left: 0; height: 7px; border-radius: 0px; content: ""; top:30px;} .custom-content-5 .skills-2 .bar_container {bottom: -8px; width: 100%; background-color: #eceff8; text-align: right; } .custom-content-5 .skills-2 .bar { top: 0; background: #00a9da !important; } .custom-content-5 .skills-2 .pct { position: absolute; top: -75px; left: 0; right: inherit; opacity: 0; transition: opacity 0.3s linear; color: #323232 !important; font-size: 26px; } /*custom-content-6 */ .custom-content-6 span { font-style: italic; } .custom-content-6 h2 { font-weight: 800; line-height: 40px; margin: 15px 0px 20px; } .custom-content-6 .right-slide img { float: left; margin-left: 0px; } .custom-content-6 .left-slide { padding:139px 30px; } /*custom-content-7*/ .custom-content-7 p { padding: 0 100px; } /*custom-content-8*/ .custom-content-8 .ripple { display: none; } .custom-content-8 #tabs ul.tabs li.active, .custom-content-8 #tabs ul.tabs li.active:focus, .custom-content-8 #tabs ul.tabs li:hover { background: transparent; color: #00a9da; } .custom-content-8 #tabs { padding: 0 100px; } .custom-content-8 #tabs .tabs { margin-bottom: 30px; } .custom-content-8 #tabs .tabs li span { padding-right: 10px; } .custom-content-8 #tabs .tabs li { font-size: 22px; font-weight: 300; padding: 10px 50px; color: #626262; } .custom-content-8 #tabs .tabcontent h4 { font-weight: 300; margin-bottom: 20px; text-transform: capitalize; } /*.custom-content-9*/ .custom-content-9 h2 { font-weight: 300; } /*custom-content-10*/ .custom-content-10 h2 { font-weight: 300; } .custom-content-10 span { display: block; font-weight: 300; } /*custom-content-11*/ .custom-content-11-info { padding: 0 100px; } .custom-content-11 span { color: #00a9da; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; } .custom-content-11 h2 { font-weight: 300; margin: 30px 0px; line-height: 40px; } .custom-content-11 a.button span { text-transform: inherit; letter-spacing: inherit; } /*custom-content-12*/ .custom-content-12 .skills-2 li { position: relative; margin-bottom: 55px; font-size:16px; } .custom-content-12 .skills-2 li:last-child { margin-bottom: 0px; } .custom-content-12 .skills-2 .bar_container, .bar { position: absolute; left: 0; height: 7px; border-radius: 3px; content: ""; top:30px;} .custom-content-12 .skills-2 .bar_container { bottom: -8px; width: 100%; background-color: #eceff8; text-align: right; } .custom-content-12 .skills-2 .bar { top: 0; background: #00a9da !important } .custom-content-12 .skills-2 .pct { position: absolute; top: -30px; right: 0; opacity: 0; transition: opacity 0.3s linear; color: #323232 !important; } /************************************* portfolio **************************************/ /*portfolio home 1*/ .horizontal-images.content-scrolling ul, .vertical-images.content-scrolling ul { margin: 0; padding: 0; list-style: none; overflow: hidden; } .horizontal-images.content-scrolling li{ width: auto; float: left; } .horizontal-images.content-scrolling li img{ width: 100%; } .portfolio .portfolio-item { width: 470px; position: relative; overflow: hidden; } .portfolio .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; } .portfolio .portfolio-item .portfolio-caption a { display: inline-block; color: #fff; font-size: 18px; } .portfolio .portfolio-item .portfolio-caption a span { font-size: 15px; padding: 10px 0 20px; display: block; text-transform: capitalize; } .portfolio .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover { color: #00a9da; } .portfolio .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 38px; } .portfolio .portfolio-item .portfolio-overlay a i { font-size: 16px; } .portfolio .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff;} /*portfolio-2 home page 2*/ .portfolio-2 .portfolio-item { background: #363636; color: #fff; width: 100%; border: 0; } .portfolio-2 .portfolio-item img {-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .portfolio-2 .portfolio-item img {-webkit-backface-visibility: hidden; backface-visibility: hidden; } .portfolio-2 .portfolio-item .portfolio-overlay span a { width: inherit; background: inherit; height: inherit; color: #fff; float: left; display: inline-block; text-align: left; } .portfolio-2 .portfolio-item .portfolio-overlay span a:hover { background: none; color: #00a9da; } .portfolio-2 .portfolio-item .portfolio-overlay a { background: #fff; border-radius: 50%; color: #363636; display: inline-block; font-size: 15px; height: 35px; width: 35px; line-height: 36px; text-align: center; margin-left: 10px; float: right; } .portfolio-2 .portfolio-item .portfolio-overlay i { padding-left: 2px; } .portfolio-2 .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff; } .portfolio-2 .portfolio-item .portfolio-overlay p { text-transform: none; font-size: 16px; opacity: 0; color: #fff; padding: 0 20px; margin: 0; display: inline-block; left: 0; position: absolute; text-align: center; bottom: 8%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,22px,0); transform: translate3d(0,22px,0); } .portfolio-2 .portfolio-item:hover img { -webkit-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0); } .portfolio-2 .portfolio-item:hover .portfolio-overlay p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*portfolio-2 home page 3*/ .portfolio-3 .container-fluid { padding-left: 0; padding-right: 0; }.portfolio-3 .isotope-filters button { font-size: 14px; padding: 12px 17px; } .portfolio-3 .isotope-filters { margin-bottom: 0px; } .portfolio-3 .isotope-filters button.active, .portfolio-3 .isotope-filters button:hover { background: #00a9da; border:1px solid #00a9da; color: #fff; } .portfolio-3 .portfolio-item { background: #00a9da; color: #fff; width: 100%; border: 0; } .portfolio-3 .portfolio-item img {-webkit-transition: -ms-transform 0.35s; -o-transform 0.35s; -moz-transform 0.35s; transition: transform 0.35s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} .portfolio-3 .full-screen .portfolio-item .portfolio-overlay { position: inherit; left: inherit; top:-13px; display: inherit; transform:inherit; margin-top: -4px; float: left; } .portfolio-3 .full-screen .portfolio-item .portfolio-overlay a:hover { background: #323232; } .portfolio-3 .portfolio-item .portfolio-overlay span a { float: left; height: inherit; width:inherit; background: none; font-size: 16px; color: #fff; display: inline-block; text-align: left; } .portfolio-3 .portfolio-item .portfolio-overlay span a:hover { color: #323232; background: transparent !important; } .portfolio-3 .portfolio-item .portfolio-overlay a { float: right; background: #fff; border-radius: 50%; color: #363636; display: inline-block; font-size: 15px; height: 35px; width: 35px; line-height: 36px; text-align: center; margin-left: 10px; margin-right: 0; } .portfolio-3 .portfolio-item .portfolio-overlay i { padding-left: 2px; } .portfolio-3 .portfolio-item .portfolio-overlay p { text-transform: none; font-size: 16px; opacity: 0; color: #fff; padding: 0 20px; margin: 0; display: inline-block; left: 0; position: absolute; text-align: center; bottom: 2px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; -o-transition: opacity 0.35s, -o-transform 0.35s; -webkit-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, -o-transform 0.35s; -ms-transition: opacity 0.35s, -o-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -moz-transform: translate3d(0,22px,0); -o-transform: translate3d(0,22px,0); -ms-transform: translate3d(0,22px,0); -webkit-transform: translate3d(0,22px,0); transform: translate3d(0,22px,0); } .portfolio-3 .portfolio-item:hover img { -webkit-transform: translate3d(0,-80px,0); -ms-transform: translate3d(0,-80px,0); -o-transform: translate3d(0,-80px,0); -moz-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0); } .portfolio-3 .portfolio-item:hover .portfolio-overlay p { opacity: 1; -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*portfolio-3 home page 3*/ .portfolio-main { position: relative; } .portfolio-main .button-border-white span { font-size: 14px; padding: 7px 12px; } .owl-carousel-8.owl-carousel { z-index: inherit; } .owl-carousel-8 .item img { width: 100%; } .owl-carousel-8 .owl-nav { display: block; position: relative; text-indent: inherit; width: 100%; cursor: pointer; } .owl-carousel-8 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; left: 37%; width: auto; cursor: pointer; } .owl-carousel-8 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 63%; width: auto; cursor: pointer; } .owl-carousel-8 .owl-nav .owl-prev i { padding-left: 3px;} .owl-carousel-8 .owl-nav i { font-weight: normal; font-size: 18px; color: #fff; text-align: center; line-height: 28px; margin: 0px 7px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-8 .owl-nav i:hover { color: #363636; } .owl-carousel-8 .owl-controls { position: relative; top: -45px; z-index: 10; } .owl-carousel-8.owl-carousel .owl-item img { transform-style:inherit;} .portfolio-info { display: block; background: #00a9da; width: 20%; left: 20%; position: absolute; z-index: 9; padding: 30px 25px 20px; height: 100%; } .portfolio-info h3 { font-size: 24px;} .portfolio-info p { margin-top: 20px; color: #fff; line-height: 22px; } /*portfolio-5 home page 5*/ .portfolio-image-holder { position: relative; height: 496px; } .portfolio-text-box { background: #f6f7f9; padding: 80px 80px; } /************************************* home-6 portfolio **************************************/ .portfolio-4 .isotope-filters-3 { text-align: center; } .portfolio-4 .isotope-filters-3 button { padding: 5px 6px; margin: 0 20px; } .portfolio-4 .isotope-filters-3 button { border:none; color: #626262; font-size: 16px; text-transform: capitalize; border-bottom: 2px solid transparent; border-radius: 0px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background: transparent; } .portfolio-4 .isotope-filters-3 button.active, .isotope-filters-3 button:hover { background: transparent; color: #00a9da; border-bottom: 2px solid #00a9da;} .portfolio-4 .isotope-filters-3 { margin-bottom: 20px; } .portfolio-4 .columns-3 .grid-item { width: 33.333%; padding: 15px; } .portfolio-4 .columns-3 .grid-item img { width: 100%; } .portfolio-4 .portfolio-item { width: 100%; position: relative; overflow: hidden; } .portfolio-4 { position: relative; } .portfolio-4 .tree-image { position: absolute; right: 0px; bottom: 0px; } .portfolio-4 .portfolio-item .portfolio-hover { padding: 20px; position: absolute; top: 0px; left: 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .portfolio-4 .portfolio-item .portfolio-hover .hover-name span { font-size: 14px; color: #fff; display: block; } .portfolio-4 .portfolio-item .portfolio-hover .hover-name a { font-size: 22px; text-transform: uppercase; color: #fff; display: block; margin-top: 5px; } .portfolio-4 .portfolio-item .portfolio-hover .hover-name a:hover { color: #323232; } .portfolio-4 .portfolio-item .portfolio-hover .hover-icon { position: absolute; bottom: 25px; right: 30px; } .portfolio-4 .portfolio-item .portfolio-hover .hover-icon a { color: #fff; } .portfolio-4 .portfolio-item .portfolio-hover .hover-icon a:hover { color: #323232; } .portfolio-4 .portfolio-item:hover .portfolio-hover { opacity: 1; background: rgba(0, 169, 218, 0.6); } .portfolio-4 .portfolio-item img { opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .portfolio-4 .portfolio-item:hover img { opacity: 0.1; -webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10); } /*portfolio home-9*/ .portfolio-4 .button a { color: #00a9da; font-size: 14px; margin-top: 30px; display: inline-block; padding-bottom: 5px; } .portfolio-4 .button a i { padding-left: 5px; } .portfolio-4 .button a:hover { color: #323232; } /************************************* Our Blog **************************************/ /*Blog 1*/ .blog-box { padding: 33px 20px 0px 20px; background: #eceff7; position: relative; z-index: 1; } .blog-info { position: relative; z-index: 9; } .blog-info span { color: #626262; font-size: 14px; margin-right: 6px; } .blog-info i { padding-right: 3px; color: #00a9da; } .blog-info p { padding: 25px 0 20px; } a.blog-btn { text-align: center; font-size: 14px; color: #00a9da; display: block; padding-bottom: 12px; position: relative; z-index: 1; } a.blog-btn i { margin-left: 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .blog-box .border { position: absolute; background: #00a9da; height: 0px; bottom: 0; left: 0; z-index: 0; width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .blog-box .blog-box-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; background-size: cover; background-position: center center; } .blog-box:hover .blog-box-img, .blog-box.active .blog-box-img { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .blog-box:hover h4, .blog-box:hover i, .blog-box:hover span, .blog-box:hover p, .blog-box:hover a.blog-btn, .blog-box.active h4, .blog-box.active i, .blog-box.active span, .blog-box.active p, .blog-box.active a.blog-btn { color: #fff; } .blog-box:hover .border, .blog-box.active .border { height: 45px; } .blog-box:hover .blog-box-img:before, .blog-box.active .blog-box-img:before { background: rgba(0, 0, 0, 0.6); color: #fff; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .owl-carousel-3 .owl-nav { display: inline-block; text-align: center; position: relative; text-indent: inherit; margin-top: 25px; width: 100%; cursor: pointer; } .owl-carousel-3 .owl-nav .owl-prev { display: inline-block; cursor: pointer; } .owl-carousel-3 .owl-nav .owl-next { display: inline-block; cursor: pointer; } .owl-carousel-3 .owl-nav .owl-next i { padding-left: 3px;} .owl-carousel-3 .owl-nav i { font-weight: normal; font-size: 20px; color: #626262; background: #eceff7; text-align: center; border-radius: 50%; width: 30px; height: 30px; line-height: 28px; margin: 0px 3px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-3 .owl-nav i:hover { background: #00a9da; color: #fff; } .owl-carousel .owl-item img { transform-style:inherit; } /* Blog 2*/ .our-blog .container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .our-blog .container-fluid .row { margin-left: 0 !important; margin-right: 0 !important; } .our-blog .container-fluid .row [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .our-blog .blog-box-image { max-height: 300px; display: block; overflow: hidden; position: relative; } .our-blog .blog-box-image img { width: 100%; } .our-blog .blog-box-info { background: #00a9da; padding: 35px 40px; max-height: 300px;} .our-blog .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; } .blog-box-image .portfolio-item { width: 100%;} .blog-box-image .portfolio-caption a { font-size: 20px; color: #fff; } .blog-box-image .portfolio-caption a:hover { color: #00a9da; } .blog-box-image .portfolio-caption .port-tag li { display: inline-block; margin-top: 20px; margin-left: 10px; } .blog-box-image .portfolio-caption .port-tag li a { display: block; font-size: 14px; color: #fff; } .blog-box-image .portfolio-caption .port-tag li a:hover { color: #00a9da; } .blog-box-image .portfolio-caption .port-tag li i { color: #00a9da; } .blog-box-image .portfolio-caption .button-border span { font-size: 14px; padding: 7px 15px; margin-top: 30px; } .blog-box-image .portfolio-caption .button-border span:hover { color: #fff; } /************************************* our skills **************************************/ /*skills 1*/ #video-background { width:100%; height:360px; position: relative; z-index: 0; } #video-background video { position: relative !important; top: 50% !important; transform: translateY(-50%) !important; } #inner-video-background.inner-intro { z-index: 0; } #video-background.video-content.bg-opacity-black-50:before { z-index: 0; } #video-background.video-content .section-title-2 { position: relative; z-index: 9; } .video-content .video-bg h1 { line-height: 60px; margin-bottom: 20px; font-size: 50px; } .video-content .section-title-2 .title-line-2 { padding: 0px; } .our-skills { padding: 80px 0; margin-top: 0px; } .skills-1 .bars { position: relative; } .skills-1 .jqbar.vertical { text-align: left; display: inline-block; } .skills-1 .jqbar.vertical .bar-level { background: #00a9da !important; } .skills-1 .jqbar.vertical span { display: block; font-size: 20px; font-weight: bold; color: #fff; } .skills-1 .jqbar.vertical .bar-percent { color: #fff; font-size: 41px; font-weight: bold; height: 37px; margin-bottom: -37px; margin-left: 28px; } .skills-1 .bar-level-wrapper { background: rgba(255, 255, 255, 0.2); } .skills-1 .jqbar.vertical .bar-level-wrapper { display: inline-block; float: left; margin-top: 0px; overflow: hidden; position: relative; } .skills-1 .jqbar.vertical span.bar-label { color: #fff; display: block; font-size: 20px; font-weight: bold; margin-left: 30px; margin-top: 60px; } .skills-1 .jqbar.vertical .bar-level { position: absolute; } .skills-1 .jqbar.vertical span.bar-text { font-size: 15px; font-weight: 400; left: 32px; position: absolute; bottom: 0px; padding-left: 14px; } /*horizontal*/ .skills-1 .jqbar.horizontal span { display: inline-block; margin-left: 5px; font-size: 11px; font-weight: bold; } .skills-1 .jqbar.horizontal .bar-percent { font-size: 20px; font-weight: bold; height: 50px; margin-bottom: 20px; } /*skills 2*/ .skills-2 li { position: relative; margin-bottom: 55px; font-size:16px; } .skills-2 li:last-child { margin-bottom: 0px; } .skills-2 .bar_container, .bar { position: absolute; left: 0; height: 7px; border-radius: 3px; content: ""; top:30px;} .skills-2 .bar_container {bottom: -8px; width: 100%; background-color: #eceff8; text-align: right;} .skills-2 .bar { top: 0; background: #00a9da !important } .skills-2 .pct { position: absolute; top: -30px; right: 0; opacity: 0; transition: opacity 0.3s linear; color: #323232 !important; } .our-activities .skills-2 li { position: relative; margin-bottom: 55px; font-size:16px; } .our-activities .skills-2 li:last-child { margin-bottom: 0px; } .our-activities .skills-2 .bar_container, .bar { position: absolute; left: 0; height: 7px; border-radius: 3px; content: ""; top:30px;} .our-activities .skills-2 .bar_container {bottom: -8px; width: 100%; background-color: #eceff8; text-align: right;} .our-activities .skills-2 .bar { top: 0; background: #00a9da !important } .our-activities .skills-2 .pct { position: absolute; top: -30px; right: 0; opacity: 0; transition: opacity 0.3s linear; color: #323232 !important; } /************************************* testimonials **************************************/ /*testimonial 1*/ .testimonial-avatar img { background: transparent; border: 3px solid #01a9da; width: 96px; height: 96px; border-radius: 50%; } .testimonial-info p { padding: 40px 100px 20px; margin-bottom: 0px; font-style: italic; } .testimonial-info strong { font-weight: 500; font-size: 16px; color: #00a9da; } .testimonial-info span { font-weight: normal; color: #626262; border-left: 1px solid #626262; padding-left: 20px; margin-left: 20px; } /*owl-carousel-4*/ .owl-carousel-4 .owl-nav { display: block; position: absolute; text-indent: inherit; left: 0; width: 100%; cursor: pointer; top: 4px; } .owl-carousel-4 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; left: 56%; width: auto; cursor: pointer; } .owl-carousel-4 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 56%; width: auto; cursor: pointer; } .owl-carousel-4.owl-nav .owl-prev i { padding-left: 3px;} .owl-carousel-4 .owl-nav i { font-weight: normal; font-size: 17px; color: #626262; background: transparent; text-align: center; border-radius: 50%; width: 30px; height: 30px; line-height: 28px; margin: 30px 3px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-4 .owl-nav i:hover { background: transparent; color: #00a9da; } /*testimonial 2*/ .testimonial-2 .testimonial-avatar { float: left; margin-right: 30px; } .testimonial-2 .testimonial-info { display: table; } .testimonial-2 .testimonial-info p { padding:10px 0 0 0; color: #fff; } .testimonial-2 .testimonial-info strong { font-size: 14px; } .testimonial-2 .testimonial-info span { color: #fff; } /*owl-carousel-9*/ .owl-carousel-9 .owl-nav { display: block; position: relative; text-indent: inherit; width: 100%; cursor: pointer; margin-top: 40px; } .owl-carousel-9 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; left: 50%; top: -20px; width: auto; cursor: pointer; } .owl-carousel-9 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 50%; top: -20px; width: auto; cursor: pointer; } .owl-carousel-9 .owl-nav .owl-prev i { padding-left: 3px; } .owl-carousel-9 .owl-nav i { font-weight: normal; font-size: 18px; color: #fff; text-align: center; line-height: 28px; margin: 0px 7px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-9 .owl-nav i:hover { color: #00a9da; } /*testimonial*/ .testimonial-3 h2 { font-weight: 300; } .testimonial-3 p { color: #ffffff; } .testimonial-3 .item { padding: 0 100px; } .testimonial-3 span { color: #ffffff; text-transform: uppercase; font-size: 13px; } .testimonial-3 .owl-theme .owl-dots .owl-dot span { margin: 26px 5px 0; cursor: pointer; background: #ffffff; } .testimonial-3 .owl-theme .owl-dots .owl-dot.active span, .testimonial-3 .owl-theme .owl-dots .owl-dot:hover span { background: #00a9da; } /*testimonial-4*/ .testimonial-4 p { color: #323232; } .testimonial-4 .item { padding: 0 200px; } .testimonial-4 span { color: #323232; text-transform: uppercase; font-size: 13px; margin-bottom: 5px; } .testimonial-4 h5 { text-transform: uppercase; margin-bottom: 0px; margin-top: 20px; } .testimonial-4 .owl-theme .owl-dots { text-align: center; } .testimonial-4 .owl-theme .owl-dots .owl-dot span { margin: 26px 5px 0; cursor: pointer; background: #ffffff; } .testimonial-4 .owl-theme .owl-dots .owl-dot.active span, .testimonial-4 .owl-theme .owl-dots .owl-dot:hover span { background: #00a9da; } /*testimonial-5*/ .testimonial-5 .testimonial-avtar { float: left; margin-right: 30px; } .testimonial-5 .testimonial-avtar img { width: 100px; height: 100px; border-radius: 50%; } .testimonial-5 .testimonial-content { display: table; } .testimonial-5 .testimonial-content p { font-size: 13px; } .testimonial-5 .testimonial-content span { font-size: 13px; color: #00a9da; display: block; line-height: 12px; } /************************************* Our Pricing **************************************/ /*pricing-1*/ .pricing-table { background: #eceff7; padding: 30px 0px 0; position: relative; margin-top: 20px; } .pricing-title h2 { text-transform: uppercase; margin-bottom: 10px; } .pricing-title span { font-size: 16px; display: block; margin-bottom: 12px; } .pricing-list ul { margin-top: 30px; } .pricing-list li { font-size: 16px; padding: 17px 0px; border-top: 1px solid #e8e8e8; } .pricing-list li.text-gray { color: #C3BFBF; } .pricing-order { background: #323232; display: inline-block; position: relative; width: 100%; padding: 20px 0; } .pricing-order .button-border { float: none; margin: 0 auto; width: 125px; padding: 8px 16px; } .pricing-ribbon { position: absolute; left: -6px; top: -7px;} .pricing-table.active { background: #00a9da; margin-top: -4px; position: relative; padding: 0; border:none; } .pricing-table.active .pricing-title h2.text-bg { background: #323232; padding: 27px;} .pricing-table.active .pricing-order { background: #058AB1; padding: 30px 0; } .pricing-table.active .pricing-list ul { margin-top: 31px; } .pricing-table.active .pricing-list li { border-color: #009fcd; color: #fff; } .pricing-table.active .pricing-list li.text-light-blue { color: #008cb4; } .pricing-table.pricing-table-border { border-left: 1px solid #e8e8e8;} /*pricing-2*/ .pricing-2 .pricing-table { background: #fff; } .pricing-2 .pricing-table.active { background: #00a9da; } .pricing-2 .pricing-table.active .pricing-title h2.text-bg { background: #00a9da; padding: 27px;} .pricing-2 .pricing-order { background: #fff; padding: 20px 0; } .pricing-2 .pricing-table.active .pricing-order { background: #00a9da; padding: 20px 0; } .pricing-2 .pricing-table.active .pricing-list li.text-light-blue { color: #fff; } .pricing-2 .pricing-table.active .pricing-title h3.text-bg { background: #00a9da; padding: 44px 0 30px; } .pricing-2 .pricing-table.active .pricing-bg { background: #fff; color: #00a9da;} .pricing-2 .pricing-title h3 { border-bottom:5px solid #00a9da; padding-bottom: 26px; margin-bottom: 0px; } .pricing-2 .pricing-prize h2 { border-bottom:0px solid #00a9da; margin-bottom: 0px; padding-bottom: 0px;} .pricing-2 .pricing-title span { padding: 13px 0; margin-bottom: 0px; } .pricing-2 .pricing-table.active .pricing-title span { padding: 15px 0; margin-bottom: 0px; } .pricing-2 .pricing-table.active .pricing-list ul { margin-top: 0px; } .pricing-2 .pricing-table .pricing-list ul { margin-top: 0px; } .pricing-2 .pricing-table.active { margin-top: -8px; } .pricing-2 .pricing-table .pricing-ribbon { left: -3px; top: 8px; } .pricing-2 .pricing-table.pricing-table-border { border-left: 0px solid #e8e8e8; } /************************************* who we are **************************************/ /*who-we-are-left*/ .owl-carousel-2 { overflow: hidden; } .owl-carousel-2 .owl-nav { display: block; position: absolute; text-indent: inherit; top: 46%; left: 0; width: 100%; cursor: pointer; } .owl-carousel-2 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; left: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; } .owl-carousel-2 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; } .owl-carousel-2 .owl-nav i { font-weight: normal; font-size: 20px; color: #626262; background: rgba(255, 255, 255, 0.7); padding: 12px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-2 .owl-nav i:hover { color: #626262; background: rgba(255, 255, 255, 1); } .who-we-are-left:hover .owl-carousel-2 .owl-nav .owl-prev { left: 0; } .who-we-are-left:hover .owl-carousel-2 .owl-nav .owl-next { right: 0; } /*who-we-are-right*/ .about { overflow: hidden; } .who-we-are .who-we-are-left img { width: 100%; } .who-we-are-right h4 { margin-top: 0px; font-size: 25px; } .who-we-are-right a { font-weight: 600; color: #00a9da; } .who-we-are-right-button a.button i { padding: 13px 10px; width: 46px; font-size: 14px;} .who-we-are-right-button a.button span { font-size: 13px; padding: 11px 15px; } ul.who-we-are-about i { color: #00a9da; padding-right: 10px; } ul.who-we-are-about li { font-size: 14px; line-height: 30px;} /************************************* Our activities **************************************/ /*skillbar*/ .tooltip-s { position:relative; float:right; } .tooltip-s .tooltip-inner {background-color: transparent; padding:5px 15px; color:#363636; font-weight:bold; font-size:13px;} .popOver + .tooltip-s .tooltip-arrow { border:none; } .progress { border-radius:0; overflow:visible; height: 10px; margin-bottom: 30px; background: #eceff7; box-shadow: none; } .our-activities .skills-2 b { font-weight: 300; font-size: 16px; display: inline-block; margin-bottom: 5px; text-transform: capitalize; } /*accordion*/ .accordion .accordion-title { font-size: 16px; color: #000; } .accordion .accordion-title a { background: transparent; border: 1px solid #eceff7; display: block; position: relative; color: #626262; margin-top: -1px; text-decoration: none; padding: 11px 60px; font-weight: normal; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .accordion .accordion-title a:hover { text-decoration: none; background-color: transparent; color: #00a9da; } .accordion .accordion-title a.active { color: #fff; background-color: #00a9da; cursor: default; border-color: #00a9da; } .accordion .accordion-title a:after { content: "\f067"; width: 20px; height: 20px; margin-top: -8px; position: absolute; top: 50%; left: 20px; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 14px; line-height: 20px; text-align: center; color: #626262; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .accordion .accordion-title a.active:after, .accordion .accordion-title a.active:hover:after { content: "\f068"; color: #fff; } .accordion .accordion-title a:hover:after { color: #00a9da; } .accordion-content { padding: 15px 20px; border: 1px solid #eceff7; } /************************************* action-box **************************************/ .action-box { background: #00a9da; padding: 48px 0 40px; position: relative; } .action-box-button a.button i { padding: 13px 10px; width: 46px; font-size: 14px; } .action-box-button a.button span { font-size: 13px; padding: 11px 12px; } .action-box-button .button.button-black { margin-right: 0px; } /*action-box 2*/ .action-box-2 { padding: 60px 0 45px; } /*action-box 3*/ .action-box-3 { padding: 30px 0; position: relative; background: #00a9da; } .action-box-3:before { content: ""; position: absolute; bottom: -15px; left: 25%; width: 0; height: 0; border-style: solid; border-width: 0 21px 15px 0; border-color: transparent #00a9da transparent transparent; } .action-box-3 h3 { line-height: 36px; } .action-box-3 .action-box-button a.button i { padding: 13px 10px; width: 46px; font-size: 14px; } .action-box-3 .action-box-button a.button span { font-size: 13px; padding: 11px 12px; } .action-box-3 .action-box-button .button.button-black { margin-right: 0px; } /************************************* Our awesome features **************************************/ .feature-main .container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .feature-main .container-fluid .row { margin-left: 0 !important; margin-right: 0 !important; } .feature-main .container-fluid .row [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .feature-mob { background: url("../images/feature/05.png") no-repeat scroll 0 0; display: inline-block; height: 630px; position: relative; width: 100%; } .mob-scroll { display: inline-block; height: 630px; position: relative; width: 282px; } .mob-scroll:hover .feature-mob-scroll { background-position: center 100% !important; } .feature-mob .feature-mob-scroll { background-position: center 0; background-repeat: no-repeat; background-size: cover; height: 448px; left: 30px; position: absolute; top: 58px; width: 252px; transition: all 5s ease-out 0s; -webkit-transition: all 5s ease-out 0s; -o-transition: all 5s ease-out 0s; -moz-transition: all 5s ease-out 0s; -ms-transition: all 5s ease-out 0s; } .key-features-device { position: absolute; left: -260px; top: -20px; } /*most Awesome features dropping-words*/ /*dropping-words*/ .dropping-words { display: inline; text-indent: 10px; } .dropping-words-1 span { position: absolute; opacity: 0; text-transform: capitalize; height: 45px; overflow: hidden; color: #00a9da; -webkit-transform-origin: 10% 75%; transform-origin: 10% 75%; -webkit-animation: rotateWord 18s linear infinite 0s; -ms-animation: rotateWord 18s linear infinite 0s; -moz-animation: rotateWord 18s linear infinite 0s; -o-animation: rotateWord 18s linear infinite 0s; animation: rotateWord 18s linear infinite 0s; } .dropping-words span:nth-child(2) { -webkit-animation-delay: 3s; -ms-animation-delay: 3s; -o-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s; } .dropping-words span:nth-child(3) { -webkit-animation-delay: 6s; -ms-animation-delay: 6s; -o-animation-delay: 6s; -moz-animation-delay: 6s; animation-delay: 6s; } .dropping-words span:nth-child(4) { -webkit-animation-delay: 9s; -ms-animation-delay: 9s; -o-animation-delay: 9s; -moz-animation-delay: 9s; animation-delay: 9s; } .dropping-words span:nth-child(5) { -webkit-animation-delay: 12s; -ms-animation-delay: 12s; -o-animation-delay: 12s; -moz-animation-delay: 12s; animation-delay: 12s; } .dropping-words span:nth-child(6) { -webkit-animation-delay: 15s; -ms-animation-delay: 15s; -o-animation-delay: 15s; -moz-animation-delay: 15s; animation-delay: 15s; } @-webkit-keyframes rotateWord { 0% { opacity: 0; } 5% { opacity: 1; } 17% { opacity: 1; -webkit-transform: rotate(0deg); } 19% { opacity: 1; -webkit-transform: rotate(98deg); } 21% { opacity: 1; -webkit-transform: rotate(86deg); } 23% { opacity: 1; -webkit-transform: translateY(85px) rotate(83deg); } 25% { opacity: 0; -webkit-transform: translateY(170px) rotate(80deg); } 80% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes rotateWord { 0% { opacity: 0; } 5% { opacity: 1; } 17% { opacity: 1; -ms-transform: rotate(0deg); } 19% { opacity: 1; -ms-transform: rotate(98deg); } 21% { opacity: 1; -ms-transform: rotate(86deg); } 23% { opacity: 1; -ms-transform: translateY(85px) rotate(83deg); } 25% { opacity: 0; -ms-transform: translateY(170px) rotate(80deg); } 80% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes rotateWord { 0% { opacity: 0; } 5% { opacity: 1; } 17% { opacity: 1; -o-transform: rotate(0deg); } 19% { opacity: 1; -o-transform: rotate(98deg); } 21% { opacity: 1; -o-transform: rotate(86deg); } 23% { opacity: 1; -o-transform: translateY(85px) rotate(83deg); } 25% { opacity: 0; -o-transform: translateY(170px) rotate(80deg); } 80% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes rotateWord { 0% { opacity: 0; } 5% { opacity: 1; } 17% { opacity: 1; -moz-transform: rotate(0deg); } 19% { opacity: 1; -moz-transform: rotate(98deg); } 21% { opacity: 1; -moz-transform: rotate(86deg); } 23% { opacity: 1; -moz-transform: translateY(85px) rotate(83deg); } 25% { opacity: 0; -moz-transform: translateY(170px) rotate(80deg); } 80% { opacity: 0; } 100% { opacity: 0; } } @keyframes rotateWord { 0% { opacity: 0; } 5% { opacity: 1; } 17% { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 19% { opacity: 1; -webkit-transform: rotate(98deg); transform: rotate(98deg); } 21% { opacity: 1; -webkit-transform: rotate(86deg); transform: rotate(86deg); } 23% { opacity: 1; -webkit-transform: translateY(85px) rotate(83deg); transform: translateY(85px) rotate(83deg); } 25% { opacity: 0; -webkit-transform: translateY(170px) rotate(80deg); transform: translateY(170px) rotate(80deg); } 80% { opacity: 0; } 100% { opacity: 0; } } /*More awesome features home 5*/ .awesome-features { position: relative;} .feature-item { position: relative; clear: both; } .feature-item:before, .feature-item:after { content:""; display:table; } .feature-item:after { clear:both; } .feature-item { zoom:1; } .feature-details { float: right; width: 40%; padding-left: 20px; } .feature-item:first-child .feature-details { background: transparent url(../images/try.png) no-repeat bottom left; padding-bottom: 60px; } .feature-details h2 { color: #498EA5; margin-top: 0; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); padding-bottom: 10px; box-shadow: 0 1px 0 #DFDEDC, 0 2px 0 rgba(255,255,255,0.5); } .feature-details p { color: #999; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); line-height: 22px; } .feature-details p a { font-weight: bold; color: #498EA5; } .feature-details p a:hover{ color: #2A3344; } .feature-preview { position: relative; } .feature-item-left .feature-details{ float: left; padding-right: 20px; padding-left: 0px; text-align: right; } .feature-item img { width: 100%; margin: 0 auto; display: block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); /*opacity: 0.8;*/ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .feature-annotations { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; z-index: 5; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8);-ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .feature-annotations span { display: block; position: absolute; padding: 12px 8px 0; text-align: center; font-size: 16px; font-style: italic; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .feature-annotations span:after { background: transparent url("../images/001.png") no-repeat scroll 0 0; content: ""; height: 73px; left: 100%; position: absolute; top: 50%; width: 190px; } .feature-annotations span:nth-child(1) { top: 5%; left: 5%; } .feature-annotations span:nth-child(2) { top: 20%; left: -13%; } .feature-annotations span:nth-child(3) { top: 7%; right: 2%; } .feature-annotations span:nth-child(4) { top: 53%; right: -8%; } .feature-annotations span:nth-child(5) { bottom: 25%; left: -4%; } .feature-annotations span:nth-child(6) { top: -6%; left: 0%; right: 0%; } .feature-item:nth-child(2) .feature-annotations span:nth-child(1) { top: 12%; left: 37%; } .feature-item:nth-child(2) .feature-annotations span:nth-child(2) { top: 32%; left: -5%; } .feature-item:nth-child(2) .feature-annotations span:nth-child(3) { top: 40%; right: -5%; } .feature-annotations span:nth-child(3):after, .feature-annotations span:nth-child(4):after, .feature-item:nth-child(2) .feature-annotations span:nth-child(1):after { left: auto; right: 100%; background-image: url(../images/002.png); } .feature-item:nth-child(1) .feature-annotations span:nth-child(6):after { left: 50%; background-image: url(../images/003.png); margin-top: 25px; height: 150px; } input.feature-toggle { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; z-index: 100; border: none; cursor: pointer; } input.feature-toggle:checked + img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99); opacity: 1; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } input.feature-toggle:hover + img{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99); opacity: 1; } input.feature-toggle:checked ~ .feature-annotations, input.feature-toggle:checked ~ .feature-annotations span{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } input.feature-toggle:checked ~ .feature-annotations span:nth-child(1) { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; } input.feature-toggle:checked ~ .feature-annotations span:nth-child(2) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s; } input.feature-toggle:checked ~ .feature-annotations span:nth-child(3) { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -ms-transition-delay: 0.8s; transition-delay: 0.8s; } input.feature-toggle:checked ~ .feature-annotations span:nth-child(4) { -webkit-transition-delay: 1.0s; -moz-transition-delay: 1.0s; -o-transition-delay: 1.0s; -ms-transition-delay: 1.0s; transition-delay: 1.0s; } input.feature-toggle:checked ~ .feature-annotations span:nth-child(5) { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; -ms-transition-delay: 1.2s; transition-delay: 1.2s; } input.feature-toggle:checked ~ .feature-annotations span:nth-child(6) { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -o-transition-delay: 1.2s; -ms-transition-delay: 1.2s; transition-delay: 1.4s; } @media screen and (max-width: 730px){ .feature-item .feature-details, .feature-preview { float: none; width: 100%; padding: 0; text-align: left; } .feature-annotations span { font-size: 11px; } } .awesome-features-device { position: relative; width: 100%; } .awesome-features-device img { position: absolute; left: -250px; top: 50px; display: block; } /************************************* key-features-2 **************************************/ .key-features-2 .features-device .row [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .key-features-2 .features-device { margin-top: 310px; position: relative; z-index: 0; } .key-features-2 .features-device img.device-1 { position: absolute; bottom: 0px; bottom: -130px; left: 163px; z-index: 1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .key-features-2 .features-device img.device-2 { position: absolute; bottom: -80px;z-index: 1; left: 120px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .key-features-2 .features-device img.device-3 { position: absolute; bottom: -100px; z-index: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .key-features-2 .features-device img.device-4 { position: absolute; bottom: -160px; left: -140px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; } .key-features-2 .features-device img.device-1:hover { bottom: -110px; } .key-features-2 .features-device img.device-2:hover { bottom: -60px; } .key-features-2 .features-device img.device-3:hover { bottom: -80px; } .key-features-2 .features-device img.device-4:hover { bottom: -140px; } /************************************* our services **************************************/ .service-image-holder { position: relative; height: 496px; } .service-image-holder .section-title-2 { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } .services-text-box { background:#00a9da; padding: 90px 70px 40px 90px;} /************************************* Counter **************************************/ .counter-main b { font-size: 38px; display: block; color: #fff; font-family: 'Lato', sans-serif; font-weight: bold; margin: 10px 0px; } .counter-main span { font-size: 40px; color: #fff; } .counter-main h5 { margin-bottom: 0px; } /************************************* creativity **************************************/ .creativity h1 { line-height: 65px; text-transform: uppercase; font-size: 50px; font-weight: bold; } .creativity p { font-size: 30px; } .creativity .button { display: inline-block; float: none; } /************************************* News letter ************************************/ .news-letter { padding: 50px 0; } .news-letter p { margin-bottom: 0px; } .news-letter .section-field { position: relative; display: block; } .news-letter .section-field i { position: absolute; left: 0; padding: 15px; font-size: 14px; color: #363636; } .news-letter .section-field input { padding-left: 35px; color: #363636; background: transparent; border:1px solid #363636; width: 80%; border-radius: 3px; } .news-letter .section-field input:focus { border:1px solid #00a9da; } /************************************* popup contact **************************************/ .popup-contact { position: relative; } .popup-contact-box { position: absolute; bottom: 105px; left: 15px; z-index: 999; } #contact-btn { bottom: 0; position: absolute; z-index: 99; background: #00a9da; color: #fff; width: 40px; border-radius: 3px; font-size: 18px; height: 40px; text-align: center; line-height: 40px; } .popup-contact-box input:focus { border:1px solid; } .contact-info { display:none; background-color:#eceff7; width:300px; min-height: 390px height:auto; border-radius: 3px; padding: 25px; } .contact-info h4 { text-transform: capitalize; } .contact-info .contact-form .section-field { display: inline; position: relative; width: 100%; } .contact-info .contact-form .field-widget { position: relative; } .contact-info .contact-form .section-field i { color: #00a9da; left: 0; position: absolute; z-index: 99; } .contact-info .contact-form .section-field input { text-transform: capitalize; margin-bottom: 20px; margin-right: 17px; color:#363636; padding-left: 38px; width: 100%; border:1px solid #00a9da; border-radius: 3px; } .contact-info .contact-form .section-field input:focus { border-color: #363636;} .contact-info .contact-form textarea { width: 100%; border: medium none; color: #363636; display: block; border:1px solid #00a9da; margin-bottom: 20px; border-radius: 3px; padding-left: 38px; } .contact-info .contact-form textarea:focus { border-color: #363636;} .contact-info a.button-border span { padding: 8px 18px; margin-right: 0; } .popup-contact-2 #contact-btn { background: #007da1; } /************************************* Let’s Get in Touch **************************************/ .contact-box i { background: #eceff7; width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 5px; font-size: 34px; color: #00a9da;/* margin-bottom: 20px;*/ } /*contact form*/ .contact-form .section-field { position: relative; width: 31.3%; margin-right: 3%; float: left; } .contact-form .section-field:nth-child(3) { margin-right: 0px; } .contact-form .section-field i { position: absolute; left: 0; color: #00a9da; display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; z-index: 99; } .contact-form .section-field input { position: relative; width: 100%; margin-bottom: 20px; padding-left: 45px; clear: both; } .contact-form .section-field.textarea { width: 100%; float: left; } .contact-form .section-field.textarea textarea { padding-left: 45px; } #formmessage { display: none; } #formmessage-2 { display: none; } /*contact-map*/ .contact-map .container-fluid { padding: 0px; margin: 0px; height: 450px; } /************************************* contact us 2 **************************************/ .contact-2 .contact-box i { background: transparent; float: left; margin-right: 10px; line-height: 30px; top: -7px; } .contact-2 .contact-box .info { display: table; } /************************************* contact us 3 **************************************/ .contact-3 .contact-map iframe { height: 800px; } .contact-3-info { padding: 40px; height: 800px; } .contact-3-info .contact-add i { float: left; color: #00a9da; margin-right: 15px; line-height: 29px; } .contact-3-info .contact-add p { display: table; } .contact-3-info .contact-form input { background: rgba(0, 0, 0, .5); border:none; color: #fff; } .contact-3-info .contact-form textarea { background: rgba(0, 0, 0, .5); border:none; color: #fff; } .contact-3-info .contact-form input:focus { background: rgba(0, 0, 0, 1); } .contact-3-info .contact-form textarea:focus { background: rgba(0, 0, 0, 1); } .contact-3-info .contact-add i { width: 45px; height: 45px; text-align: center; border-radius: 50%; background: rgba(0, 0, 0, .5); line-height: 45px; } /*contact-4*/ .contact-4 .contact-form input { margin-bottom: 20px; width: 32%; margin-right: 2%; float: left; padding-left: 15px; } .contact-4 .contact-form textarea { padding-left: 15px; } .contact-4 .contact-form input:nth-child(3) { margin-right: 0px; } .contact-4 .contact-address ul li { display: block; color: #323232; padding-bottom: 20px; } .contact-4 .contact-address ul li span { float: left; margin-right: 15px; } .contact-4 .contact-address ul li p { display: table-cell; } .contact-4 .contact-social ul li { display: inline-block; } .contact-4 .contact-social ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #323232; background: #eceff8; font-size: 14px; border-radius: 3px; margin-right: 5px; } .contact-4 .contact-social ul li a:hover { background: #00a9da; color: #fff; } /*contact */ .contact-5 .contact-add i { float: left; color: #00a9da; margin-right: 15px; line-height: 29px; } .contact-5 .contact-add p { display: table; } .contact-5 .contact-form i { z-index: 99; } .contact-5 .contact-form input { background: rgba(0, 0, 0, .5); border:none; color: #fff; } .contact-5 .contact-form textarea { background: rgba(0, 0, 0, .5); border:none; color: #fff; display: block; } .contact-5 .contact-form input:focus { background: rgba(0, 0, 0, 1); box-shadow: none; border:none; } .contact-5 .contact-form textarea:focus { background: rgba(0, 0, 0, 1); box-shadow: none; border:0px solid; } /************************************* social **************************************/ .social-full .container-fluid { padding: 0px; } .social-full li { display: inline-block; float: left; width: 12.5%; } .social-full li a { background: #3a5897; height: 80px; display: block; text-align: center; line-height: 80px; color: #fff; font-size: 30px; } .social-full li a.fb { background: #3a5897; } .social-full li a.fb:hover { box-shadow: 250px 0 0 #1e3667 inset; } .social-full li a.twitter { background: #41d1da; } .social-full li a.twitter:hover { box-shadow: 250px 0 0 #249da5 inset; } .social-full li a.pinterest { background: #c3222b; } .social-full li a.pinterest:hover { box-shadow: 250px 0 0 #9d141c inset; } .social-full li a.vimeo { background: #41b2dc; } .social-full li a.vimeo:hover { box-shadow: 250px 0 0 #2288ae inset; } .social-full li a.dribbble { background: #dd4b80; } .social-full li a.dribbble:hover { box-shadow: 250px 0 0 #9e234f inset; } .social-full li a.linkedin { background: #0274b3; } .social-full li a.linkedin:hover { box-shadow: 250px 0 0 #025482 inset; } .social-full li a.rss { background: #ff9900; } .social-full li a.rss:hover { box-shadow: 250px 0 0 #c57805 inset; } .social-full li a.behance { background: #005cff; } .social-full li a.behance:hover { box-shadow: 250px 0 0 #0046c3 inset; } /************************************* Our History **************************************/ .history-main { width: 100%; } .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } .liner i { position: absolute; right: -2px; top: -9px; color: #fff; } .history-content { list-style: outside none none; padding: 125px 0; width: auto; } .history-1 { position: relative; left: 45px; } .history-2 { position: relative; margin-left: 30%; } .history-3 { position: relative; margin-left:58%; } .history-4{ position: relative; margin-left: 95%; } .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; } .history-time-lin { position: relative; top: 10px; z-index: 2; } .history-time-lin:before { bottom: 0; } .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; } .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; } .history-time-lin:after { left: -10px; top: -25px; } .history-item { left: -20px; position: absolute; top: -125px; } .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } .history-5 { position: relative; margin-left: 15%; } .history-6 { position: relative; margin-left: 53%; } .history-7 { position: relative; margin-left:78%; } .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; } .history-item-2 { left: -20px; position: absolute; top: 75px; } .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; } /*Our History */ .our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #eceff7; left: 50%; margin-left: -1.5px; } .our-history .timeline > li { margin-bottom: 20px; position: relative; } .our-history .timeline > li:before, .our-history .timeline > li:after { content: " "; display: table; } .our-history .timeline > li:after { clear: both; } .our-history .timeline > li:before, .our-history .timeline > li:after { content: " "; display: table; } .our-history .timeline > li:after { clear: both;} .our-history .timeline > li > .timeline-panel { width: 46%; float: left; padding: 10px 30px 20px 30px; position: relative; } .our-history .timeline > li > .timeline-panel:before { position: absolute; top: 23px; right: -33px; display: inline-block; width: 42px; height: 4px; background: #eceff7; content: " "; } .our-history .timeline > li > .timeline-badge { color: #fff; width: 18px; height: 18px; line-height: 10px; font-size: 0.7em; text-align: center; position: absolute; top: 16px; left: 50%; border:3px solid #00a9da; margin-left: -9px; background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0 0 0 5px #fff; } .our-history .timeline > li.timeline-inverted > .timeline-panel { float: right;} .our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -32px; right: auto; } .our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .our-history .timeline-body > p, .our-history .timeline-body > ul { margin-bottom: 0; } .our-history .timeline-body > p + p { margin-top: 5px; } .our-history .timeline > li { text-align: right;} .our-history .timeline > li.timeline-inverted { text-align: left;} .our-history .timeline .text-muted { font-size: 14px; color: #626262;} .our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0; right: 0; text-align: center; color: #eceff7; bottom: -29px; } /************************************* our-service objects **************************************/ .our-service { position: relative; padding-bottom: 400px; z-index: 1; } .objects-left { position: absolute; height: 100%; width: 100%; left: 0; top: 80px; z-index: -1; } .objects-left .objects-1 { position: absolute; left: 50px; top: 0; } .objects-left .objects-2 { position: absolute; left: 100px; bottom: 250px; } .objects-left .objects-3 { position: absolute; left: 50%; bottom: 250px; margin-left: -150px; } .objects-right { position: absolute; height: 100%; width: 100%; right: 0; top:80px; z-index: -1; } .objects-right .objects-4 { position: absolute; right: 0px; top: 0; } .objects-right .objects-5 { position: absolute; right: 0px; bottom: 250px; } /************************************* frequently **************************************/ .frequently .accordion .accordion-title a:after { right: 20px; left: inherit; } .frequently .accordion .accordion-title a:hover { color: #00a9da; } .frequently .accordion .accordion-title a.active { background: #fff; color: #00a9da; border: none; } .frequently .accordion .accordion-title a.active:after, .frequently .accordion .accordion-title a.active:hover:after { color: #00a9da; } .frequently .accordion-content { border: none; background: #fff; margin-bottom: 15px; } .frequently .accordion-content p { color: #919191; font-size: 13px; } .frequently .accordion .accordion-title a { padding: 11px 25px; background: #fff; border: none; color: #323232; font-size: 16px; margin-bottom: 5px; } .frequently .accordion .accordion-title a i { font-size: 14px; padding-right: 10px; } /************************************* home-7 **************************************/ div.style-customizer.box-icon a.opener { top: 400px; } /************************************* news **************************************/ .news { background: #eceff7; padding: 50px 60px 50px 40px; position: relative; z-index: 0; } .news .meta ul li { display: inline-block; font-size: 14px; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; } .news .meta a { display: block; font-size: 26px; font-weight: 300; color: #626262; margin-top: 10px; } .news .button { margin-top: 25px; } .news .button a { text-transform: capitalize; font-size: 15px; color: #363636; position: relative;} .news .button i { opacity: 0; position: absolute; left: 105px; margin-top: 0px; top: 5px; transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; font-size: 12px; } .news .button a:hover { color: #00a9da; } .news .button a:hover i { left: 120px; opacity: 1; color: #00a9da; } .news .news-img { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 0; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; z-index: 0; background-size: cover; background-position: center center; } .news:hover .news-img { opacity: 1; } .news-content { position: relative; z-index: 9; } .news:hover:before, .news.active:before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; } .news:hover .meta span { color: #fff; } .news:hover .meta li, .news.active .meta li { color: #fff; } .news:hover .meta a, .news.active .meta a { color: #fff; } .news:hover .button a, .news.active .button a { color: #fff; } .news:hover .meta a:hover { color: #00a9da; } .news:hover .button a:hover { color: #00a9da; } .news:hover .news-img, .news.active .news-img { opacity: 1; } .latest-news .all-post a { color: #00a9da; font-size: 14px; } .latest-news .all-post a i { padding-left:10px; } .latest-news .all-post a:hover { color: #323232; } /************************************* experience **************************************/ .experience h1 { color: #282828; font-size: 180px; line-height: 150px; font-weight: bold; } .experience span { color: #00a9da; display: block; margin: 10px 0px 25px; font-size: 14px; } .experience p { padding-right: 30px; } .experience .owl-theme .owl-dots { text-align: center; margin-top: 15px; } .experience .owl-theme .owl-dots .owl-dot span { background: transparent; border:3px solid #282828; border-radius: 0px; width: 20px; height: 20px; cursor: pointer; margin-top: 15px; margin-bottom: 0px; } .experience .owl-theme .owl-dots .owl-dot.active span, .experience .owl-theme .owl-dots .owl-dot:hover span { background: #282828; border-color: #282828; } /************************************* inner-intro **************************************/ .inner-intro { height: 410px; display: block; } .inner-intro .container { display: table; height: 100%; position: relative; } .inner-intro span { text-transform: capitalize; } .inner-intro h1 { text-transform: capitalize; } .intro-title { display: table-cell; vertical-align: bottom; } .intro-title p { font-size: 18px; text-transform: capitalize; } ul.page-breadcrumb li span { color: #fff; font-size: 14px; text-transform: capitalize; } ul.page-breadcrumb { padding-top: 60px; padding-bottom: 25px; } ul.page-breadcrumb li { color: #fff; display: inline-block; list-style: none; } ul.page-breadcrumb li i { font-size: 14px; padding: 0 7px;} ul.page-breadcrumb li a { color: #fff; font-size: 14px; text-transform: capitalize; } ul.page-breadcrumb li a:hover { color: #00a9da; } /************************************* sidebar **************************************/ .sidebar-widget p { margin-bottom: 0px; } /*.widget-search */ .widget-search { position: relative; } .widget-search input { padding-right: 30px; color: #626262; height: 45px; border-color: #eceff7; } .widget-search i { position: absolute; right: 0px; padding: 16px 12px; font-size: 14px; color: #626262; cursor: pointer; } .widget-search input:focus { border-color: #00a9da; } /*widget-menu*/ .widget-menu { position: relative; } .widget-menu ul li a { font-size: 14px; display: block; color: #626262; position: relative; } .widget-menu i { padding-top: 4px; position: absolute; right: 18px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; } .widget-menu ul li a span { padding: 10px 10px 10px 0; display: block; font-size: 14px; } .widget-menu ul li a span:hover { text-decoration: none; color: #00a9da; } .widget-menu ul li.active { border-bottom: none; } .widget-menu ul li.hover a { color: #00a9da; } .widget-menu ul li.hover a span { background: transparent; color: #00a9da; } .widget-menu ul ul li a span {color: #626262; } .widget-menu ul ul li a span:hover {color: #00a9da; } .widget-menu ul ul { display: none; padding-left: 20px;} .widget-menu ul ul a { display: block; color: #626262; font-size: 14px;} .widget-menu ul ul a:hover { color: #00a9da; } .widget-menu ul li.active i { transform: rotate(90deg); } /*Recent Posts*/ .sidebar-widget .recent-post { float: left; width: 100%; } .sidebar-widget .recent-post-info span { padding-top: 4px; } .sidebar-widget .recent-post-info a { color: #626262; } .sidebar-widget .recent-post-info a:hover { color: #00a9da; } .sidebar-widget .recent-post-info i { color: #00a9da; } .sidebar-widget .recent-post:last-child { margin-bottom: 40px !important; } /*widget-archives*/ .widget-archives li { display: block; margin-bottom: 13px; } .widget-archives li a { font-size: 14px; color: #626262; line-height: 32px; display: block; } .widget-archives li i { font-size: 16px; line-height: 17px; padding-left: 2px; margin-right: 20px; border:1px solid #626262; border-radius: 50%; width: 20px; height: 20px; text-align: center; } .widget-archives li a:hover { color: #00a9da; } .widget-archives li a:hover i { border-color: #00a9da; color: #00a9da; } /*tags*/ .sidebar-widget .tags li a:hover { background: #00a9da; border-color: #00a9da; color: #fff; } /************************************* Pages **************************************/ /************************************* About me **************************************/ .about-me .custom-content { margin-top: 0px; } .about-me .maintenance-progress-bar { margin: 0; } .about-me .maintenance-progress-bar .progress-bar { margin: 0 44px; } .maintenance-progress-bar .progress-bar .rotate { background: #00a9da !important; } .maintenance-progress-bar .progress-bar .right { background: #00a9da !important; } .about-me .portfolio-item { width: 100%;} .about-me .contact-me p { color: #363636; margin: 15px 0; display: table; } .about-me .contact-me i { float: left; color: #00a9da; margin-right: 15px; line-height: 23px; width: 20px; } .about-me .follow-me ul { margin-top: 20px; } .about-me .follow-me li { display: inline-block; } .about-me .follow-me li a { background: #e4e4e4; color: #00a9da; border-radius: 3px; display: block; width: 35px; height: 35px; line-height: 35px; margin-right: 2px; text-align: center; font-size: 16px; } .about-me .follow-me li a:hover { background: #00a9da; color: #fff; } /************************************* Services 1 page **************************************/ .service-page-tab #tabs { border: 1px solid #eceff7; padding: 20px; } .service-page-tab #tabs .tabs { text-align: left; } .service-page-tab #tabs .tabs li { font-size: 16px; text-transform: uppercase; background: #eceff7; color: #626262; margin: 0 2px; padding: 10px 15px; } .service-page-tab #tabs .tabcontent { text-align: left; padding: 15px 0 0; margin-bottom: 0px; } .service-page-tab #tabs .tabcontent p { margin-bottom: 0px; } .service-page-tab #tabs ul.tabs li.active, .service-page-tab #tabs ul.tabs li.active:focus, #tabs ul.tabs li:hover { color: #fff; } .ripple { width: 0; height: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.4); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); position: absolute; opacity: 1; } .rippleEffect { -webkit-animation: rippleDrop .6s linear; animation: rippleDrop .6s linear; } @-webkit-keyframes rippleDrop { 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } @keyframes rippleDrop { 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } /************************************* Services 2 page **************************************/ .like-template h2 { text-transform: uppercase; } .like-template p { font-size: 18px; } .premium-features b { margin-bottom: 0px; } /************************************* Services 3 page **************************************/ .service-3 .row { margin-left: 0 !important; margin-right: 0 !important; } .service-3 .row [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } /************************************* Team 1 page **************************************/ .meet-team .isotope-filters { margin:0 auto 20px; } .team { background: #eceff7; padding: 10px; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .team .team-description { padding: 20px 0; } .team h4 { font-weight: 500; margin-bottom: 5px; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .team span{ font-size: 16px; color: #00a9da; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .team p { margin-bottom: 0px; margin-top: 10px; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;} .team .team-social-icon { margin-bottom: 10px;} .team .team-social-icon a i { background: #fff; border: 1px solid #cfd6e8; border-radius: 50%; color: #000; font-size: 14px; height: 40px; line-height: 40px; margin: 0 4px; text-align: center; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; width: 40px; } .team.active .team-social-icon a i { border-color: #00a9da; } .team .team-social-icon a i:hover { background: #00a9da; color: #fff; border-color: #fff; } .team:hover, .team.active { background: #00a9da; } .team:hover h4, .team.active h4 { color: #fff; } .team:hover span, .team.active span { color: #fff; } .team:hover p, .team.active p { color: #fff; } /************************************* Team 2 page **************************************/ .team-2 { background: transparent; padding: 10px; } .team-2 .team-images { position: relative;} .team-2 span{ font-size: 15px; color: #00a9da; } .team-2 .team-social-icon { margin-bottom: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); position: absolute; top: 54%; width: 100%; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .team-2 .team-social-icon a i { background: #fff; border-radius: 50%; color: #00a9da; font-size: 14px; height: 40px; line-height: 42px; margin: 0 4px; text-align: center; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; width: 40px; } .team-2 .team-social-icon a i:hover { background: #00a9da; color: #fff; } .team-details { background-color: rgba(0, 0, 0, 0.5); display: inline-block; left: 0; top: 0; opacity: 0; height: 100%; overflow: hidden; padding: 0; position: absolute; text-align: center; width: 100%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .team-2:hover .team-details { opacity: 1; } .team-2 .full-screen.columns-4 .grid-item { padding: 15px; } .team-2 .team-overlay { background: #00a9da; bottom: 0; height: 0; left: 0; position: absolute; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; width: 100%; z-index: 2; } .team-2 .portfolio-item img { transition:transform 0.35s ease 0s; -webkit-transition:transform 0.35s ease 0s; -o-transition:transform 0.35s ease 0s; -ms-transition:transform 0.35s ease 0s; -moz-transition:transform 0.35s ease 0s; } .team-2 .portfolio-item:hover .team-overlay { height: 115px; } .team-2 .portfolio-item:hover img { transform :translate3d(0px, -60px, 0px); -webkit-transform :translate3d(0px, -60px, 0px); -moz-transform :translate3d(0px, -60px, 0px); -o-transform :translate3d(0px, -60px, 0px); -ms-transform :translate3d(0px, -60px, 0px); } .team-2 .team-overlay .social { background: #363636; padding: 10px 0; } .team-2 .team-overlay .social li { display: inline-block; } .team-2 .team-overlay .social li a { display: block; font-size: 14px; padding: 0 10px; font-weight: normal; color: #fff; } .team-2 .team-overlay .social li a:hover { color: #00a9da; } .team-2 .team-overlay .info { background: #00a9da; padding:12px 0px; } .team-2 .team-overlay .info h5 { margin-bottom: 3px; text-transform: capitalize; } .team-2 .team-overlay .info span { color: #363636; font-size: 14px; } .team-2 .team-2-box img { transition:transform 0.35s ease 0s; -webkit-transition:transform 0.35s ease 0s; -o-transition:transform 0.35s ease 0s; -ms-transition:transform 0.35s ease 0s; -moz-transition:transform 0.35s ease 0s;} .team-2 .team-2-box { position: relative; overflow: hidden; position: relative; width: 100%; } .team-2 .team-2-box:hover .team-overlay, .team-2 .team-2-box.active .team-overlay { height: 115px; } .team-2 .team-2-box:hover img, .team-2 .team-2-box.active img { transform :translate3d(0px, -60px, 0px); -webkit-transform :translate3d(0px, -60px, 0px); -moz-transform :translate3d(0px, -60px, 0px); -o-transform :translate3d(0px, -60px, 0px); -ms-transform :translate3d(0px, -60px, 0px); } /************************************* Team 3 **************************************/ .team-3-main { position: relative; } .team-3 { background: transparent; border:5px solid #fff; position: relative; z-index: 9; } .team-3 .team-images { position: relative;} .team-3 .team-description { padding: 20px 0 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); bottom: 40px; position: absolute; width: 100%; } .team-3 h4 { margin-bottom: 5px; color: #fff; } .team-3 span{ font-size: 15px; color: #fff; } .team-3 p { font-size: 13px; margin-bottom: 0px; margin-top: 10px; } .team-3 .team-social-icon { transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); position: absolute; bottom: 0; width: 100%; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .team-3 .team-social-icon a i { background: #fff; border-radius: 50%; color: #00a9da; font-size: 14px; height: 40px; line-height: 42px; margin: 0 4px; text-align: center; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; width: 40px; } .team-3 .team-social-icon a i:hover { background: #00a9da; color: #fff; } .team-details { background-color: rgba(0, 0, 0, 0.5); display: inline-block; left: 0; top: 0; opacity: 0; height: 100%; overflow: hidden; padding: 0; position: absolute; text-align: center; width: 100%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .team-3:hover .team-details { opacity: 1; } .team-3-device { background: url(../images/device/device-5.png) no-repeat; background-size: 100%; height: 80px; bottom: 0px; left: 0; right: 0; width: 100%; position: absolute; display: inline-block; z-index: 0; } /*owl-carousel-11*/ .team-3-main .owl-carousel-11 { padding: 0 50px; margin-bottom: 65px; } .owl-carousel-11 .owl-nav { display: block; position: absolute; text-indent: inherit; top: 46%; left: 0; width: 100%; cursor: pointer; } .owl-carousel-11 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; right: 0px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; } .owl-carousel-11 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; left: 0px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; } .owl-carousel-11 .owl-nav i { font-weight: normal; font-size:35px; color: #626262; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-11 .owl-nav i:hover { color: #00a9da; } /*team-4*/ .team-4 .team-image img { border-radius: 50%; margin-bottom: 20px; } .team-4 .team-name h5 { color: #00a9da; font-size: 18px; text-transform: uppercase; font-weight: 400; margin-top: 30px; display: block; } .team-4 .team-name span { color: #626262; font-size: 14px; } .team-4 .team-social { margin-top: 15px; } .team-4 .team-social ul li { display: inline-block; } .team-4 .team-social ul li a { display: block; width: 30px; height: 30px; line-height: 32px; color: #626262; font-size: 12px; background: #eceff8; border-radius: 50%; margin: 0px 2px; } .team-4 .team-social ul li a:hover { background: #323232; color: #fff; } /************************************* Portfolio page **************************************/ /*portfolio single page*/ .port-singal .owl-carousel-2 .item img { width: 100%; } /*port-title*/ .port-title i { color: #00a9da; float: left; margin-right: 20px; font-size: 30px; } .port-title h3 { display: table; } /*tags-2*/ .tags-2 h5 { display: inline-block; margin-bottom: 0px; margin-top: 4px; } .tags-2 ul { display: inline-block; } .tags-2 li { display: inline-block; margin-left: 5px; } .tags-2 li a { display: block; background: #eceff7; font-size: 14px; color: #626262; padding: 2px 5px; } .tags-2 li a:hover { background: #00a9da; color: #fff; } /*port-meta*/ .port-meta ul { margin-bottom: 30px; } .port-meta li { margin-bottom: 20px; font-size: 16px; } .port-meta li b { color: #00a9da; width: 200px; font-weight: 400; width: 100px; display: inline-block; } .port-meta li span { font-weight: normal; } .port-info p { margin-bottom: 0px; } /*port-navigation*/ .port-navigation { padding: 20px 0; border-bottom:1px dashed #d0d0d0; border-top: 1px dashed #d0d0d0;} .port-navigation a { color: #626262; } .port-arrow { height: 74px; width: 40px; text-align: center; background: #eceff7; display: inline-block;} .port-arrow i { text-align: center; font-size: 25px; line-height: 75px;} .port-photo { width: 124px; height: 77px; display: inline-block; } .port-photo img { width: 100%; } /*port-post*/ .port-post { background: #eceff7; padding: 15px; } .port-post-photo { width: 170px; display: inline-block; float: left; margin-right: 20px; } .port-post-photo img { width: 100%; } /*port-post-info*/ .port-post-info { padding-left: 190px;} .port-post-info h3 { display: inline-block; font-size: 24px; } .port-post-info span { color: #626262; } .port-post-social strong { font-size: 14px; } .port-post-social a { color: #626262; margin-left: 8px; font-size: 14px; } .port-post-social a:hover { color: #00a9da; } .port-post-info p { margin-top: 10px; } /*related-work */ .owl-carousel-7 img { width: 100%; } .owl-carousel-7 .owl-nav { display: block; position: absolute; text-indent: inherit; top: -50px; left: 0; width: 100%; cursor: pointer; } .owl-carousel-7 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; right: 0px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; } .owl-carousel-7 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 30px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; } .owl-carousel-7 .owl-nav i { font-weight: normal; font-size: 20px; color: #626262; background: #eceff7; padding: 5px 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-7 .owl-nav i:hover { color: #fff; background: #00a9da; } .related-work .portfolio-item { width: 100%; } .related-work .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } /*portfolio Classic 1 columns */ .isotope-filters { display: table; margin:0 auto 50px; text-align: center; } .isotope-filters button { border:none; margin: 4px; cursor: pointer; color: #626262; padding: 5px 18px; font-size: 16px; border-radius: 3px; background: transparent; border:1px solid #626262; text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .isotope-filters button:focus { outline: none; outline-style: none; outline-offset:0; } .isotope-filters button.active, .isotope-filters button:hover { background: #00a9da; color: #fff; border-color: #00a9da; } /*portfolio-block hover*/ .portfolio-block .portfolio-item { width: 100%; position: relative; overflow: hidden; } .portfolio-block .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; } .portfolio-block .portfolio-item .portfolio-caption a { display: inline-block; color: #fff; font-size: 18px; } .portfolio-block .portfolio-item .portfolio-caption a span { font-size: 15px; padding: 10px 0 20px; display: block; color: #00a9da; text-transform: capitalize; } .portfolio-block .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover { color: #00a9da; } .portfolio-block .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; padding-left: 0px; text-align: center; line-height: 38px; } .portfolio-block .portfolio-item .portfolio-overlay a i { font-size: 16px; } .portfolio-block .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff;} /*grid item*/ .portfolio-block .grid-item { position: relative; height: auto; margin-bottom: 40px; width: 100%; } .portfolio-block .grid-item img { width: 100%; } .portfolio-block ul.port-tag li { display: inline-block; } .portfolio-block ul.port-tag li a { display: block; font-size: 14px; color: #626262; padding-right: 5px; } .portfolio-block ul.port-tag li a:hover { color: #00a9da; } .portfolio-block ul.list-style li { display: block; } .portfolio-block ul.list-style li a { font-size: 14px; color: #626262; padding-right: 5px; } .portfolio-block ul.list-style li i { padding-right: 10px; } .portfolio-block ul.list-style li a:hover { color: #00a9da; } /*portfolio-item*/ .portfolio-block .portfolio-item { width: 100%; } .portfolio-block .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } /*portfolio 1 columns sidebar*/ .portfolio-sidebar.portfolio-block a.title { background: transparent; width: 100%; color: #fff; padding-left: 0; } .portfolio-sidebar.portfolio-block a.title:hover { background: transparent !important; color: #00a9da; } .portfolio-sidebar.portfolio-block ul.port-tag { margin-bottom: 10px; } .portfolio-sidebar.portfolio-block ul.port-tag li a { background: transparent; color: #fff; margin-right:20px; } .portfolio-sidebar.portfolio-block ul.port-tag li a:hover { background: transparent; color: #00a9da; } .portfolio-sidebar .button-group.filters-button-group { margin-bottom: 42px; } /*portfolio 2 columns fullwidth*/ .portfolio-fullwidth.portfolio-block.columns-2 .grid-item { margin-bottom: 0px; width: 50%; } .portfolio-fullwidth.portfolio-block.columns-2 a.title { background: transparent !important; width: 100%; color: #fff; } .portfolio-fullwidth.portfolio-block.columns-2 a.title:hover { background: transparent !important; width: 100%; color: #00a9da; } .portfolio-fullwidth.portfolio-block.columns-2 ul.port-tag { margin-bottom: 10px; } .portfolio-fullwidth.portfolio-block.columns-2 ul.port-tag li a { background: transparent; color: #fff; margin-right:20px; } .portfolio-fullwidth.portfolio-block.columns-2 ul.port-tag li a:hover { background: transparent; color: #00a9da; } .portfolio-fullwidth.columns-2 .button-group.filters-button-group { margin-bottom: 42px; } /*portfolio 2 columns sidebar */ .portfolio-sidebar.portfolio-block.columns-2 .grid-item { margin-bottom: 0px; width: 50%; } .portfolio-sidebar.portfolio-block.columns-2 .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } /* portfolio 3 columns sidebar */ .portfolio-sidebar.portfolio-block.columns-3 .grid-item { margin-bottom: 0px; width: 33.33%; } .portfolio-sidebar.portfolio-block.columns-3 .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } /* portfolio 3 columns fullwidth */ .portfolio-fullwidth.portfolio-block.columns-3 .grid-item { margin-bottom: 0px; width: 33.33%; } .portfolio-fullwidth.portfolio-block.columns-3 a.title { background: transparent !important; width: 100%; color: #fff; } .portfolio-fullwidth.portfolio-block.columns-3 a.title:hover { background: transparent; width: 100%; color: #00a9da; } .portfolio-fullwidth.portfolio-block.columns-3 ul.port-tag { margin-bottom: 10px; } .portfolio-fullwidth.portfolio-block.columns-3 ul.port-tag li a { background: transparent; color: #fff; margin-right:20px; } .portfolio-fullwidth.portfolio-block.columns-3 ul.port-tag li a:hover { background: transparent; color: #00a9da; } .portfolio-fullwidth.columns-3 .button-group.filters-button-group { margin-bottom: 42px; } /* portfolio 4 columns sidebar */ .portfolio-sidebar.portfolio-block.columns-4 .grid-item { margin-bottom: 0px; width: 25%; } .portfolio-sidebar.portfolio-block.columns-4 .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } .portfolio-sidebar.portfolio-block.columns-4 ul.port-tag { margin-bottom: 3px; } .portfolio-sidebar.portfolio-block.columns-4 ul.port-tag li a { font-size: 13px;} .portfolio-sidebar.portfolio-block.columns-4 .portfolio-overlay a { height: 30px; line-height: 26px; margin-left: 0px; padding-left: 0; text-align: center; width: 30px; } .portfolio-sidebar.portfolio-block.columns-4 a.title { margin-left: 0px; font-size: 14px; background: transparent; width: 100%; height: 100%; } .portfolio-sidebar.portfolio-block.columns-4 .portfolio-overlay i { font-size: 12px; } /* portfolio 4 columns fullwidth */ .portfolio-fullwidth.portfolio-block.columns-4 .grid-item { margin-bottom: 0px; width: 25%; } .portfolio-fullwidth.portfolio-block.columns-4 a.title { background: transparent !important; width: 100%; color: #fff; } .portfolio-fullwidth.portfolio-block.columns-4 a.title:hover { background: transparent; width: 100%; color: #00a9da; } .portfolio-fullwidth.portfolio-block.columns-4 ul.port-tag { margin-bottom: 10px; } .portfolio-fullwidth.portfolio-block.columns-4 ul.port-tag li a { background: transparent; color: #fff; margin-right:20px; } .portfolio-fullwidth.portfolio-block.columns-4 ul.port-tag li a:hover { background: transparent; color: #00a9da; } .portfolio-fullwidth.columns-4 .button-group.filters-button-group { margin-bottom: 42px; } /* portfolio fullwidth packetry */ .packetry .item { float: left; width: 25%; height: auto !important; padding: 0px; margin: 0px; border:0px solid transparent; } .packetry .item.width2 { width: 50%; } .packetry .item img { width: 100%; } .packetry .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } .packetry .portfolio-item .portfolio-overlay a.title { background: transparent; width: 100%; color: #fff; } .packetry .portfolio-item .portfolio-overlay a.title:hover { color: #00a9da; background: none; } .packetry .portfolio-item .portfolio-overlay ul.port-tag { margin-bottom: 5px; } .packetry .portfolio-item .portfolio-overlay ul.port-tag li { display: inline-block; margin: 0 6px; } .packetry .portfolio-item .portfolio-overlay ul.port-tag li a { background: transparent; color: #fff; margin-right:10px; } .packetry .portfolio-item .portfolio-overlay ul.port-tag li a:hover { color: #00a9da; } .packetry .portfolio-item { width: 100%; position: relative; overflow: hidden; } .packetry .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; } .packetry .portfolio-item .portfolio-caption a { display: inline-block; color: #fff; font-size: 18px; } .packetry .portfolio-item .portfolio-caption a span { font-size: 15px; padding: 10px 0 20px; display: block; color: #00a9da; text-transform: capitalize; } .packetry .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover { color: #00a9da; } .packetry .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; padding-left: 0px; text-align: center; line-height: 38px; } .packetry .portfolio-item .portfolio-overlay a i { font-size: 16px; } .packetry .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff;} /*masonry menu*/ .isotope-filters-2 { display: table; margin:0 auto 50px; } .isotope-filters-2 button { border:none; margin: 2px; cursor: pointer; color: #626262; padding: 5px 18px; font-size: 16px; border-radius: 3px; background: transparent; border:1px solid #626262; text-transform: capitalize; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .isotope-filters-2 button:focus { outline: none; outline-style: none; outline-offset:0; } .isotope-filters-2 button.active, .isotope-filters-2 button:hover { background: #00a9da; color: #fff; border-color: #00a9da; } /* portfolio masonry columns 2 and 3 */ .masonry .grid-sizer, .masonry.columns-2 .masonry-item { width: 50%; padding: 5px; } .masonry .masonry-item { float: left; } .masonry .masonry-item img { display: block; width: 100%; } .masonry .portfolio-item .portfolio-overlay .portfolio-item { width: 100%; } .masonry .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } .masonry .portfolio-item .portfolio-overlay a.title { background: transparent; width: 100%; color: #fff; } .masonry .portfolio-item .portfolio-overlay a.title:hover { color: #00a9da; background: none; } .masonry .portfolio-item .portfolio-overlay ul.port-tag { margin-bottom: 5px; } .masonry .portfolio-item .portfolio-overlay ul.port-tag li { display: inline-block; margin: 0 6px; } .masonry .portfolio-item .portfolio-overlay ul.port-tag li a { background: transparent; color: #fff; margin-right:20px; } .masonry .portfolio-item .portfolio-overlay ul.port-tag li a:hover { color: #00a9da; } .masonry.columns-3 .masonry-item { width: 33.333%; padding: 5px; } .masonry.full-screen .masonry-item { width: 20%; padding: 5px; } .masonry .portfolio-item { width: 100%; position: relative; overflow: hidden; } .masonry .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; } .masonry .portfolio-item .portfolio-caption a { display: inline-block; color: #fff; font-size: 18px; } .masonry .portfolio-item .portfolio-caption a span { font-size: 15px; padding: 10px 0 20px; display: block; color: #00a9da; text-transform: capitalize; } .masonry .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover { color: #00a9da; } .masonry .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; padding-left: 0px; text-align: center; line-height: 38px; } .masonry .portfolio-item .portfolio-overlay a i { font-size: 16px; } .masonry .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff;} /* portfolio masonry columns 4 */ .masonry.columns-4 .masonry-item { width: 20%; padding: 5px; } .masonry.columns-4 ul.port-tag { margin-bottom: 3px; } .masonry.columns-4 ul.port-tag li a { font-size: 13px;} .masonry.columns-4 .portfolio-overlay a { height: 30px; line-height: 26px; margin-left: 0px; padding-left: 0; text-align: center; width: 30px; } .masonry.columns-4 a.title { margin-left: 0px; font-size: 14px; background: transparent; width: 100%; height: 100%; } .masonry.columns-4 .portfolio-overlay i { font-size: 12px; } .masonry-main .container-fluid { padding: 0px; } /* portfolio masonry columns 4 */ .full-screen.columns-2 .grid-item { width: 50%; padding: 0px; } .full-screen.columns-3 .grid-item { width: 33.333%; padding: 0px; } .full-screen.columns-4 .grid-item { width: 25%; padding: 0px; } .full-screen.columns-5 .grid-item { width: 20%; padding: 0px; } .full-screen .grid-item { float: left; } .full-screen .grid-item img { display: block; width: 100%; } /*portfolio-block hover*/ .full-screen .portfolio-item { width: 100%; position: relative; overflow: hidden; } .full-screen .portfolio-item .portfolio-overlay { display: inline-block; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; } .full-screen a.title { background: transparent; width: 100%; color: #00a9da; } .full-screen .portfolio-item .portfolio-overlay ul.port-tag { margin-bottom: 5px; } .full-screen .portfolio-item .portfolio-overlay ul.port-tag li { display: inline-block; margin: 0 6px; } .full-screen .portfolio-item .portfolio-overlay ul.port-tag li a { background: transparent; color: #fff; margin-right:20px; } .full-screen .portfolio-item .portfolio-overlay ul.port-tag li a:hover { color: #00a9da; } .full-screen .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; } .full-screen .portfolio-item .portfolio-caption a.title { margin-left: 0px; font-size: 14px; background: transparent; width: 100%; height: 100%; font-size: 18px; color: #fff; } .full-screen .portfolio-item .portfolio-caption a.title:hover { color: #00a9da; background: none; } .full-screen .portfolio-item .portfolio-caption a span { font-size: 15px; padding: 10px 0 20px; display: block; color: #00a9da; text-transform: capitalize; } .full-screen .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover { color: #00a9da; } .full-screen .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; padding-left: 0px; text-align: center; line-height: 40px; } .full-screen .portfolio-item .portfolio-overlay a i { font-size: 16px; } .full-screen .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff;} /************************************* blog page **************************************/ /* blog-single 1*/ .blog-single blockquote.entry-quote p { font-size: 16px;} .blog-single .tags-2 ul { display: inline-block; } .owl-carousel-13 img { width: 100%; } .owl-carousel-13 .owl-nav { display: block; position: absolute; text-indent: inherit; top: -40px; left: 0; width: 100%; cursor: pointer; } .owl-carousel-13 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; right: 0px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; } .owl-carousel-13 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: 30px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; } .owl-carousel-13 .owl-nav i { font-weight: normal; font-size: 20px; color: #626262; background: #eceff7; padding: 5px 10px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-13 .owl-nav i:hover { color: #fff; background: #00a9da; } /*blog img hover*/ .blog .portfolio-item { width: 100%; position: relative; overflow: hidden; } .blog .portfolio-item .portfolio-caption { background: rgba(0, 0, 0, .7); width: 100%; height: 100%; padding: 30px; position: absolute; top: -100px; color: #fff; } .blog .portfolio-item .portfolio-overlay a { display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 38px; } .blog .portfolio-item .portfolio-overlay a i { font-size: 16px; } .blog .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff;} /*blog-comments*/ .comments-1 .comments-photo { width: 106px; height: auto; float: left; border:5px solid #eceff7; margin-right: 20px; } .comments-1 .comments-photo img { width: 100%; } .comments-1 .comments-info { display: table; background: #eceff7; padding: 20px; margin-bottom: 20px; } .comments-1 .comments-info h4 { display: inline-block; } .comments-1 .comments-info span { font-size: 13px; color: #626262; } .comments-1 .comments-info a { color: #00a9da; } .comments-1 .comments-info a:hover { color: #363636; } .comments-1.comments-2 { padding-left: 127px; } .comments-1.comments-2 .comments-info { background: #fff; margin-bottom: 0px; padding: 20px 20px 10px; } /* blog post 2 */ .owl-carousel-6 { overflow: hidden; } .owl-carousel-6 img { width: 100%; } .owl-carousel-6 .owl-nav { display: block; position: absolute; text-indent: inherit; top: 45%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; } .owl-carousel-6 .owl-nav .owl-prev { display: block; position: absolute; text-indent: inherit; left: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s; transition: opacity 0.3s ease 0s, left 0.3s ease 0s; } .owl-carousel-6 .owl-nav .owl-next { display: block; position: absolute; text-indent: inherit; right: -44px; width: auto; cursor: pointer; -webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s; transition: opacity 0.3s ease 0s, right 0.3s ease 0s; } .owl-carousel-6 .owl-nav i { font-weight: normal; font-size: 20px; color: #626262; background: rgba(255, 255, 255, 0.7); padding: 8px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .owl-carousel-6 .owl-nav i:hover { color: #626262; background: rgba(255, 255, 255, 1); } .blog-entry-slider:hover .owl-carousel-6 .owl-nav .owl-prev { left: 0; } .blog-entry-slider:hover .owl-carousel-6 .owl-nav .owl-next { right: 0; } .blog-entry-slider .owl-carousel .owl-stage-outer { overflow: hidden; } /*blog-entry*/ .blog-entry { margin: 0; } .entry-title i { color: #00a9da; float: left; margin-right: 20px; font-size: 30px; line-height: 33px; } .entry-title h3 { display: table; } .entry-title h4 { display: table-cell; line-height: 30px; } .blog.blog-grid .entry-title i { font-size: 24px; } /*entry-meta*/ .entry-meta a { font-size: 14px; margin-right: 10px; color: #626262; } .entry-meta i { font-size: 14px; color: #00a9da; padding-right: 3px; } .entry-meta a:hover { color: #00a9da; } /*entry-content*/ .entry-content p { margin-bottom: 0px; } .blog-entry-image .portfolio-item { width: 100%; } .blog-entry-image .portfolio-item .portfolio-overlay { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; display: inline-block; text-align: center; width: 100%; z-index: 2; } /*blog-entry-grid*/ .blog-entry-grid .grid-post li { float: left; width: 50%; border-right: 4px solid #fff; border-bottom: 4px solid #fff; } .blog-entry-grid .grid-post li img { width: 100%; } .blog-entry-grid .grid-post li .portfolio-item { width: 100%; } .blog-entry-grid .grid-post li .portfolio-item .portfolio-overlay { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; display: inline-block; text-align: center; width: 100%; z-index: 2; } /*video vimeo and youtube*/ .js-video { height: 0; padding-top: 25px; padding-bottom: 53.5%; margin-bottom: 10px; position: relative; overflow: hidden;} .js-video.widescreen { padding-bottom: 34.34%; } .js-video.vimeo { padding-top: 0; } .js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } /*blockquote*/ blockquote.entry-quote { border: none; } .entry-quote { background: #eceff7; padding: 25px; } .entry-quote i { float: left; font-size: 30px; color: #bfc5d6; margin-top: 10px; margin-right: 20px; } .entry-quote p { display: table; font-size: 18px; text-shadow:1px 1px 0px #fff; line-height: 35px; vertical-align: top; } .quote-author a { color: #363636; } .quote-author a:hover { color: #00a9da; } /*pagination-nav*/ .pagination { margin:0px; } .pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 3px; } .pagination > li > a, .pagination > li > span { padding: 10px 18px; border-color: #eceff7; } .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background-color:#00a9da; border-color: #00a9da; color: #fff; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#00a9da; border-color: #00a9da; color: #fff; } /* blog-grid 2 column */ .blog-grid .blog-entry-audio { padding: 136px 20px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; } /* blog-grid 3 column */ .blog-grid-3-column .blog-entry-audio { padding: 101px 20px 88px; background: url(../images/blog/04.jpg) no-repeat; background-position: center center; } .blog-grid-3-column .entry-title h4 { display: table; } .blog-grid-3-column .entry-title i { font-size: 20px; float: left; } .blog-grid-3-column .entry-meta a { margin-right: 2px; } .blog-grid-3-column .entry-quote p { line-height: 25px; } /* blog 2 column masonry */ .masnary-blog-3-columns .entry-meta a { font-size: 13px; display: inline-block; } .masnary-blog-2-columns .masonry.columns-2 .masonry-item { padding: 0 15px 0px; } .masnary-blog-2-columns .blog-entry-image .portfolio-item .portfolio-overlay { margin: 0; } /* blog 3 column masonry */ .masnary-blog-3-columns .masonry.columns-3 .masonry-item { padding: 0 15px 0px; } .masnary-blog-3-columns .entry-quote p { font-size: 16px;} .masnary-blog-3-columns .entry-title i { font-size: 24px; } /* blog 2 column masonry sidebar */ .masnary-blog-2-columns-sidebar .masonry.columns-2 .masonry-item { padding: 0 15px 0px; } .masnary-blog-2-columns-sidebar .entry-quote p { font-size: 16px;} .masnary-blog-2-columns-sidebar .entry-title i { font-size: 24px; } /*timeline blog*/ .blog .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .blog .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 4px; background-color: #eceff7; left: 50%; margin-left: -1.5px; } .blog .timeline > li { margin-bottom: 20px; position: relative; width: 46%; float: left; clear: left; } .blog .timeline > li:before, .blog .timeline > li:after { content: " "; display: table; } .blog .timeline > li:after { clear: both; } .blog .timeline > li:before, .blog .timeline > li:after { content: " "; display: table; } .blog .timeline > li:after { clear: both; } .blog .timeline > li > .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; /*border-radius: 2px;*/ /*padding: 20px;*/ position: relative; border:1px solid #eceff7; padding: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .blog .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #eceff7; border-right: 0 solid #eceff7; border-bottom: 15px solid transparent; content: " "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .blog .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } .blog .timeline > li > .timeline-badge { color: #fff; width: 54px; height: 54px; line-height: 18px; padding: 6px; font-size: 22px; border:4px solid #eceff7; background: #fff; border-radius: 50%; text-align: center; font-weight: bold; position: absolute; color: #eceff7; top: 16px; right: -73px; /*z-index: 100;*/ } .blog .timeline > li > .timeline-badge span { font-size: 13px; font-weight: normal; display: block; } .blog .timeline > li.timeline-inverted > .timeline-panel { float: right; } .blog .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .blog .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .blog .timeline-title { margin-top: 0; color: inherit; } .blog .timeline-body > p, .blog .timeline-body > ul { padding:20px; margin-bottom: 0; } .blog .timeline-body > p + p { margin-top: 5px; } .blog .timeline-footer { padding:20px; background-color:#f4f4f4; } .blog .timeline-footer > a { cursor: pointer; text-decoration: none; } .blog .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom: 0px; } .blog .timeline > li:nth-child(2){ margin-top: 60px; } .blog .timeline > li:nth-child(3){ margin-top: 60px; } .blog .timeline .entry-title i { font-size: 24px;} .blog .timeline-inverted .timeline-badge { margin-top: 70px} .blog .timeline li.timeline-inverted .timeline-panel:after { top: 98px; } .blog .timeline li.timeline-inverted .timeline-panel:before { top: 97px; } .blog .timeline > li.timeline-inverted > .timeline-badge { left: -73px; } .blog .timeline li.entry-date { top: 0; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } .blog .timeline li.entry-date span { background: #eceff7; color: #363636; font-size: 16px; font-weight: 400; text-transform: capitalize; padding: 10px 15px;border-radius: 3px;} .blog .timeline li.entry-date-bottom { bottom: -30px; left: 0; position: absolute; right: 0; text-align: center; width: 100%; } .blog .timeline li.entry-date-bottom a { background: #eceff7; padding: 7px 10px; color: #363636; font-size: 16px; padding: 10px 15px; border-radius: 3px; } .blog .timeline li.entry-date-bottom a:hover { background: #00a9da; color: #fff; } .blog .timeline li:hover .timeline-panel { border-color: #00a9da; } .blog .timeline li:hover .timeline-badge a { color: #fff; } .blog .timeline li:hover .timeline-badge{ background: #00a9da; border-color: #00a9da; } .blog .timeline li:hover .timeline-panel:before { border-left-color: #00a9da; border-right-color: #00a9da; } .blog .blog.timeline .entry-quote p { font-size: 16px; } /* blog 2 column masonry left sidebar */ .blog.timeline-sidebar .timeline li { width: 89%; } .blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 50%;} .blog.timeline-sidebar .timeline:before { left: 54px; } .blog.timeline-sidebar .timeline li.entry-date { text-align: left;} .blog.timeline-sidebar .timeline li.entry-date-bottom { text-align: left;} .blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -66px; } .blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 0px; } .blog.timeline-sidebar .timeline > li:nth-child(3) { margin-top: 30px; } .blog.timeline-sidebar .timeline li.entry-date { top: 3px; } .blog.timeline-sidebar .timeline li.entry-date span { font-size: 14px; padding: 8px 10px; } .blog.timeline-sidebar .timeline li.entry-date-bottom { bottom: -48px; } .blog.timeline-sidebar .timeline li.entry-date-bottom a { font-size: 14px; padding: 8px 10px; } .blog.timeline-sidebar .timeline li .share ul li { width: auto; } /************************************* 404 error 1 **************************************/ .error-block { background: url(../images/error-bg.png) no-repeat; background-position: center center; padding:130px 0px; } .error-block h1 { font-size: 87px; } .error-block p { font-size: 33px; } .error-search-box { width: 76%; margin: 0 auto; } .error-search-box p { font-size: 18px; text-align: center; } .error-search-box a.link { background: #00a9da; color: #fff; padding: 0 5px; } .error-search-box a.link:hover { background: #323232; } .error-search-box input { width: 85%; background: transparent; border: 1px solid #eceff7; color: #626262; padding-left: 20px; border-radius: 3px; } .error-search-box input:focus { border: 1px solid #00a9da; } /************************************* 404 error 2 **************************************/ .error-404-2 .error-block { background: transparent; padding-bottom: 50px; } .error-404-2 .error-block h1 { font-size: 380px; color: #c2c2c2; opacity: 0.7; line-height: 320px; } .error-404-2 .error-block p { font-size: 16px; padding: 0 100px; margin-top: 50px; } .error-404-2 .error-search-box p { margin-bottom: 20px; } .error-404-2 .error-search-box input { color: #fff; } /************************************* faq **************************************/ /*faq form*/ .faq-form .section-field { display: block; } .faq-form .field-widget { position: relative; } .faq-form .field-widget i { position: absolute; left: 0; padding: 13px; color: #00a9da; } .faq-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 38px; } .faq-form .field-widget select { width: 100%; margin-bottom: 20px; } .faq-form .field-widget textarea { width: 100%; margin-bottom: 20px; padding-left: 38px; } .faq-form .file-input input { height: inherit; display: block; padding: 9px 0 9px 13px; margin-bottom: 30px; } .faq .tab-1 .fade { opacity: 1; } .faq .tab-1 .nav.nav-tabs { background: #eceff7; } .faq .widget-search { margin-bottom: 30px; } .faq-form a.button-border span { width: 100%; text-align: center; } .faq a.button-border span:hover { box-shadow: -400px 0 0 #00a9da inset; } .faq .accordion .accordion-title { margin-top: 8px; } .faq .accordion .accordion-content ul { margin-top: 30px; } .faq .accordion .accordion-content ul li { font-size: 14px; margin-bottom: 10px; } .faq .accordion .accordion-content h5 { margin-bottom: 10px; margin-top: 20px; } .faq .accordion .accordion-content { padding: 15px 20px 30px 65px; } .faq .accordion .accordion-title a { margin-top: 0px; } .faq #tabs { line-height: inherit; font-size: 0px; } .faq #tabs .tabs { text-align: left; background: #eceff7; margin-bottom: 15px; } .faq #tabs .tabs li { font-size: 17px; text-transform: capitalize; display: inline-block; color: #626262; padding: 10px 15px; } .faq #tabs ul.tabs li.active, .faq #tabs ul.tabs li.active:focus, .faq #tabs ul.tabs li:hover { color: #fff; } .faq #tabs .tabcontent { text-align: left; } /************************************* coming soon **************************************/ .coming-soon-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; } .coming-soon-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold; margin-bottom: 40px; } .coming-soon-main p { font-size: 32px; margin-bottom: 105px; line-height: 35px; } .coming-soon-main.maintenance-progress-bar span { position: inherit; bottom: inherit; right: inherit; } .coming-soon-main.maintenance-progress-bar { margin: 0px; } .coming-soon-countdown ul.countdown { list-style: none; margin: 75px 0; padding: 0; display: block; text-align: center; } .coming-soon-countdown ul.countdown li { display: inline-block; width: 24%; } .coming-soon-countdown ul.countdown li span { font-size: 90px; font-weight: bold; line-height: 80px; color: #00a9da; } .coming-soon-countdown ul.countdown li p { color: #626262; font-size: 20px; text-transform: capitalize; margin-bottom: 30px; } .coming-soon-form { width: 76%; margin: 0 auto; } .coming-soon-form p { margin-bottom: 30px; font-size: 19px; } .coming-soon .coming-soon-form input { color: #626262; } .coming-soon-form input { width: 82%; background: transparent; border: 1px solid #eceff7; color: #fff; padding-left: 20px; border-radius: 3px; } .coming-soon-form input:focus { border: 1px solid #00a9da; } /************************************* coming soon 2 **************************************/ .coming-soon-2 header { position: inherit; } .coming-soon-2 .logo { padding: 20px 0; display: block; } .coming-soon-2 .logo img { height: 60px; } .coming-soon-2 .coming-soon-countdown ul.countdown li span { font-weight: 500; } .coming-soon-2 .coming-soon-countdown ul.countdown li p { color: #fff;} /************************************* Register **************************************/ .register-form .section-field { display: block; } .register-form .field-widget { position: relative; } .register-form .field-widget i { position: absolute; left: 0; padding: 13px; color: #00a9da; } .register-form .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 38px; } .register-form .field-widget select { width: 100%; margin-bottom: 20px; padding-left: 15px; } .register-form .field-widget input.gui-input { padding-left: 100px;} .register-form .field-widget .button { background: #d9dde8; height: 41px; left: 0; line-height: 42px; margin: 2px; position: absolute; text-align: center; top: 0; width: 80px; } .remember-checkbox a {color: #00a9da; } .remember-checkbox label { position: relative; padding-left: 30px; font-size: 14px; cursor: pointer;} .remember-checkbox label:before, label:after { font-family: FontAwesome; font-size: 17px; position: absolute; top: -3px; left: 0; padding-left: 2px; } .remember-checkbox label:before { border: 2px solid #00a9da; content: ""; height: 20px; margin-top: 3px; width: 20px; } .remember-checkbox label:after { content: '\f00c'; max-width: 0; overflow: hidden; opacity: 0.5; transition: all 0.35s; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; } .remember-checkbox input[type="checkbox"] { display: none; } .remember-checkbox input[type="checkbox"]:checked + label:after { max-width: 25px; opacity: 1; } /*all id*/ #one+label:before, #one+label:after {color: #00a9da;} #two+label:before, #two+label:after {color: #00a9da;} #three+label:before, #three+label:after {color: hsl(120, 45%, 40%); } #four+label:before, #four+label:after {color: hsl(180, 45%, 40%); } #five+label:before, #five+label:after {color: hsl(240, 45%, 40%); } #six+label:before, #six+label:after {color: hsl(300, 45%, 40%); } /*register-2*/ .register-2 .register-form input { background: rgba(0, 0, 0, 0.5); border:none; color: #fff; } .register-2 .register-form input:hover, .register-2 .register-form input:focus { background: rgba(0, 0, 0, 1); border:none; color: #fff; } .register-2 .register-form label { color: #fff; margin-bottom: 10px; } .register-2 .register-form input.email { padding-left: 42px; } /************************************* Login **************************************/ .login-2-form { border-bottom: 1px solid #e2e5ed; } .login-2-form .section-field { display: block; } .login-2-form .field-widget { position: relative; } .login-2-form .field-widget i { position: absolute; left: 0; padding: 13px; color: #00a9da; } .login-2-form .field-widget input { margin-bottom: 20px; padding-left: 38px; } .login-2-form .field-widget select { width: 100%; margin-bottom: 20px; } .login-2-form .field-widget textarea { width: 100%; margin-bottom: 30px; padding-left: 38px; } .login-2-form .section-field .remember-checkbox a { color: #626262; font-size: 14px; } .login-2-form .section-field .remember-checkbox a:hover { color: #00a9da; } /*login-2-social*/ .login-2-social li { display: inline-block; margin: 0px 8px; } .login-2-social li a { transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;} .login-2-social li a.fb { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #4c70ad; border-radius:3px; } .login-2-social li a.twitter { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #25b6e6; border-radius:3px; } .login-2-social li a.pinterest { display: block; padding: 12px 20px; color: #fff; font-size: 14px; background: #dd4b39; border-radius:3px; } .login-2-social li i { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; } .login-2-social li a.fb:hover, .login-2-social li a.twitter:hover, .login-2-social li a.pinterest:hover { box-shadow: -300px 0 0 #00a9da inset; } /*login-3*/ .login-3-form .section-field { display: block; } .login-3-form .section-field label { color: #fff; } .login-3-form .field-widget { position: relative; } .login-3-form .field-widget i { position: absolute; left: 0; padding: 13px; color: #00a9da; } .login-3-form .field-widget input { margin-bottom: 20px; padding-left: 38px; background: rgba(0,0,0, 0.5); border:none; color: #fff; } .login-3-form .field-widget input:hover, .login-3-form .field-widget input:focus { background: rgba(0, 0, 0, 1); } .login-3-form .field-widget select { width: 100%; margin-bottom: 20px; } .login-3-form .field-widget textarea { width: 100%; margin-bottom: 30px; padding-left: 38px; } .login-3-form .section-field .remember-checkbox a { color: #fff; font-size: 14px; } .login-3-form .section-field .remember-checkbox a:hover { color: #00a9da; } .login-3 .login-with { border:none; } .login-3 .login-with h3 { font-size: 25px; color: #fff; display: inline-block;} .login-3 .login-with a { font-size: 15px; border-radius: 50%; border:1px solid #fff; background: transparent; color: #fff; width: 40px; height: 40px; text-align: center; display: inline-block; text-align: center; line-height: 38px; margin-left: 5px; } .login-3 .login-with a:hover { background: #00a9da; color: #fff; border-color: #00a9da;} /************************************* maintenance **************************************/ .maintenance-main i { font-size: 100px; margin-bottom: 10px; color: #e4e4e4; } .maintenance-main h1 { font-size: 62px; text-transform: uppercase; font-weight: bold;/* margin-bottom: 40px; */} .maintenance-main p { font-size: 32px; line-height: 35px; margin-bottom: 70px;} .maintenance-form { width: 76%; margin: 0 auto; } .maintenance-form p { font-size: 19px; } .maintenance-form input { width: 81%; background: transparent; border: 1px solid #eceff7; padding-left: 20px; border-radius: 3px; } .maintenance-form input:focus { border: 1px solid #00a9da; } .maintenance-progress-bar { margin: 30px 0 170px; } .maintenance-progress-bar .progress-bar { position: relative; height: 200px; width: 200px; background: transparent; margin: 0 15px; box-shadow: none; float: none; display: inline-block; } .maintenance-progress-bar span { bottom: -40px; color: #000; font-size: 28px; position: absolute; right: 0; width: 100%; text-transform: uppercase; } .maintenance-progress-bar .progress-bar div { position: absolute; height: 200px; width: 200px; border-radius: 50%; } .maintenance-progress-bar .progress-bar div span { position: absolute; line-height: 175px; height: 175px; width: 175px; left: 12.5px; top: 12.5px; text-align: center; border-radius: 50%; background-color: white; font-size: 35px; font-weight: 700; color: #626262; } .maintenance-progress-bar .progress-bar .background { background-color: transparent; } .maintenance-progress-bar .progress-bar .rotate { clip: rect(0 100px 200px 0); background-color: #4b86db; } .maintenance-progress-bar .progress-bar .left { clip: rect(0 100px 200px 0); opacity: 1; background-color: #b3cef6; } .maintenance-progress-bar .progress-bar .right { clip: rect(0 100px 200px 0); transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); opacity: 0; background-color: #4b86db; } @keyframes toggle { 0% {opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes toggle { 0% {opacity: 0; } 100% { opacity: 1; } } @-o-keyframes toggle { 0% {opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes toggle { 0% {opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes toggle { 0% {opacity: 0; } 100% { opacity: 1; } } /*maintenance 2 */ .maintenance-2 header { position: inherit; } .maintenance-2 .maintenance-main h1 { font-size: 40px; text-transform: uppercase; font-weight: bold; margin-bottom: 40px; } .maintenance-2 .maintenance-form input { color: #fff; } .maintenance-2 .maintenance-contant p { line-height: 25px; margin-top:20px; font-size: 14px; } /************************************* Our clients **************************************/ /*owl-carousel-5*/ .owl-carousel-5 .owl-nav { display: block; position: absolute; text-indent: inherit; left: 0; width: 100%; cursor: pointer; top: 4px; } .owl-carousel-5 .owl-item { cursor: url("../images/client-arrow.png") 25 25, pointer; } /*clients-box*/ .clients-box { background: #eceff7; padding: 20px; } .clients-photo { position: relative; margin-right: 20px; width: 200px; height: 200px; float: left; display: table-cell; text-align: center; vertical-align: middle; background: #fff; } .clients-photo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .clients-info { display: table; } .clients-info i { padding-right: 10px; } .clients-info a { font-size: 14px; color: #00a9da; } .clients-info a:hover { color: #626262; } .clients-info p { margin-top: 10px; } /*our-clients-2*/ .our-clients-2 .clients-box { margin-bottom: 30px; } #tabs { margin: 0; padding: 0; font-size: 13px; line-height: 25px; } #tabs .tabs { position: relative; margin: 0; text-align: center; } .happy-clients #tabs .tabs li { overflow: visible; } #tabs .tabs li { padding: 10px 10px; color: #999999; overflow: hidden; background: transparent; margin-bottom: 0px; display: inline-block; margin: 0; cursor: pointer; position: relative; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } #tabs .tabcontent { overflow: hidden; } #tabs .tabs li.active { color: #999999; background: #fff; } #tabs .tabs li img { width: 130px; } #tabs ul.tabs li.active, #tabs ul.tabs li.active:focus, #tabs ul.tabs li:hover { background: #00a9da; } .animated-arrow:before, .animated-arrow:after { content: ""; position: absolute; border-top: 10px solid transparent; bottom: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .animated-arrow:before { border-right: 10px solid transparent; left: 0; } .animated-arrow:after { border-left: 10px solid transparent; right: 0; } #tabs ul.tabs li.active.animated-arrow:before, .animated-arrow:hover:before { border-right: 10px solid #00a9da; left: -webkit-calc(50% - 10px); left: -ms-calc(50% - 10px); left: -moz-calc(50% - 10px); left: -o-calc(50% - 10px); left: calc(50% - 10px); } #tabs ul.tabs li.active.animated-arrow:after, .animated-arrow:hover:after { border-left: 10px solid #00a9da; right: -webkit-calc(50% - 10px); right: -ms-calc(50% - 10px); right: -moz-calc(50% - 10px); right: -o-calc(50% - 10px); right: calc(50% - 10px); } .pulse{ animation-name: pulse; -webkit-animation-name: pulse; -o-animation-name: pulse; -ms-animation-name: pulse; -moz-animation-name: pulse; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; -o-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; } @keyframes pulse { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes pulse { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-ms-keyframes pulse { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-moz-keyframes pulse { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-o-keyframes pulse { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .tabcontent { text-align: center; margin-bottom: 20px; } /*tab-3*/ .built-tab ul.tabs { background: url(../images/device/device-7.png) no-repeat; width: 420px; height: 420px; position: relative; float: right;} .built-tab .tabs li { background: #fff; border-radius: 50%; float: left; height: 60px; width: 60px; padding: 5px; border:5px solid #eceff8; cursor: pointer; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; } .built-tab #tabs .tabs li { position: absolute; padding: 5px 0px 0px 5px; } .built-tab .tabs li span { background: #00a9da; border-radius: 50%; display: block; color: #fff; height: 40px; width: 40px; line-height: 22px; text-align: center; padding: 10px; } .built-tab .tabs li.active, .built-tab .tabs li:hover { border-color:#00a9da; background: transparent; } .built-tab .tabs li.css3 { position: absolute; top: 70px; left: 0px; } .built-tab .tabs li.support { position: absolute; top: 170px; left: 86px; } .built-tab .tabs li.customization { position: absolute; top: 70px; right: 47px; } .built-tab .tabs li.update { position: absolute; bottom: 110px; right: 66px; } .built-tab .tabcontent { text-align: left; } .built-tab #tabs ul.tabs li { background: #fff; } .built-tab #tabs ul.tabs li.active, .built-tab #tabs ul.tabs li.active:focus, .built-tab #tabs ul.tabs li:hover { background: #fff; } .built-tab #tabs ul.tabs li span.ripple.rippleEffect { display: none; } /*clients-partner*/ .clients-partner .clients-logo li { width: 20%; float: left; } /************************************* Careers **************************************/ /*careers accordion*/ .careers .accordion-content { padding: 25px 20px; } .careers .accordion-content span { font-size: 18px; } .careers .accordion-content b { font-weight: normal; color: #00a9da; } .careers .accordion-content p { display: inline-block; } .careers .accordion-content h4 { text-transform: capitalize; } .careers .accordion-content li { display: block; font-size: 14px; margin-top: 20px; } .careers .accordion-content i { padding-right: 10px; } .careers .accordion-content a { color: #00a9da; } /*careers form*/ .careers-from h3 { margin-bottom: 30px;} .careers-from .section-field { display: block; } .careers-from .section-field label { margin-bottom: 10px; } .careers-from .field-widget { position: relative; } .careers-from .field-widget i { position: absolute; left: 0; padding: 13px; color: #00a9da; } .careers-from .field-widget input { width: 100%; margin-bottom: 20px; padding-left: 38px; } .careers-from .field-widget textarea { width: 100%; margin-bottom: 15px; padding-left: 38px; } .careers-from .file-input input { height: inherit; display: block; padding: 9px 0 9px 13px; margin-bottom: 30px; } .careers .panel-body .button-border span { font-size: 14px;} .careers-from .button-border span { text-align: center; width: 100%; } .careers-from .button-border span:hover { box-shadow: -270px 0 0 #00a9da inset; } /************************************* sitemap **************************************/ .sitemap h4 { margin-bottom: 25px; text-transform: capitalize; } .sitemap h4 i { padding-right: 10px; } .sitemap ul li { display: block; line-height: 34px; } .sitemap ul li i { padding-right: 10px; } .sitemap ul li a { font-size: 14px; color: #626262; text-transform: capitalize; } .sitemap ul li a:hover { color: #00a9da; } /************************************* privacy-policy **************************************/ .privacy-policy ul li { font-size: 14px; line-height: 30px; } .privacy-policy ul li i { padding-right: 10px; } /************************************* page sidebar **************************************/ .page-sidebar .page-content h3 { border-bottom: 1px solid #eeeeee; padding-bottom: 15px; margin-bottom: 20px; } .page-sidebar .page-content ul li { font-size: 14px; line-height: 30px; } .page-sidebar .page-content ul li i { padding-right: 10px; } /************************************* terms and conditions **************************************/ .terms-and-conditions ul li { font-size: 14px; line-height: 30px; } .terms-and-conditions ul li i { padding-right: 10px; } /************************************* Footer **************************************/ .footer { background: #191919; } .footer-logo img { width: 65%; } .addresss-info li { font-size: 14px; color: #fff; margin-bottom: 10px; } .addresss-info i{ color: #00a9da; padding-right: 5px; float: left; display: table-cell; width: 30px; line-height: 23px; font-size: 17px; } .addresss-info p { display: table; color: #fff; margin-bottom: 0px; } .recent-post-image { float: left; display: table; } .recent-post-image img { vertical-align: middle; width: 70px; height: 60px; } .recent-post-info { display: table-cell; padding-left: 15px; } .recent-post-info a { color: #fff; font-size: 14px; vertical-align: top; } .recent-post-info a:hover { color: #00a9da; } .recent-post-info span { color: #6d6d6d; font-size: 12px; display: table; padding-top: 5px; } .recent-post-info i { color: #6d6d6d; font-size: 14px; padding-right: 5px; } /*footer-flickr */ .footer-gallery li { float: left; list-style: outside none none; margin-bottom: 5px; margin-right: 5px; width: 70px; } .footer-gallery li img { width: 70px; } .footer-gallery { display: inline-block; } ul.footer-instagram-images li { display: inline-block; } .social-feed li { float: left; height: 70px; list-style: outside none none; margin-bottom: 5px; margin-right: 5px; width: 70px;} .social-feed li img { width: 70px; height: 70px; } .social-feed { display: inline-block; } /*footer-Newsletter*/ .footer-Newsletter { display: inline-block; } .footer-useful-link.footer-hedding ul { margin-top: -6px; } .footer-Newsletter .form-control { border-left: 0px; height: 40px; font-size: 13px; color: #fff; } .footer-Newsletter .form-control:focus { border:1px solid #2f2f2f; border-left: 0; } .footer-useful-link ul li { list-style: none; } .footer-useful-link ul li a { color: #fff; font-size: 14px; vertical-align: top; display: block; line-height: 26px; } .footer-useful-link ul li a:hover { color: #00a9da; } /*footer twitter feed*/ .twitter-feed li { display: block; } .twitter-feed li i { font-size: 15px; color: #00a9da; float: left; margin-right:15px; margin-top: 6px; } .twitter-feed li p { font-size: 14px; display: table; vertical-align: top; } .twitter-feed li p a { display: inline-block; color:#00a9da; } .twitter-feed.text-white li a { color: #363636; } .twitter-feed.text-white li a:hover { color: #363636; } .twitter-feed.text-white li i { color: #fff; } /*footertag */ .tags.footer-hedding h4 { margin-bottom: 20px;} .tags ul li { display: inline-block; } .tags ul li a { display: block; color: #6f6f6f; border:1px solid #2f2f2f; background: transparent; border-radius: 3px; padding: 5px 10px; margin-bottom: 10px; font-size: 12px; text-transform: capitalize; } .tags ul li a:hover { background: transparent; color: #00a9da; border-color: #00a9da; } /*footer-widget*/ .footer-widget { background: #0f0f0f; padding: 20px 15px; } .footer-widget a { color: #00a9da; } .footer-widget a:hover { color: #0386ac; } .footer-widget-social { text-align: right; margin-top: 5px; } .footer-widget-social li { display: inline-block;} .footer-widget-social a i { display: inline-block; color: #fff; background: #00a9da; border-radius: 50%; width: 45px; height: 45px; text-align:center; line-height: 47px; font-size: 14px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} /* Tooltip Styles */ /* Base styles for the element that has a tooltip */ .footer-widget-social [data-tooltip], .footer-widget-social .tooltip { position: relative; cursor: pointer; } /* Base styles for the entire tooltip */ .footer-widget-social [data-tooltip]:before, .footer-widget-social [data-tooltip]:after, .footer-widget-social .tooltip:before, .footer-widget-social .tooltip:after { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -o-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -o-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -o-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -ms-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -ms-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; } /* Show the entire tooltip on hover and focus */ .footer-widget-social [data-tooltip]:hover:before, .footer-widget-social [data-tooltip]:hover:after, .footer-widget-social [data-tooltip]:focus:before, .footer-widget-social [data-tooltip]:focus:after, .footer-widget-social .tooltip:hover:before, .footer-widget-social .tooltip:hover:after, .footer-widget-social .tooltip:focus:before, .footer-widget-social .tooltip:focus:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -o-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* Base styles for the tooltip's directional arrow */ .footer-widget-social .tooltip:before, .footer-widget-social [data-tooltip]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content: ""; } /* Base styles for the tooltip's content area */ .footer-widget-social .tooltip:after, .footer-widget-social [data-tooltip]:after { z-index: 1000; padding: 8px; width: 100px; text-align: center; background-color: #00a9da; color: #fff; content: attr(data-tooltip); font-size: 14px; line-height: 1.2; border-radius: 3px; } /* Directions */ /* Top (default) */ .footer-widget-social [data-tooltip]:before, .footer-widget-social [data-tooltip]:after, .footer-widget-social .tooltip:before, .footer-widget-social .tooltip:after, .footer-widget-social .tooltip-top:before, .footer-widget-social .tooltip-top:after { bottom: 100%; left: 50%; } .footer-widget-social [data-tooltip]:before, .footer-widget-social .tooltip:before, .footer-widget-social .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #00a9da; } /* Horizontally align top/bottom tooltips */ .footer-widget-social [data-tooltip]:after, .footer-widget-social .tooltip:after, .footer-widget-social .tooltip-top:after { margin-left: -50px; } .footer-widget-social [data-tooltip]:hover:before, .footer-widget-social [data-tooltip]:hover:after, .footer-widget-social [data-tooltip]:focus:before, .footer-widget-social [data-tooltip]:focus:after, .footer-widget-social .tooltip:hover:before, .footer-widget-social .tooltip:hover:after, .footer-widget-social .tooltip:focus:before, .footer-widget-social .tooltip:focus:after, .footer-widget-social .tooltip-top:hover:before, .footer-widget-social .tooltip-top:hover:after, .footer-widget-social .tooltip-top:focus:before, .footer-widget-social .tooltip-top:focus:after { -webkit-transform: translateY(-25px); -o-transform: translateY(-25px); -ms-transform: translateY(-25px); -moz-transform: translateY(-25px); transform: translateY(-25px); } /************************************* Footer 2 **************************************/ .footer-2 { background: #00a9da; position: inherit; } .footer-2 .footer-Newsletter { margin-top: 0px; } .footer-2 .input-group-btn button.btn { background: #fff; border:none; padding: 10px 12px; } .footer-2 .input-group-btn button:hover { background: #363636; } .footer-2 .input-group.divcenter .form-control { border:none; background: #008fb8; } .footer-2 .input-group.divcenter .form-control:focus { box-shadow: none; } .footer-2 .divcenter .input-group-addon { border:none; background: #008fb8; color: #fff; } .footer-2 .divcenter .input-group-addon i { color: #fff; } .footer-2 .input-group.divcenter .form-control::-moz-placeholder { color: #fff; } .footer-2 .recent-post-info { padding-left: 0; display: block; margin-bottom: 15px; } .footer-2 .recent-post-info a:hover { color: #363636; } .footer-2 .recent-post-info span { padding-top: 0px; color: #323232; font-size: 14px; line-height: 5px; display: block; margin-top: 5px; } .footer-2 .tags ul li a { border:none; background: #008fb8; color: #fff; padding: 5px 12px; } .footer-2 .tags ul li a:hover { border:none; background: #fff; color: #00a9da; } .footer-2 .footer-widget-social li a span:after { color: #fff; border-top-color: #fff; } .footer-2 .footer-widget-social li a span:before, .footer-widget-social li a span:after { color: #fff; } .footer-2 .footer-widget-social li a span { color: #00a9da; background: #fff; } .footer-2 .footer-widget-social li a span:before, .footer-widget-social li a span:after { border-top-color: #fff; } .footer-2 .tooltip:after, .footer-2 [data-tooltip]:after { z-index: 1000; padding: 8px; width: 100px; text-align: center; background-color: #fff; color: #00a9da; content: attr(data-tooltip); font-size: 14px; line-height: 1.2; border-radius: 3px; } .footer-2 [data-tooltip]:before, .footer-2 .tooltip:before, .footer-2 .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #fff; } /************************************* Footer 3 **************************************/ .footer-3 { background: #fff;} .footer-3 p { color: #626262; } .footer-3 .recent-post-info a { color: #626262; } .footer-3 .recent-post-info a:hover { color: #00a9da; } .footer-3 .recent-post-info { padding-left: 0; } .footer-3 .recent-post-info span { color: #00a9da; padding-top: 0; line-height: 10px; } .footer-3 .tags ul li a { background: #fff; border:1px solid #363636; color: #363636; } .footer-3 .tags ul li a:hover { background: #00a9da; border:1px solid #363636; color: #fff; border-color: #00a9da; } .footer-3 .input-group.divcenter .form-control { background: #fff; border:1px solid #00a9da; border-left: 0; color: #626262; box-shadow: none; } .footer-3 .divcenter .input-group-addon { background: #fff; border:1px solid #00a9da; border-right: 0; } .footer-3 .divcenter .input-group-addon i { color: #00a9da; } .footer-3 .input-group-btn button { background: #00a9da; color: #fff; border-color: #00a9da; } .footer-3 .input-group-btn button:hover { background: #363636; color: #fff; } .footer-3 .input-group.divcenter .form-control::-moz-placeholder { color: #363636; } .footer-3 .tooltip:after, .footer-3 [data-tooltip]:after { z-index: 1000; padding: 8px; width: 100px; text-align: center; background-color: #00a9da; color: #fff; content: attr(data-tooltip); font-size: 14px; line-height: 1.2; border-radius: 3px; } .footer-3 [data-tooltip]:before, .footer-3 .tooltip:before, .footer-3 .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #00a9da; } .footer-3 .footer-widget p { color: #fff; } /************************************* Footer 4 **************************************/ .footer-4 { background: #191919; } .footer-4 .get-in-touch { background: url(../images/map.png) no-repeat; background-position: 0px 45px; } .footer-4 .get-in-touch p { display: table; } .footer-4 .get-in-touch i { float: left; color: #00a9da; margin-right: 15px; line-height: 29px; } .footer-4 .office-hours p { color: #fff; } /*tags*/ .footer-4 .tags ul li a { background: transparent; border:1px solid #6f6f6f; } .footer-4 .tags ul li a:hover { background: #00a9da; border:1px solid #00a9da; color: #fff; } /*home new*/ .footer-4 { background: #191919; } .footer-4 .office-hours p { color: #fff; } /*tags*/ .footer-4 .tags ul li a { background: transparent; border:1px solid #6f6f6f; } .footer-4 .tags ul li a:hover { background: #00a9da; border:1px solid #00a9da; color: #fff; } /************************************* Footer 5 **************************************/ .footer-5 { bottom: 0; left: 0; z-index: -1; right: 0; background: #191919; } .footer-5 .footer-logo p { margin-bottom: 0px;} .contact-6 { background: #00a9da; padding: 50px 0px; } .contact-6 .feature-8 { margin-bottom: 0; } .contact-6 .feature-8-title { background: #0097c3; color: #fff; width: 70px; height: 70px; text-align: center; border-radius: 50%; } .contact-6 .feature-8-title span { color: #fff; font-size: 25px; line-height: 70px; } .contact-6 .feature-8-info p { font-size: 15px; } .contact-6 .feature-8-info b { font-size: 15px; color: #191919; font-weight: normal; } /************************************* Footer 6 **************************************/ .footer-6 img.footer-logo { height: 40px; margin-bottom: 30px; } .footer-6 { background: #323232; -webkit-box-shadow: inset 0 20px 50px -10px rgba(0,0,0,0.8); -moz-box-shadow: inset 0 20px 50px -10px rgba(0,0,0,0.8); box-shadow: inset 0 20px 50px -10px rgba(0,0,0,0.8); } /************************************* Footer 7 **************************************/ .footer-7 { background: #323232; } .footer-7 .footer-about { margin-bottom: 30px; } .footer-7 img.footer-logo { height: 40px; margin-bottom: 30px; } .footer-7 .footer-about p { padding: 0 100px; color: #6f6f6f; } .footer-7 .footer-about ul.social li { display: inline-block; } .footer-7 .footer-about ul.social li a { font-size: 14px; color: #6f6f6f; background: transparent; background: #282828; width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; border-radius: 3px; margin: 0 3px; } .footer-7 .footer-about ul.social li a:hover { background: #00a9da; color: #fff; } .footer-7 .footer-bottom p { font-size: 13px; color: ##6f6f6f; } /************************************* Footer 8 **************************************/ .footer-8 .get-in-touch p { display: table; color: #323232; } .footer-8 .get-in-touch i { float: left; color: #323232; margin-right: 15px; line-height: 29px; } .footer-8 .twitter-feed li p { color: #323232; } /*tags*/ .footer-8 .tags ul li a { background: transparent; border:1px solid #323232; color: #323232; } .footer-8 .tags ul li a:hover { background: #323232; border:1px solid #323232; color: #fff; } /************************************* boxed-layout **************************************/ @media (min-width: 1200px) { .boxed-layout .action-box { z-index: 0; } .wide-layout .move-carousel, .boxed-layout .move-carousel { height:100vh; top:0; padding:0px 0px 0px 0px; transform:none; } .move-carousel .owl-carousel { position:relative; top:50%; padding:0px 0px 0px 35px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); } .boxed-layout .awesome-features .awesome-features-device img { left: -440px; } .boxed-layout #video-background { height: 350px; } .boxed-layout #video-background .page-section-pt { padding: 60px 0px; } .boxed-layout #video-background .our-skills.bg-opacity-black-50.page-section-pt { padding: 75px 0; } .boxed-layout .portfolio-2 .portfolio-item .portfolio-overlay a { font-size: 12px; line-height: 25px; width: 25px; height: 25px; margin-left: 5px; } .boxed-layout .portfolio-2 .portfolio-item .portfolio-overlay p { bottom: 9%; } .boxed-layout .portfolio-2 .portfolio-item .portfolio-overlay span a { width: inherit; height: inherit; line-height: inherit; font-size: 14px; } .boxed-layout .portfolio-2 .portfolio-info { display: none; } .boxed-layout .portfolio-2 .owl-carousel-8 .owl-nav .owl-prev { left: 50%; } .boxed-layout .portfolio-2 .owl-carousel-8 .owl-nav .owl-next { right: 50%; } .boxed-layout .portfolio-2 .owl-carousel-8 .owl-controls { top: 20px; } .boxed-layout .portfolio-2 .owl-carousel-8 .owl-nav i { color: #323232; } .boxed-layout .portfolio-2 .owl-carousel-8 .owl-nav i:hover { background: transparent; } .boxed-layout .custom-content-3.hello-content { overflow: hidden; } .boxed-layout .portfolio-3 .portfolio-item .portfolio-overlay a { font-size: 12px; line-height: 25px; width: 25px; height: 25px; margin-left: 5px; } .boxed-layout .portfolio-3 .full-screen .portfolio-item .portfolio-overlay { top: -20px; } .boxed-layout .portfolio-3 .portfolio-item .portfolio-overlay span a { width: inherit; height: inherit; line-height: inherit; font-size: 14px; } .boxed-layout .portfolio-3 .full-screen .portfolio-item .portfolio-overlay a i { font-size: 12px; } .boxed-layout .portfolio-3 .portfolio-item .portfolio-overlay i { padding-left: 0px; } .boxed-layout .feature-main .feature-9 { height: 300px; } .boxed-layout .feature-main .feature-9:hover .feature-9-icon { right:26%; } .boxed-layout .why-custom.custom-content li { line-height: 26px; } .boxed-layout .slider-fade-carousel { height: 100%; } .boxed-layout .slider-fade-carousel .slider-contents { padding-left: 86px; } .boxed-layout .slider-fade-carousel .slider-contents h1 { font-size: 56px; } .boxed-layout .header-4 .mega-menu .drop-down-multilevel.right-menu { right: 76px; } .boxed-layout .header-4 .mega-menu .menu-links > li:last-child { padding-right: 40px; } .boxed-layout .our-blog .blog-box-info { padding: 20px 40px; max-height: 231px; } .boxed-layout .our-blog .blog-box-info span.text-white { display: none; } .boxed-layout .our-blog .blog-box-info p.pt-30.pb-20 { padding-bottom: 0px !important; padding-top: 10px !important; } .boxed-layout .our-blog .blog-box-image { max-height: 231px; } .boxed-layout .contact-3-info .contact-add p { font-size: 12px; } .boxed-layout .tree-image { display: none; } .boxed-layout .header-7 #menu-icon.open { right: 15px; } .boxed-layout .raindrops .objects-left { display: none; } .boxed-layout .raindrops .objects-right { display: none; } .boxed-layout .raindrops.our-service { padding-bottom: 170px; } .boxed-layout #animated-slider-2 .slider-content h1 { font-size: 64px; line-height: 80px; } .boxed-layout .mega-menu .drop-down.grid-col-5 { width: 61.666667%; } } @media (max-width: 1199px) { .wide-layout .move-carousel, .boxed-layout .move-carousel { height:100vh; top:0; padding:0px 0px 0px 0px; transform:none; } .move-carousel .owl-carousel { position:relative; top:50%; padding:0px 0px 0px 35px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); } } /* Template: The Corps - Responsive Multi-purpose HTML5 Template Author: potenzaglobalsolutions.com Version: 2.1 Design and Developed by: potenzaglobalsolutions.com */ /***************** ================================================ ( Media Queries ) ================================================ *******************/ /************************* 1700px *************************/ @media (max-width: 1700px) { /*home-2*/ .portfolio-2 .portfolio-info { overflow: hidden; } .portfolio-2 .portfolio-item .portfolio-overlay span { font-size: 15px; } /*home-3*/ .feature-9 { min-height:280px; } /*home-4 */ .our-blog .blog-box-image { max-height: 286px; } .our-blog .blog-box-info { max-height: 286px; } .parallax-banner .layer:nth-child(4) img { width: 40%; } } @media (max-width: 1500px) { /*home-4 */ .our-blog .blog-box-image { max-height: 262px; } .our-blog .blog-box-info { max-height: 262px; } .blog-box-image .portfolio-caption .port-tag li a { font-size: 12px; } .custom-content-3.hello-content { overflow: hidden; } .slider-fade-carousel { height: 100%; } .tree-image { display: none; } .objects-left { display: none; } .objects-right { display: none; } .our-service { padding-bottom: 180px; } .mega-menu .drop-down.grid-col-5 { width: 51.666667%; } } @media (max-width: 1400px) { /*home-1*/ .rev-slider a.button.button-white span { padding: 8px 10px !important; } .rev-slider a.button span { padding: 8px 10px !important; } /*home-2*/ .portfolio-2 .portfolio-info p { display: none; } .portfolio-2 .portfolio-info .button-border-white { margin-top: 20px; display: block; } .portfolio-2 .portfolio-item .portfolio-overlay p { bottom: 11%; } .portfolio-2 .portfolio-item .portfolio-overlay span a { font-size: 13px; } .portfolio-2 .portfolio-item .portfolio-overlay a { width: 30px; height: 30px; font-size: 14px; line-height: 30px; margin-left: 6px; } .portfolio-2 .portfolio-item .portfolio-overlay a.link { display: none; } .awesome-features-device img { left: -250px; top: 100px; width: 63%; } /*home-3*/ .feature-9 { min-height:305px; } .feature-9:hover .feature-9-icon { right: 32%; } /*portfolio*/ .portfolio-3 .portfolio-item .portfolio-overlay span a { font-size: 13px; } .rev-slider-2 a.button.button-black span { padding: 8px 10px !important; } .rev-slider-2 a.button span { padding: 8px 10px !important; } .rev-slider-3 a.button.button-black span { padding: 8px 10px !important; } .rev-slider-3 a.button span { padding: 8px 10px !important; } /*home-4 */ .our-blog .blog-box-image { max-height: 240px; } .our-blog .blog-box-info { max-height: 240px; } .our-blog .blog-box-info p.pb-20.pt-30 { padding: 10px 0 !important; } .custom-content-3.hello-content .custom-content-3-image img { margin-top: 150px; vertical-align: bottom; width: 100%; } .our-blog .blog-box-info span.text-white { display: none; } /*contact*/ .contact-3-info .contact-add { text-align: center; } .contact-3-info .contact-add i { float: none; text-align: center; display: block; margin: 0 auto; } .contact-3-info .contact-add p { display: block; margin-top: 15px; } /*home-9*/ .image-holder-2-bg { height: 700px; } } @media (max-width: 1272px) { /*home-1*/ .footer .footer-useful-link { margin-top: 30px; } /*home-2*/ /*our portfolio*/ .portfolio-2 .portfolio-info h3 { font-size: 20px; } .owl-carousel-8 .owl-nav .owl-prev { left: 36%; } .portfolio-2 .portfolio-item .portfolio-overlay span a { font-size: 12px; } .portfolio-2 .portfolio-item:hover img { transform: translate3d(0px, -62px, 0px); -webkit-transform: translate3d(0px, -62px, 0px); -o-transform: translate3d(0px, -62px, 0px); -ms-transform: translate3d(0px, -62px, 0px); -moz-transform: translate3d(0px, -62px, 0px); } /*home-3*/ /*header*/ .language { float: left; } .top-news .owl-carousel-14 { width: 210px; } .top-news { width: 320px; } .feature-9 { min-height:328px; } .feature-9:hover .feature-9-icon { right: 23%; } /*portfolio*/ .portfolio-3 .portfolio-item .portfolio-overlay span a { font-size: 12px; } .portfolio-3 .portfolio-item .portfolio-overlay a { font-size: 12px; width: 25px; height: 25px; line-height: 25px; } .portfolio-3 .portfolio-item .portfolio-overlay a i { font-size: 12px; padding-left: 0px; } .portfolio-3 .portfolio-item:hover img { transform: translate3d(0px, -70px, 0px); -webkit-transform: translate3d(0px, -70px, 0px); -o-transform: translate3d(0px, -70px, 0px); -ms-transform: translate3d(0px, -70px, 0px); -moz-transform: translate3d(0px, -70px, 0px); } .portfolio-3 .portfolio-item .portfolio-overlay p { padding: 0 10px; } /*custom-content*/ .why-custom.custom-content p { display: none; } .action-box-3 .action-box-button.mt-40 { margin-top:25px !important; } .feature-9-title-2-right h2 { font-size: 32px; } .contact-5 .contact-form .section-field input { width: 100%; } /*home-4*/ /*slider*/ .header-4 .mega-menu .menu-links > li:last-child { padding-right: 58px; border-bottom: 0px; } .header-4 .mega-menu img { height: 40px; margin: 6px 0px; } .header-4 .mega-menu .menu-links > li > a { padding: 0 10px; } .slider-fade-carousel .slider-contents h1 { line-height: 70px; } .custom-content-3.hello-content .custom-content-3-image img { margin-top: 260px; } .happy-clients .tab-2 ul.nav-tabs li a { margin: 0 16px 0 0; } .happy-clients .tab-2 ul.nav-tabs li a img { width: 106px; } .news-letter .section-field input { width: 70%; } .our-blog .blog-box-image { max-height: 185px; } .our-blog .blog-box-info { max-height: 185px; } .our-blog .blog-box-image .portfolio-caption .port-tag li { margin-top: 0px; } .our-blog .blog-box-image .portfolio-caption .button-border span { margin-top: 10px; padding: 4px 10px; font-size: 11px; } .our-blog .blog-box-info a.button.button-white span { padding: 6px 16px; } .our-blog .blog-box-info a.button.button-white i { padding: 11px; } .our-blog .blog-box-info h1 { font-size: 20px; line-height: 20px; margin-bottom: 0; } .our-blog .blog-box-info p { font-size: 14px; } .our-blog .blog-box-info { padding: 15px 20px; } /*home-5*/ .team-3 .team-social-icon a i { font-size: 12px; height: 30px; line-height: 31px; width: 30px; } /*about-1 page*/ .our-history .history-content { padding: 125px 20px; } /*about me*/ .about-me .maintenance-progress-bar .progress-bar { margin: 0 15px; } /*blog-grid-2-column*/ .blog-grid .blog-entry-audio { padding: 107px 20px; } /*blog timeline*/ .blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: -50px; } /*error*/ .error-search-box { width: 91%; } .entry-title h4 { line-height: 30px; } .entry-title i { line-height: 28px; } .service-page-tab #tabs .tabs li { font-size: 13px; padding: 10px; } /*home-6*/ #animated-slider .slider-content h1 { font-size: 50px; } .custom-content-5 .skills-2 li { margin-right: 50px; } .custom-content-6 .left-slide { padding: 127px 30px; } /*home-7*/ #animated-slider-2 .slider-content h1 { font-size: 50px; line-height: 70px; } .feature-16 .feature-16-contant h4 { font-size: 20px; } /*home-8*/ .image-holder-content .content { padding: 0px 70px; } .custom-content-8 #tabs { padding: 0px 70px; } /*home-10*/ .parallax-banner .layer:nth-child(1) img { width: 70%; } .parallax-banner .layer:nth-child(2) img { width: 70%; } .parallax-banner .layer:nth-child(5) img { width: 70%; } .parallax-banner .layer:nth-child(6) img { width: 70%; } .parallax-banner .banner-content { padding: 0 15%; } .mega-menu .drop-down.grid-col-5 { width: 61.666667%; } } @media (max-width: 1025px) { /*home -1*/ .footer-useful-link { margin-top: 30px; } /*home-2*/ .move-carousel .slider-contents.slide-1 h1 { line-height: 55px; } /*our portfolio*/ .portfolio-2 .portfolio-item .portfolio-overlay a { width: 20px; height: 20px; font-size: 10px; line-height: 20px; margin-left: 6px; } .portfolio-2 .portfolio-item .portfolio-overlay i { padding-left: 0; } .portfolio-2 .portfolio-item:hover img { transform: translate3d(0px, -55px, 0px); -webkit-transform: translate3d(0px, -55px, 0px); -o-transform: translate3d(0px, -55px, 0px); -ms-transform: translate3d(0px, -55px, 0px); -moz-transform: translate3d(0px, -55px, 0px); } /*home-3*/ .why-custom.custom-content li { line-height: 22px; } .portfolio-3 .portfolio-item .portfolio-overlay p { padding: 0 8px; } /*feature-9*/ .feature-9:hover .feature-9-icon { right: 10%; } /*home-4*/ .header-4 .mega-menu .menu-links > li:last-child { padding-right: 12px; } .header-4 .mega-menu .menu-links > li > a { padding: 0 7px; } .happy-clients .tab-2 ul.nav-tabs li a { margin: 0 13px 0 0; } .happy-clients .tab-2 ul.nav-tabs li a img { width: 107px; } /*footer*/ .footer-4 .office-hours { margin-bottom: 40px; } .footer-4 .footer-useful-link { margin-top: 10px; } /* ---------- inner page ------------ */ .entry-quote p { font-size: 16px; line-height: 28px; } .entry-quote { padding: 20px; } /*blog-grid-2-column-left-sidebar*/ .blog-grid-3-column .blog-entry-audio { padding: 61px 20px 88px; } /*blog timeline*/ .blog .timeline > li > .timeline-badge { right: -66px; } .blog .timeline > li.timeline-inverted > .timeline-badge { left: -63px; } /*careers*/ .careers-from h3 { font-size: 26px; } /*contact*/ .get-in-touch.mt-100 { margin-top: 50px !important; } /*error*/ .error-search-box { width: 100%; text-align: center; } /*faq*/ .faq-form h3 { font-size:22px; } /*service*/ .service-1 .tab-1 li { margin-right: 5px;} .features13 { padding-bottom: 30px; } .team .team-social-icon a i { margin: 0px; } .our-blog .blog-box h4 { line-height: 30px; } /*home-6*/ .header-6 .mega-menu .menu-links > li > a i.fa.fa-indicator { padding-left: 0px; } .header-6 .mega-menu .menu-links > li > a { padding: 0 10px; } /*home-7*/ #animated-slider-2 .slider-content h1 { font-size: 40px; line-height: 60px; } } @media only screen and (min-width: 768px) and (max-width: 999px) { .container{ width:96%; } } @media( max-width:992px) { h3 { font-size: 22px; } /*home-1*/ /*header*/ .header { padding: 0; } .topbar { display: block; position: relative; height: 0; } .topbar-left { display: none; } .topbar-right ul li { display: none; } .topbar-right ul li:last-child { display: block; position: absolute; right: 50px; top: 22px; z-index: 99999; } .search-open { padding: 2px 10px 10px 20px; background: #000; } .search-open input { font-size: 25px; } /*menu*/ .mega-menu .menu-links { margin-top: 10px; } .mega-menu .menu-logo > li > a { padding: 0; } .mega-menu > section.menu-list-items { padding: 10px 0; } .mega-menu img { height: 40px; margin: 5px 0; } .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; } .mega-menu .drop-down-multilevel li:hover > a i.fa { color: #323232; } .mega-menu .drop-down-multilevel a { display: block; border-top: 1px solid #F2F2F2; } .mega-menu .mobileTriggerButton { z-index: 1; } .mega-menu .drop-down-multilevel, .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { border-top: 0px !important; } /*slider*/ .rev-slider a.button.button-white i { padding: 5px !important; } .rev-slider a.button i { padding: 5px !important; } /*special-feature*/ .special-feature .feature { margin-bottom: 30px; } /*awesome-features*/ .awesome-features .feature-mob { display: none; } /*.about*/ .about img.right-block { display: none; } /*who-we-are-right*/ .who-we-are .who-we-are-right h3 { margin-top: 30px; } /*counter-info*/ .main-counter h5 { margin-bottom: 30px; } /*video-background*/ #video-background { height: 600px; } #video-background .jqbar { margin:30px 0 0; } .our-skills { padding: 80px 0 60px; } .footer-instagram.footer-hedding { margin-top: 20px; } /*owl-carousel-2*/ .owl-carousel-2 .owl-item img { width: 100%; } .footer-gallery { margin-top: 20px; } /*home-2*/ /*menu*/ .header-2 .mega-menu .menu-links > li > a { line-height: inherit; } .header-2 .mega-menu img { margin: 15px 0; } .header-2 .mega-menu .menu-mobile-collapse-trigger { top: 15px; width: 40px; } .header-2 .mega-menu { min-height: 70px; } .header-2 .mega-menu .menu-links { margin-top: 1px; } .header-2 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; } .header-2 .mega-menu .menu-links { padding-right: 0px; } /*search*/ .search-2 { right: 60px; } .search-2 a {padding: 25px 0 21px 10px; } .search-2-open { height: 68px; } .search-2-open input { height: 46px; font-size: 22px; } .search-2-open .search-2-close { right: 0px; top: 15px; } /*slider*/ .move-carousel .slider-contents.slide-3 h1 { line-height: 60px; } /*key-features*/ .key-features-device { display: none; } /*portfolio-2*/ .portfolio-2 .portfolio-info { display: none; } .portfolio-2 .portfolio-item .portfolio-overlay span a { width: inherit; background: inherit; height: inherit; font-size: 15px; color: #fff; float: left; display: inline-block; text-align: left; } .portfolio-2 .portfolio-item .portfolio-overlay span a:hover { background: none; color: #00a9da; } .portfolio-2 .portfolio-item .portfolio-overlay a { background: #fff; border-radius: 50%; color: #363636; display: inline-block; font-size: 15px; height: 35px; width: 35px; line-height: 36px; text-align: center; margin-left: 10px; float: right; } .portfolio-2 .portfolio-item .portfolio-overlay i { padding-left: 2px; } .portfolio-2 .portfolio-item .portfolio-overlay a:hover { background: #00a9da; color: #fff; } .portfolio-2 .portfolio-item .portfolio-overlay p { text-transform: none; font-size: 16px; opacity: 0; color: #fff; padding: 0 20px; margin: 0; display: inline-block; left: 0; position: absolute; text-align: center; bottom: 8%; transform: translateY(-50%); width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,22px,0); transform: translate3d(0,22px,0); } .portfolio-2 .portfolio-item:hover img { -webkit-transform: translate3d(0,-80px,0); -moz-transform: translate3d(0,-70px,0); -ms-transform: translate3d(0,-70px,0); -o-transform: translate3d(0,-70px,0); transform: translate3d(0,-70px,0); } .portfolio-2 .portfolio-item:hover .portfolio-overlay p { opacity: 1; -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .portfolio-2 .portfolio-item .portfolio-overlay p { bottom: 16px;} .awesome-features-device img { display: none; } /*owl-carousel-8*/ .owl-carousel-8 .owl-nav .owl-next { background: #323232; right: 50%;} .owl-carousel-8 .owl-nav .owl-prev { background: #323232; left: 50.5%;} .owl-carousel-8 .owl-nav i:hover { color: #00a9da; } /*team*/ .team-2 .team-2-box { margin-bottom: 30px; } /*work-process*/ .work-process .feature6 { margin-bottom: 30px; } /*service*/ .service-image-holder { height: 296px; } .contact.contact-2 #contactform { margin-bottom: 50px; } /*home-3*/ /*menu*/ .header-3 .mega-menu img { margin: 12px 0px; } .header-3 .mega-menu .menu-mobile-collapse-trigger::before, .header-3 .mega-menu .menu-mobile-collapse-trigger::after, .header-3 .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } .header-3 .mega-menu .menu-mobile-collapse-trigger { top: 22px; } .header-3 .mega-menu .menu-links > li > a { line-height: 38px; } .header-3 .mega-menu .menu-logo { padding: 0; } .header-3 .mega-menu .menu-mobile-collapse-trigger { top: 12px; } .header-3 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; } .search-3 { padding: 32px 0 20px; float: none; width: 100%; text-align: right; position: relative; } .search-3 .search-btn { line-height: 0; width: 34px; position: absolute; right: 0;} .search-3.search-3-open .search-3-box { top: 45px !important; } .search-3-box { width: 100%; padding: 15px 15px 15px 10px; } .header-3 .mega-menu { min-height: 65px;} .header-3 .topbar { display: none; } /*custom-content*/ .why-custom.custom-content { padding-bottom: 60px; } .why-custom.custom-content img.women { display: none; } .why-custom.custom-content li { line-height: 25px; } .counter-main h5 { margin-bottom: 30px; } .rev-slider a.button.button-white i { padding: 5px !important; } .rev-slider a.button i { padding: 5px !important; } /*portfolio*/ .portfolio-3 .portfolio-item .portfolio-overlay a.link { display: none; } .portfolio-3 .portfolio-item .portfolio-overlay p { padding: 0 5px; } .portfolio-3 .portfolio .portfolio-item .portfolio-overlay a i { font-size: 10px; padding-left: 0; } .portfolio-3 .portfolio-item .portfolio-overlay a { margin-left: 5px; } .portfolio-3 .portfolio-item:hover img { transform: translate3d(0px, -50px, 0px); -webkit-transform: translate3d(0px, -50px, 0px); -ms-transform: translate3d(0px, -50px, 0px); -o-transform: translate3d(0px, -50px, 0px); -moz-transform: translate3d(0px, -50px, 0px); } .portfolio-3 .full-screen .portfolio-item .portfolio-overlay { top: -8px; } /*pricing*/ .pricing-2 .pricing-table.active { margin-bottom: 12px; } /*feature-9*/ .feature-9 { min-height: 248px; } .feature-9:hover .feature-9-icon { right: 60%; } /*contact-form*/ .contact-3 .contact-form .section-field input { width: 100%; margin-right: 0; } .footer-3 .tags { margin-top: 30px; } .footer-3 .footer-widget p { font-size: 12px; } /*home-4*/ .header-4 { padding: 0; } .header-4 .mega-menu .menu-links > li > a { padding: 10px; } .header-4 .mega-menu .menu-links { margin-top: 10px; padding: 10px; background: #fff; float: none; } .header-4 .mega-menu > section.menu-list-items { padding: 15px 0; } .header-4 .search-3 .search-btn { color: #323232; } .header-4 .mega-menu .menu-links > li:last-child { padding-right: 12px; } .header-4 .search-3 .search-btn { line-height: 3px; } .header-4 .search-3.search-3-open .search-3-box { margin-left: 0; top: 37px !important; } .header-4 .search-3 .search-3-box { padding: 10px 10px 20px 10px; } .header-4 .search-3.search-3-open i { right: 23px; top: 26px; } .header-4 #menu-toggle { display: none; } .header-4 #menu { display: none; } /*slider*/ .slider-fade-carousel { height: inherit; overflow: inherit; } .slider-fade-carousel .owl-carousel .owl-item img { width: 100%; } .slider-fade-carousel .slider-contents.slide-1 h1 { font-size: 38px; line-height: 50px; } .slider-fade-carousel .slider-contents.slide-2 h1 { font-size: 38px; line-height: 50px; } .slider-fade-carousel .slider-contents.slide-3 h1 { font-size: 38px; line-height: 50px; } .creativity h1 { font-size: 45px; } .custom-content-3.hello-content { padding-bottom: 80px; } .custom-content-3.hello-content .custom-content-3-image img { display: none; } #video-background.video-content { height: 400px; } .video-content .video-bg h1 { font-size: 42px; } /*our-clients */ .happy-clients .tab-2 ul.nav-tabs li a img { width: 69px; } .happy-clients .tab-2 ul.nav-tabs li a { margin: 0 14px 0 0; } .owl-custom .owl-carousel-12.owl-carousel.owl-theme.owl-loaded { height: 390px;} .owl-custom .owl-carousel-12.owl-carousel.owl-theme .item img { display: none; } .our-blog .blog-box-image img { max-height: inherit; } .news-letter .section-field input { width: 82%; } .custom-content-3.hello-content .custom-content-3-info { margin-bottom: 20px; } /*home-5*/ .header-5 { padding: 15px 20px 0; } .header-5 .mega-menu .menu-links > li { line-height: 40px; } .header-5 .mega-menu .drop-down-multilevel a { padding: 5px 20px; } .header-5 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; } .header-5 .logo img { height: 40px; } .header-5 #menu:before { background: none; } .header-5 #menu { background: none; padding: 40px 0; width: 100%; left: -1000px; } .header-5 #menu-toggle { top: 0px; } .header-5 .mega-menu .menu-links > li > a { padding: 10px 15px;} .header-5 .mega-menu .drop-down a, .header-5 .mega-menu .drop-down-tab-bar a { padding: 0px; } .rev-slider-3 a.button.button-white i { padding: 5px !important; } .rev-slider-3 a.button i { padding: 5px !important; } .built-tab { margin-top: 30px; } .built-tab #tabs .tabs { margin: 0 auto; } .built-tab ul.tabs { margin: 0 auto; float: none; } .team-3 .team-social-icon a i { font-size: 14px; height: 40px; line-height: 41px; width: 40px; } .why-choose-us .custom-content { margin-bottom: 30px; } /*about */ .header-5 .logo img { height: 40px; } .about .feature-11 { margin-bottom: 20px; } .search-4 { margin: 1px 0px;} .search-4 { width: 216px; } .search-4 input { width: 216px; } /*contact*/ .contact-6 .feature-8 { text-align: center; } .contact-6 .feature-8-title { display: inline-block; float: none; text-align: center; margin-bottom: 20px; } /*footer*/ .footer-5 .footer-flickr { margin-top: 20px; } .footer-5 .footer-Newsletter { margin-top: 20px; } /*about-1 page*/ .who-we-are-left .owl-carousel-2 { margin-top: 40px; } /*about-3 page*/ .about .js-video { margin-top: 30px; } .testimonial-info p { padding: 40px 0 20px; } /*about me page*/ .about.about-me img.mike-images { display: none; } .about-me .maintenance-progress-bar .progress-bar { margin: 0 25px 80px; } .about-me .maintenance-progress-bar .progress-bar:nth-child(3){ margin-bottom: 0px;} .about-me .maintenance-progress-bar .progress-bar:nth-child(4){ margin-bottom: 0px;} /*slide bar*/ .sidebar-widget .recent-post-image img { height: 50px; width: 50px; } /*blog full width*/ .share .share-button { font-size: 14px; padding: 9px 12px; } .share ul { padding: 4px 11px; right: 14px; width: 130px;} .share ul li a { padding: 3px 4px; } .blog a.button span { font-size: 13px; padding: 9px 18px; } .blog a.button i { font-size: 16px; width: 42px; padding: 11px; } .blog.blog-grid-3-column .blog-entry-audio { padding: 61px 20px 68px; } a.button-small { margin-right: 0; } .share.small ul li a { padding: 4px 3px; } .share.small ul { width: 120px; padding: 3px 10px; } .masonry.columns-3 .masonry-item { padding: 5px; width: 50%; } .blog.blog-single .blog-entry.entry-content img { margin-bottom: 20px; } .blog.blog-single .port-post-info p { display: inline-block; } /*blog timeline*/ .blog .timeline > li > .timeline-badge { right: -55px; } .blog .timeline > li.timeline-inverted > .timeline-badge { left: -55px; } .blog.timeline-sidebar .timeline::before { left: 36px; } .careers-from .button-border span:hover { box-shadow: -800px 0 0 #00a9da inset; } .careers-from { margin-top: 50px; } /*coming soon*/ .coming-soon-form input { width: 72%; } /*contact*/ .contact.contact-2 a.button { margin-bottom: 30px; } .contact-3 .contact-3-info { height: auto; } .contact-3 .contact-map iframe { height: 400px; } .error-block { background-size: 90%;} .error-block p { font-size: 26px; } .error-search-box p { font-size: 19px; line-height: 35px; } /*faq*/ .faq .tab-1 { margin-bottom: 50px; } /*maintenance*/ .maintenance-main h1.mb-50 { font-size: 34px; margin-bottom: 10px !important; } .maintenance-main i { font-size: 60px; } .maintenance-main p { font-size: 20px; } .maintenance-form { width: 100%; } .maintenance-progress-bar span { font-size: 24px; } /*portfolio*/ .portfolio-sidebar.portfolio-block.columns-3 .grid-item { width: 50%; } .portfolio-fullwidth.portfolio-block.columns-4 .grid-item { width: 50%; } .portfolio-sidebar.portfolio-block.columns-4 .grid-item { width: 50%; } .full-screen.columns-3 .grid-item { width: 50%; } .full-screen.columns-4 .grid-item { width: 50%; } .full-screen.columns-5 .grid-item { width: 50%; } .masonry .grid-sizer, .masonry.columns-3 .masonry-item { width: 50%; } .masonry .grid-sizer, .masonry.columns-4 .masonry-item { width: 50%; } .masonry.full-screen .masonry-item { width: 50%; } .packetry .item { width: 50%; } .packetry .portfolio-item .portfolio-caption a { font-size: 12px; height: 20px; width: 20px; line-height: 20px; } .packetry .portfolio-item .portfolio-overlay a i { font-size: 13px; } .packetry .portfolio-item .portfolio-overlay ul.port-tag { margin-bottom: 0px; } /*portfoli single*/ .single-portfolio-post .who-we-are-left .owl-carousel-2 { margin-top: 0px; } /*service*/ .service .feature-4, .service-1 .feature-4 { margin-bottom: 30px; } .service-page-tab #tabs { margin-bottom: 30px; } .service-1 .pricing-table.active { margin-top: 20px; } .pricing .container .row [class*="col-"] { padding-left: 15px !important; padding-right: 15px !important; } .premium-features img { display: none;} .premium-features { margin-bottom: 70px; } .service .feature-11 { margin-bottom: 30px; } .service-3 .features13 { padding-top: 30px; padding-bottom: 20px; } .our-team .team { margin-bottom: 30px; } .coming-soon-2 .logo img { height: 40px; } .our-activities .skills-2 li:last-child { margin-bottom: 55px; } .our-blog .blog-box { margin-bottom: 30px; } /*action-box*/ .action-box { text-align: center; } .action-box .action-box-button { text-align: center; } /*action-box*/ .action-box-2 { text-align: center; } .action-box-2 .action-box-button { text-align: center; margin-top: 20px !important; } .action-box-3 { text-align: center; } .action-box-3 .text-right.action-box-button { text-align: center; } .footer-widget { text-align: center; } .footer-widget-social { text-align: center; margin-top: 20px; } /*home--6*/ .header-6 { position: relative; padding: 0px; } .header-6 .mega-menu > section.menu-list-items { float: none; } .header-6 .menu-list-items .container-fluid { padding: 0 20px; } .header-6 .mega-menu .menu-mobile-collapse-trigger:before, .header-6 .mega-menu .menu-mobile-collapse-trigger:after, .header-6 .mega-menu .menu-mobile-collapse-trigger span { background: #00a9da; } .header-6 .mega-menu .menu-mobile-collapse-trigger { top: 4px; } .header-6 .mega-menu .menu-links > li > a { padding: 10px; } .header-6 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; } .header-6 .mega-menu .menu-links > li:last-child > a { display: none; } .header-6 .login-1 { display: none; } .header-6 .mega-menu .menu-links > li:last-child { margin: 0px; border-bottom: 0px; } .header-6 .mega-menu .menu-links > li.search { border-bottom: 0px; margin: 0px; } .header-6 .search-3.search-3-open .search-3-box { top: 34px !important; } .header-6 .search-3 { margin: 0px; } #animated-slider .slider-content h1 { font-size: 30px; line-height: 50px; } #animated-slider .slider-content p { padding: 0 30px; } #animated-slider .slider-content { top: 50%; } #animated-slider .slider-content a.button span { padding: 6px 16px; font-size: 12px; } #animated-slider .slider-content a.button.button-black span { padding: 6px 16px; font-size: 12px; } .custom-content-5 .section-title-1 p { font-size: 22px; padding: 0px; } .custom-content-5 img { display: none; } .feature-15 .feature-15-content h4 { font-size: 20px; } .portfolio-4 .columns-3 .grid-item { width: 50%; } .custom-content-6 .left-slide { padding: 95px 30px; } .team-4-main .team-4 { margin: 20px 0; } .custom-content-7 p { padding: 0px; } .custom-content-7.page-section-ptb { padding-top: 0px; } .footer-4 .footer-flickr { margin-top: 20px; } .footer-4 .footer-Newsletter { margin-top: 20px; } .footer-4 .recent-post { margin-bottom: 50px; } .custom-content-5 .skills-2 li:last-child { margin-bottom: 20px; } /*home-7*/ #animated-slider-2 .slider-content h1 { font-size: 30px; line-height: 45px; } #animated-slider-2 .slider-content p { font-size: 14px;} .header-7 .mega-menu .menu-links > li > a { padding: 10px 30px; color: #fff; } .header-7 .mega-menu .menu-links { background: transparent; margin-top: 20px; } .header-7 .mega-menu .menu-links > li { border-bottom: 0px; } .header-7 .mega-menu .menu-links > li.active a { color: #00a9da; } .header-7 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover { color: #323232; } /*feature-16*/ .feature-16 { padding: 0px; } .key-features-2 .features-device { display: none; } .key-features-2 { padding-bottom: 60px; } .footer-4 .tags { margin-top: 30px; } .key-features-2 .feature-10 { margin-bottom: 30px; } /*home-8*/ .header-8 .mega-menu .menu-logo { padding: 13px 0px; } .header-8 .mega-menu .menu-mobile-collapse-trigger { top: 18px; } .header-8 .mega-menu .menu-links > li > a { padding: 10px 13px; } .header-8 .search-3 .search-btn { color: #626262; line-height: 0px; } .header-8 .search-3.search-3-open .search-3-box { top: 37px !important; } .header-8 .mega-menu .menu-links > li:last-child { border-bottom: 0px; } .image-holder-bg { height: 500px; } .image-holder-content .content { padding: 0px 30px; } .image-holder .image-holder-content h2 { font-size: 35px; } .custom-content-8 #tabs { padding: 0px; } .custom-content-8 #tabs .tabs li { padding: 10px 20px; } .custom-content-9 h2 { font-size: 26px; } .section-title-3 p { padding: 0px; } /*home-9*/ .header-9 .mega-menu .menu-logo { padding: 13px 0px; } .header-9 .mega-menu .menu-mobile-collapse-trigger { top: 18px; } .header-9 .mega-menu .menu-links > li > a { padding: 10px 13px; } .header-9 .mega-menu .menu-mobile-collapse-trigger:before, .header-9 .mega-menu .menu-mobile-collapse-trigger:after, .header-9 .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } .image-holder-2-bg { height: 500px; } .experience h1 { font-size: 130px; line-height: 230px; } .testimonial-9 .item { padding: 0 100px; } .feature-20 { padding: 10px 0; } /*home-10*/ .header-10 .header { position: relative; } .header-10 .mega-menu .menu-logo { padding: 6px 0px; } .header-10 .mega-menu .menu-mobile-collapse-trigger:before, .header-10 .mega-menu .menu-mobile-collapse-trigger:after, .header-10 .mega-menu .menu-mobile-collapse-trigger span { background: #323232; } .header-10 .mega-menu .menu-mobile-collapse-trigger { top: 11px; } .header-10 .mega-menu .menu-links > li > a { padding: 10px 13px; } .header-10 .search-3 .search-btn { color: #626262; line-height: 0px; } .header-10 .search-3.search-3-open .search-3-box { top: 37px !important; } .header-10 .mega-menu .menu-links > li:last-child { border-bottom: 0px; } .parallax-banner .banner-content { padding: 0 5%; } .parallax-banner .layer:nth-child(1) img { width: 50%; } .parallax-banner .layer:nth-child(2) img { width: 50%; } .parallax-banner .layer:nth-child(4) img { width:40%; } .parallax-banner .layer:nth-child(5) { right: -330px; } .parallax-banner .layer:nth-child(5) img { width: 50%; } .parallax-banner .layer:nth-child(6) { right: 0px; } .parallax-banner .layer:nth-child(6) img { width: 50%; } .testimonial-4 .item { padding: 0 50px; } .highlights-phone { width: 50%; } .mobile-slider .row { width: 26.777777%; padding-top: 0 !important; padding-bottom: 0px !important; } .footer-8 .get-in-touch { margin-bottom: 30px; } .footer-8 .office-hours { margin-bottom: 30px; } .footer-8 .footer-useful-link { margin-top: 0px; } .contact-4 .contact-social ul li { margin-bottom: 10px; } } @media( max-width:767px) { h1 { font-size: 30px; } h2 { font-size: 26px; } /*h3 { font-size: 30px; } h4 { font-size: 30px; } h5 { font-size: 30px; }*/ .page-section-ptb { padding: 50px 0; } .page-section-pt { padding: 50px 0 0; } .page-section-pb { padding: 0 0 50px; } .section-title-1 { margin-bottom: 40px; } .section-title-1 p { font-size: 16px; } .section-title-1 .title-line::before { width: 180px; } /*home-1*/ /*slider*/ .rev-slider a.button.button-white span { padding: 3px 6px !important; } .rev-slider a.button span { padding: 2px 6px !important; } .rev-slider-3 a.button.button-white span { padding: 5px !important; } .rev-slider-3 a.button span { padding: 2px 6px !important; } /*portfolio*/ .snap-scrolling-example .portfolio .portfolio-item { width: 370px; } /*video bg*/ #video-background { height: 1060px; } /*custom content*/ .about .custom-content-2 h1 { font-size: 30px; overflow: hidden; } .about .custom-content-2 strong { font-size: 22px; } /*testimonial*/ .testimonial-info p { padding: 40px 10px 20px; } /*footer */ .footer-logo img { width: 35%; } .footer .recent-post { margin-top: 30px; margin-bottom: 20px; } .footer .footer-instagram { margin-top: 30px; } .footer-2 .recent-post { margin: 40px 0px; } /*home-2*/ /*move slider*/ .move-carousel .slider-contents h1 { font-size: 26px; line-height: 40px; } .move-carousel .slider-contents p { font-weight: 400; } .move-carousel .slider-contents.slide-1 h1 { line-height: 40px;} .move-carousel .slider-contents.slide-2 h1 { line-height: 40px;} .move-carousel .slider-contents.slide-3 h1 { line-height: 40px;} .move-carousel .slider-contents a.button-border span { font-size: 13px; padding: 7px 15px; } /*move slider*/ .move-carousel .slider-contents h1 { font-size: 30px; } /*team*/ .team-2 .team-2-box img { width: 100%; } .work-process.page-section-ptb { padding: 50px 20px; } /*action-box-2*/ .action-box-2 p { margin-bottom: 20px; display: block; } /*home-3*/ .container-fluid.fluid-padd { padding: 0 15px; } /*slider*/ .rev-slider-2 a.button.button-black span { padding: 3px 6px !important; } .rev-slider-2 a.button span { padding: 2px 6px !important; } /*feature*/ .feature-8-main .feature-8 { padding: 60px 0 40px; } /*custom-content*/ .why-custom.custom-content img { display: none; } /*portfolio*/ .portfolio-3 .full-screen.columns-5 .grid-item { padding: 0; width: 50%; } .portfolio-3 .portfolio-item .portfolio-overlay a.link { display: block; } .portfolio-3 .portfolio-item .portfolio-overlay p { padding: 0 20px; } .portfolio-3 .portfolio-item .portfolio-overlay span a { font-size: 16px; } .portfolio-3 .portfolio-item .portfolio-overlay a { font-size: 15px; height: 35px; width: 35px; line-height: 36px; text-align: center; margin-left: 10px; margin-right: 0; } .portfolio-3 .portfolio-item .portfolio-overlay a i { font-size: 16px; padding-left: 0; } .portfolio-3 .portfolio-item:hover img { -webkit-transform: translate3d(0,-80px,0); -ms-transform: translate3d(0,-80px,0); -o-transform: translate3d(0,-80px,0); -moz-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0); } .portfolio-3 .full-screen .portfolio-item .portfolio-overlay { top: -19px; } .portfolio-3 .portfolio-item { width: 100%; } /*pricing*/ .pricing-2 .pricing-table.active { margin-top:20px; } /*footer*/ .footer-3 .footer-widget p { font-size: 16px; } .footer-3 .recent-post { margin-top: 30px; } /*slider*/ .slider-fade-carousel .slider-contents.slide-1 h1 { font-size: 28px; line-height: 30px; } .slider-fade-carousel .slider-contents.slide-2 h1 { font-size: 28px; line-height: 30px; } .slider-fade-carousel .slider-contents.slide-3 h1 { font-size: 28px; line-height: 30px; } .slider-fade-carousel .owl-carousel-1 .slider-contents { top: 56%; } .slider-fade-carousel .slider-contents p { font-size: 16px; } a.button.button span { padding: 10px 14px; font-size: 13px; } a.button.button i { font-size: 16px; padding: 11px; } .happy-clients .tab-2 ul.nav-tabs li a { margin: 0 14px 20px 7px; } .happy-clients .tab-2 ul.nav-tabs li a img { width: 138px; } .creativity h1 { font-size: 37px; line-height: 50px; } #video-background.video-content { height: 350px; } .social-full li a { height: 60px; font-size: 20px; line-height: 60px; } .our-blog .blog-box-info { max-height: 293px; } .news-letter .section-field input { width: 80%; } .footer-4 .footer-widget { text-align: center; } .footer-4 .footer-widget .text-right { text-align: center; } .footer-4 .office-hours { margin-top: 20px; margin-bottom: 20px; } .footer-4 .footer-useful-link { margin-top: 20px; } /*home-5*/ /*menu*/ .header-5 .logo img { height: 40px; } .header-5 #menu:before { background: none; } .header-5 #menu { background: none; padding: 40px 0; width: 100%; left: -1000px; } .search-4 { width: 150px; } .search-4 input { width: 150px; } .header-5 #menu-toggle { top: 0px; } .search-4 a { line-height: 21px; font-size: 15px; } .header-5 .mega-menu .menu-links > li > a { padding: 10px 15px;} .about .feature-11 .feature-11-info h4::before { left: 45%; } .custom-portfolio .portfolio-text-box { background: #f6f7f9; padding: 60px 25px; } .awesome-features { display: none; } .contact .feature-8 { margin: 20px 0; } .contact .feature-8-info { display: block; text-align: center; } .contact-5 h2 { margin-top: 50px; } .contact-6 .feature-8 { margin: 20px 0; } .contact-6 .feature-8-info { display: block; text-align: center; } .contact-6 .feature-8-title { margin-right: 0px; } .key-features .feature-10 { margin-bottom: 30px; } /*about-1 page*/ .our-history .history-content { padding: 125px 30px; } /*about-2 page*/ .about .feature-3 { margin-bottom: 30px; } /*our-history .timeline*/ .our-history .timeline { overflow: hidden; } .our-history .timeline > li > .timeline-panel { width: 100%; text-align: left; padding: 10px 20px 20px 130px; } .our-history ul.timeline > li { left: none; clear:none; } .our-history .timeline::before { left: 40px; } .our-history .timeline > li > .timeline-badge { left: 40px; } .our-history .timeline > li > .timeline-panel::before { left: 60px; } .our-history .timeline .timeline-arrow { left: 32px; text-align: left; } .our-history .timeline > li.timeline-inverted > .timeline-panel::before { left: 58px; } /*about-me page*/ .about-me .contact-me { margin-top: 20px; } /*slidebar*/ .sidebar-widget .widget-archives { margin-bottom: 40px; } .sidebar-widget .widget-search { margin-top: 40px; } /* blog timeline */ .blog ul.timeline:before { left: 40px; } .blog ul.timeline > li { margin-bottom: 20px; position: relative; width:100%; float: left; clear: left; } .blog ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); } .blog ul.timeline > li > .timeline-badge { left: 12px; margin-left: 0; top: 16px; } .blog ul.timeline > li > .timeline-panel { float: right; } .blog ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .blog ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .blog .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; } .blog .timeline > li.timeline-inverted > .timeline-badge { left: 12px; } .blog .timeline-panel img { width: 100%; } .blog .timeline li.entry-date-bottom { text-align: left; } .blog .timeline li.entry-date-bottom a { font-size: 13px; padding: 8px 10px; } .blog .timeline li.entry-date { text-align: left; } .blog .timeline li.entry-date span { font-size: 13px; padding: 8px 10px; } .blog.timeline-sidebar .timeline li.timeline-inverted .timeline-badge { left: 9px; } .blog .timeline > li:nth-child(2) { margin-top: 0; } .blog .timeline > li.timeline-inverted { margin-top: 10px; } .blog.timeline-sidebar .timeline > li.timeline-inverted { margin-bottom: 20px; } .blog.timeline-sidebar .timeline > li.timeline-inverted:nth-child(2) { margin-bottom: 0px; } .blog.timeline-sidebar .timeline li .blog-entry-grid .grid-post li { width: 100%; } /* Coming soon page */ .coming-soon-main i { font-size: 70px; } .coming-soon-countdown ul.countdown li span { font-size: 60px; } .coming-soon-countdown ul.countdown li p { font-size: 16px; } .coming-soon-main p { font-size: 18px; line-height: 26px; } .coming-soon-main h1 { font-size: 42px; margin-bottom: 20px; } .coming-soon-form input { width: 67%; } /*contact */ .contact .contact-box { margin-bottom: 20px; } .contact .feature-3 { margin-bottom: 20px; } .contact-3-info { padding: 40px 20px; } .footer-5 .recent-post { margin-top: 30px; margin-bottom: 50px; } /*error*/ .error-search-box input { width: 73%; } .error-block p { font-size: 20px; } .error-block h1 { font-size: 80px; } .error-404-2 .error-block h1 { font-size: 290px; } /*faq*/ .faq .nav-tabs li { float: none; overflow: hidden; } .faq a.button-border span:hover { box-shadow: -800px 0 0 #00a9da inset; } .maintenance-progress-bar .progress-bar { display: block; margin: 0 auto 90px; } .maintenance-progress-bar { margin: 30px 0 60px; } .maintenance-form input { width: 70%;} .maintenance-main p { font-size: 18px; } /*portfolio-classic*/ .portfolio-classic .grid-item h3 { margin-top: 20px; } .portfolio-block .grid-item { margin-bottom: 15px;} .portfolio-fullwidth.portfolio-block.columns-3 .grid-item { width: 50%; } .packetry .item { width: 100% !important; } /*packetry*/ .packetry .portfolio-item .portfolio-overlay a { width: 40px; height: 40px; line-height: 38px; font-size: 16px; } /*portfoli single*/ .single-portfolio-post .who-we-are-left .owl-carousel-2 { margin-bottom: 30px; } .single-portfolio-post.post-2 .who-we-are-left .owl-carousel-2 { margin-bottom: 0px; } .single-portfolio-post.post-2 .port-info { margin-top: 30px; } /*service*/ .like-what img { display: none; } .service-3 { margin: 0 auto; width: 60%; } .service-3 img { margin: 20px 0;} .service-3 .features13 { padding-top: 0px; } .features13.left b { top: 43px; } .our-team .team .team-images img { width: 100%; } .custom-content-4 { margin-top: 20px; } /*home-6*/ .custom-content-5 { padding-left: 20px; padding-right: 20px; } .our-services .feature-15 { margin-bottom: 30px; } .our-services .row.mt-30 { margin-top: 0px !important; } .custom-content-6 .right-slide img { width: 100%; margin-bottom: 15px; } .custom-content-6 .left-slide { padding: 50px 20px; } .team-4-main .team-4 { margin: 40px 0px; } /*home-7*/ .header-7 { padding: 10px 10px; position: relative; background: #323232; } .header-7 .logo img { height: 40px; } .header-7 #menu-icon {right: 12px; top: -3px; } #animated-slider-2 .slider-content h1 { font-size: 20px; line-height: 30px; } #animated-slider-2 .slider-content p { font-size: 13px; } #animated-slider-2 .slider-content { top: 50%; } .our-service .row { margin-top: 0px !important; } .our-service .feature-16 { margin-bottom: 30px; } .our-service.page-section-ptb { padding-bottom: 130px; } .work-process-2 .feature-17 { margin-bottom: 40px; } .key-features-2 { margin-bottom: 60px; } .key-features-2 .row.mt-40 { margin-top: 0px !important; } .contact-4 .contact-form { margin-bottom: 40px; } .footer-4 .office-hours { margin-top: 30px; } .footer-4 .footer-widget .text-right { text-align: center; } .feature-18 { margin-bottom: 30px; } .bg-15.page-section-ptb .row { margin-top: 0px !important; } /*home-8*/ .image-holder .image-holder-content h2 { font-size: 30px; } .custom-content-9 .feature-19 { margin-bottom: 30px; } .testimonial-3 .item { padding: 0px; } /*home-9*/ .image-holder-2 .image-holder-2-content span { margin-bottom: 20px; } .image-holder-2 .image-holder-2-content h1 { font-size: 40px; margin-bottom: 10px; line-height: 40px; } #typer h2 { font-size: 22px; } .our-services .feature-20 { margin: 30px; padding: 20px; } .our-services .row.mt-30 { margin-top: 0px !important; } .testimonial-4 .item { padding: 0px; } .footer-7 .footer-about p { padding: 0px; } /*home-10*/ .custom-content-11-info { padding: 0px; } .mobile-slider .row { width: 100%; text-align: center; margin: 0 auto; } .left-row .highlight-title { text-align: center; } .right-row .highlight-title { text-align: center; } .highlights-phone { width: 100%; margin-top: 30px; } .testimonial-5 .row { margin-top: 0px !important; } .testimonial-5 .testimonial-block { margin-bottom: 40px; } .footer-8 .footer-useful-link { margin-top: 30px; } .footer-8 .text-right { text-align: center; } } @media( max-width:600px) { h3 { font-size: 22px; } .section-title-2 p { font-size: 16px; } .section-title-2 { margin-bottom: 40px; } .search-open input { width: 95%; } .search-open input { font-size: 20px; } /*home-1*/ /*portfolio*/ .snap-scrolling-example .portfolio .portfolio-item { width: 350px; } /*custom content*/ .about .custom-content-2 h1 { font-size: 24px; overflow: hidden; } .about .custom-content-2 strong { font-size: 15px; } /*counter*/ .main-counter .counter-info span.counter { font-size: 40px; } /*action-box*/ .action-box { text-align: center; } .action-box .action-box-button { text-align: center; } /*owl-carousel-4*/ .owl-carousel-4 .owl-nav .owl-prev { left: 66%; } .owl-carousel-4 .owl-nav .owl-next { right: 66%; } /*footer*/ .footer-logo img { width: 45%; } .footer .footer-instagram { margin-top: 40px; } /*home-2*/ /*search*/ .search-2-open input { width: 95%; } /*action-box*/ .action-box-2 { text-align: center; } .action-box-2 .action-box-button { text-align: center; } /*testimonial*/ .testimonial-2 .testimonial-avatar { display: block; float: none; text-align: center; margin-bottom: 20px; } .testimonial-2 .testimonial-info p { margin-bottom: 20px; text-align: center; } .our-services .feature7 { text-align: center; } .our-services .feature7 .feature7-icon { float: none; display: inline-block; margin-bottom: 20px; } .services-text-box { padding: 90px 20px 40px; } /*home-3*/ /*portfolio*/ .feature-8-main .owl-carousel-10 .owl-item { padding: 0; } .portfolio-3 .full-screen.columns-5 .grid-item { padding: 0; width:100%; } .portfolio-3 .isotope-filters { margin-bottom: 0; text-align: center; } /*custom-content*/ .dropping-words-main .custom-content-2 h1 { font-size: 26px; } .dropping-words-main .custom-content-2 strong { font-size: 18px; } .feature-8-main .feature-8 { text-align: center; } .feature-8-main .feature-8-title { display: block; float: none; margin-bottom: 20px; text-align: center; margin-right: 0px; } .feature-main .feature-9:hover .feature-9-icon { right: 40%; } /*home-4*/ /*slider*/ .slider-fade-carousel .slider-contents p { display: none;} .slider-fade-carousel .slider-contents a.button { display: none;} .slider-fade-carousel .slider-contents.slide-1 h1 { line-height: 50px; } .slider-fade-carousel .slider-contents.slide-2 h1 { line-height: 50px; } .slider-fade-carousel .slider-contents.slide-3 h1 { line-height: 50px; } .happy-clients .tab-2 ul.nav-tabs li a img { width: 174px; } .owl-custom .owl-carousel-12.owl-carousel.owl-theme.owl-loaded { height: 450px; } .our-blog .blog-box-info { max-height: 323px; } .news-letter .section-field input { width: 73%; } .happy-clients .tab-2 ul.nav-tabs li a { margin: 0 9px 20px; } #tabs .tabs li img { width: 120px; } /*home 5*/ .header-5 .logo img { height: 30px; } .header-5 .col-xs-4.logo-xs { padding: 0px; } .search-4 input { margin-top: 15px; width: 100%; background: #000; font-size: 12px; } .custom-portfolio .portfolio-text-box { background: #f6f7f9; padding: 60px 15px; } .custom-portfolio .portfolio-text-box a.button.mt-30 { margin-top: 15px !important; } .about .feature-11 .feature-11-info h4::before { left: 42%; } .team-3-main .owl-carousel-11 .owl-item img { width: 100%; } .team-3-device { display: none; } .built-tab .tab-content { margin-top: 0; } .feature-item { overflow: hidden; } /*footer*/ .footer-5 .footer-flickr { margin-top: 30px; display: inline-block; } .footer-5 .footer-Newsletter { margin-top: 30px; } /*about-1 page*/ .our-history .history-5 { margin-left: 21%; } .our-history .history-6 { margin-left: 44%; } .our-history .timeline .timeline-arrow { bottom: -27px; } /*about-me page*/ .about-me .maintenance-progress-bar .progress-bar:nth-child(3){ margin-bottom: 70px; } /*blog full width */ .blog-entry-grid .grid-post li { border-bottom: 14px solid #fff; width: 100%; } .contact-form .section-field { margin-right: 0; width: 100%; } /*coming soon*/ .coming-soon-form input { width: 60%; } .inner-intro { height: 330px; } /*error*/ .error-block { padding: 30px 0px; } .error-block h1 { font-size: 70px; } .error-404-2 .error-block h1 { font-size: 200px; line-height: 200px; } .error-404-2 .error-block p { font-size: 16px; } /*faq*/ .faq .accordion-1 .panel-title a { font-size: 16px; } .faq .panel-body li { font-size: 13px; } .faq .panel-body p { font-size: 13px;} .faq .panel-body.faq-content h5 { font-size: 16px; } .faq .nav-tabs li a { font-size: 15px; } /*maintenance*/ .maintenance-main h1.mb-50 { font-size: 28px; } .maintenance-main p { font-size: 16px; line-height: 25px; } .maintenance-form input { width: 50%; } .maintenance-2 .maintenance-main h1 { font-size: 32px; } /*clients*/ .clients-box { text-align: center; } .clients-photo { float: none; display: inline-block; margin-bottom: 20px; } /*portfolio*/ .portfolio-fullwidth.portfolio-block.columns-2 .grid-item { width: 100%; } .portfolio-sidebar.portfolio-block.columns-2 .grid-item { width: 100%; } .portfolio-fullwidth.portfolio-block.columns-3 .grid-item { width: 100%; } .portfolio-sidebar.portfolio-block.columns-3 .grid-item { width: 100%; } .portfolio-fullwidth.portfolio-block.columns-4 .grid-item { width: 100%; } .portfolio-sidebar.portfolio-block.columns-4 .grid-item { width: 100%; } .full-screen.columns-2 .grid-item { width: 100%; } .full-screen.columns-3 .grid-item { width: 100%; } .full-screen.columns-4 .grid-item { width: 100%; } .full-screen.columns-5 .grid-item { width: 100%; } .masonry .grid-sizer, .masonry.columns-2 .masonry-item { width: 100%; } .masonry .grid-sizer, .masonry.columns-3 .masonry-item { width: 100%; } .masonry .grid-sizer, .masonry.columns-4 .masonry-item { width: 100%; } .masonry.full-screen .masonry-item { width: 100%; } .packetry .item { width: 100%; } /*service*/ .service-3 { margin: 0 auto; width: 70%; } .login-2-social ul li { margin-bottom: 10px; } .login-3 .login-with h3 { font-size: 17px; } /*home-6*/ #animated-slider .slider-content p { display: none; } #animated-slider .slider-content h1 { font-size: 22px; } #animated-slider .carousel-indicators { bottom: 10px; } .custom-content-5 h4 { line-height: 33px; } .custom-content-5 .skills-2 li { width: 100%; margin-right:0px; margin-bottom: 80px; } .portfolio-4 .columns-3 .grid-item { width: 100%; } .portfolio-4 .isotope-filters-3 button { margin: 5px 10px; } /*home-8*/ .image-holder .image-holder-content h2 { font-size: 20px; line-height: 40px; } .custom-content-8 #tabs .tabs li { font-size: 18px; } .image-holder .image-holder-content span { font-size: 12px; } .news-content .meta { margin-bottom: 20px; } .news-content .meta.pull-left { float: none !important; } .news-content .button.pull-right { float: none !important; } .clients-partner .clients-logo li { width: 50%; } /*home-10*/ .parallax-banner .banner-content h1 { font-size: 24px; } .parallax-banner .layer:nth-child(3) { top: 35%; } .contact-4 .contact-form input { width: 100%; margin-right: 0px; } } @media( max-width:479px) { /*home-1*/ .mega-menu img { height: 40px; } .topbar-right ul li:last-child { top: 20px; } /*slider*/ .tp-caption img { display: none; } .rev-slider a.button.button-white span { padding: 2px 3px !important; } .rev-slider a.button span { padding: 2px 3px !important; } .rev-slider-3 a.button.button-white span { padding: 2px 3px !important; } .rev-slider-3 a.button span { padding: 2px 3px !important; } .tp-caption.black-align-center, .black-align-center { padding: 0px 10px !important; } /*portfolio*/ .snap-scrolling-example .portfolio .portfolio-item { width: 320px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: 100%; } /*who-we-are*/ .who-we-are .who-we-are-right-button .button { margin-bottom: 20px; } .about .custom-content-2 h1 { font-size: 22px; overflow: hidden; } /*footer*/ .footer-widget{ text-align: center; } .footer-widget p { margin-bottom: 10px; } .footer-widget-social { text-align: center; } .popup-contact { display: none; } .header-2 .mega-menu img { margin: 16px 0; } /*slider*/ .rev-slider-2 a.button.button-black span { padding: 2px 3px !important; } .rev-slider-2 a.button span { padding: 2px 3px !important; } /*custom-content*/ .dropping-words-main .custom-content-2 h1 { font-size: 22px; line-height: 24px; margin-bottom: 10px; width: 70%; } .dropping-words-main .custom-content-2 strong { font-size: 16px;} .feature-main .feature-9-title-2-right h2 { font-size: 30px; } .feature-main .feature-9 { min-height: 358px; } .feature-main .feature-9:hover .feature-9-icon { right: 10%; } /*action-box*/ .action-box-3 .action-box h3 { font-size: 18px; line-height: 26px; } .action-box-3 .action-box p { font-size: 12px; } /*home-4*/ /*slider*/ .slider-fade-carousel .slider-contents.slide-1 h1 { line-height: 30px; font-size: 20px; } .slider-fade-carousel .slider-contents.slide-2 h1 { line-height: 30px; font-size: 20px; } .slider-fade-carousel .slider-contents.slide-3 h1 { line-height: 30px; font-size: 20px; } .header-4 .mega-menu img { height: 40px; margin: 2px 0px; } .creativity h1 { font-size: 30px; line-height: 40px; } .creativity .button.mt-50 { margin-top: 20px !important; } .happy-clients .tab-content { margin-top: 0px; } .happy-clients .tab-2 ul.nav-tabs li a img { width: 94px; } .video-content .video-bg h1 { font-size: 34px; } .owl-custom .owl-carousel-12.owl-carousel.owl-theme.owl-loaded { height: 600px; } .owl-custom .custom-content li { line-height: 32px; } .our-blog .blog-box-info { max-height: 433px; } .our-blog .blog-box-image .portfolio-caption a { font-size: 18px; } .our-blog .portfolio-item .portfolio-caption { padding: 20px; } .our-blog .blog-box-image .portfolio-caption .port-tag li a { font-size: 11px; } .our-blog .blog-box-image .portfolio-caption .button-border span { margin-top: 12px; } .news-letter .section-field input { width: 58%; } .social-full li a { font-size: 15px; height: 40px; line-height: 40px; } .header-5 .logo img { height: 22px; margin-top: 3px; } .team-3-main .owl-carousel-11 { margin-bottom: 0px; } .built-tab #tabs .tabs li.customization { right: 60px; } .built-tab #tabs .tabs li.support { left: 76px; top: 130px; } .built-tab #tabs .tabs li.update { bottom: 70px; right: 130px; } .built-tab #tabs ul.tabs { width: 100%; height: 380px; background-size:90%; } .built-tab.page-section-ptb { padding-bottom: 0px; } /*about-1 page*/ .our-history .history-1 { left: 5px; } .our-history .history-5 { margin-left: 16%; } /*about-2 page*/ .our-history .timeline::before { left: 25px; } .our-history .timeline > li > .timeline-badge { left: 25px; } .our-history .timeline > li > .timeline-panel::before { width: 22px; left: 42px; } .our-history .timeline > li.timeline-inverted > .timeline-panel::before { left: 42px; } .our-history .timeline > li > .timeline-panel { padding: 10px 20px 20px 75px; } .our-history .timeline .timeline-arrow { left: 17px; } /*about-3 page*/ .custom-content b { font-size: 16px; } .owl-carousel-6 .owl-nav i { padding: 8px; } /*blog all page*/ .blog-grid-3-column .blog-entry-audio { padding: 61px 20px 58px; } /*single ppst blog*/ .blog.blog-single .port-post-photo { width: 90px; } .blog.blog-single .port-post-info { padding-left: 110px; } .blog.blog-single .port-photo { width: 94px; } .blog.blog-single .port-arrow { height: 57px; } .blog.blog-single .port-arrow i { line-height: 57px; } .blog.blog-single .comments-1.comments-2 { padding-left: 47px; } .blog.blog-single .share.small.mt-30 { margin-top: 0px !important;} .blog.blog-single .comments-info > p { display: inline-block; } .blog .timeline > li > .timeline-badge { font-size: 15px; height: 44px; line-height: 12px; width: 44px; } .blog ul.timeline:before { left: 27px; } .blog ul.timeline > li > .timeline-badge { left: 5px; } .blog ul.timeline > li > .timeline-panel { width: 100%; } .blog .timeline li.entry-date span { display: none;} .blog ul.timeline::before { display: none; } .blog ul.timeline > li > .timeline-badge { display: none; } .blog ul.timeline > li > .timeline-panel::before { display: none; } .blog ul.timeline > li > .timeline-panel::after { display: none; } .blog .timeline li.timeline-inverted .timeline-panel::after { display: none; } .blog .timeline li.timeline-inverted .timeline-panel::before { display: none; } .blog.timeline-sidebar .timeline li { width: 100%; } .masonry .masonry-item { width: 100% !important } /*coming soon*/ .coming-soon-main h1 { font-size: 34px; } .coming-soon-countdown ul.countdown li span { font-size: 32px; } .coming-soon-countdown ul.countdown li { width: 20%; } .coming-soon-countdown ul.countdown li p { font-size: 13px; } .coming-soon-countdown ul.countdown { margin: 20px 0; } .coming-soon-main p { margin-bottom: 45px; font-size: 16px; } .coming-soon-form { width: 100%; } .coming-soon-form input { width: 100%; margin-bottom: 20px; } .coming-soon-form input { width: 62%; } .coming-soon-form a.button-border span { padding: 11px 8px; } /*contact*/ .contact-3-info { padding: 30px 15px; } /*error*/ .error-block h1 { font-size: 50px; } .error-block p { font-size: 18px; } .error-block h1.mb-40 { margin-bottom: 10px !important; } .error-search-box p { font-size: 16px; line-height: 32px; } .error-search-box input { width: 60%; } .error-404-2 .error-block h1 { font-size: 150px; line-height: 150px; } /*maintenance*/ .maintenance-main p { font-size: 15px; } .maintenance-2 .maintenance-main h1 { font-size: 22px; margin-bottom: 10px; } .maintenance-contant.mt-150 { margin-top: 30px !important; } .maintenance-form.mt-100 { margin-top: 30px !important; } /*portfolio single*/ .single-portfolio-post .port-meta li { font-size: 14px; } .single-portfolio-post .port-meta li b { width: 57px; } .single-portfolio-post .port-photo { height: 56px; width: 94px; } .single-portfolio-post .port-arrow { height: 56px; } .single-portfolio-post .port-arrow i { line-height: 56px; } .single-portfolio-post .port-post-photo { width: 90px; } .single-portfolio-post .port-post-info { padding-left: 110px; } /*service 1 */ .service-page-tab #tabs .tabs li { width: 100%; margin-bottom: 1px;} .service-3 { margin: 0 auto; width: 100%; } .features13 b { top: 61px; } .features13.left b { top: 89px; } .custom-content-4 .social li a { margin-bottom: 10px; margin-left: 2px; } .login-3 .login-with h3 { font-size: 13px; } /*home-6*/ #animated-slider .slider-content h1 { font-size: 18px; line-height: 20px; } #animated-slider .slider-content .button { display: none; } .portfolio-4 .isotope-filters-3 button { padding: 5px 8px; } /*home-7*/ .header-7 .logo img { height: 30px; } .header-7 #menu-icon { right: 10px; top: -9px; } #animated-slider-2 .slider-content p { display: none; } #animated-slider-2 .carousel-indicators { bottom: 10px; } .frequently .accordion .accordion-title a { font-size: 12px; } /*home-8*/ .latest-news .news .meta a { font-size: 20px; } .latest-news .news { padding: 30px 50px 40px 40px; } /*home-9*/ .image-holder-2-bg { background-position: -500px !important; } .image-holder-2 .image-holder-2-content a { margin-top: 50px; } .footer-7 .footer-about ul.social li a { margin: 5px 3px; } /*home-10*/ .parallax-banner .layer:nth-child(3) { top: 25%; } .parallax-banner .banner-content span { padding: 7px 14px; font-size: 10px; } .parallax-banner .banner-content h1 { line-height: 30px; } .phone-holder { left: -23px; } .mobile-slider { padding: 0px; } .custom-content-11 h2{ line-height: 32px; } } @media (max-width: 1240px) { .boxed-layout .page-wrapper { width: inherit; } .boxed-layout.page-wrapper { width: inherit; } } @media (max-width: 1199px) { .boxed-layout .page-wrapper .mega-menu.desktopTopFixed .menu-list-items { width: 100%; padding: 0px; } } @media (max-width: 992px) { .boxed-layout .page-wrapper .mega-menu.desktopTopFixed .menu-list-items { width: 100%; } } @media (max-width: 1199px) { .boxed-layout.page-wrapper .mega-menu.desktopTopFixed .menu-list-items { width: 100%; } } @media (max-width: 992px) { .boxed-layout.page-wrapper .mega-menu.desktopTopFixed .menu-list-items { width: 100%; } } /* Template: The Corps — Responsive Multi-purpose HTML5 Template Author: potenzaglobalsolutions.com Version: 2.1 Design and Developed by: potenzaglobalsolutions.com Note: This is the file where you can add your custom styles to change the look of the theme. But don't modify "style.css" file. */ /* Your custom css codes start from here: */ /* Template: The Corps - Responsive Multi-purpose HTML5 Template Author: potenzaglobalsolutions.com Version: 2.1 Design and Developed by: potenzaglobalsolutions.com NOTE: This is color stylesheet of Color Scheme. */ /************************* General *************************/ /** selection **/ *::-moz-selection { background: #F15A22; color: #fff; text-shadow: none; } ::-moz-selection { background: #F15A22; color: #fff; text-shadow: none; } ::selection { background: #F15A22; color: #fff; text-shadow: none; } /** buttton **/ /************************* button *************************/ a.button { background-color: #F15A22; } a.button.button-white { color: #F15A22; } a.button.button-white i { color: #F15A22; } a.button.button-white span { color: #F15A22; } a.button.button-grey { color: #F15A22; } a.button.button-grey i { color: #F15A22; } a.button.button-grey span { color: #F15A22; } a.button.button-black { color: #F15A22; } a.button-border span { color: #F15A22; border:1px solid #F15A22; } a.button-border span:hover { border-color: #F15A22; } a.button-border-white span:hover { color: #F15A22; } a.button-small { background-color: #F15A22; } .share .share-button { background: #F15A22; } a.button-border span:hover, .faq a.button-border span:hover, .careers-from .button-border span:hover, .login-2-social li a.fb:hover, .login-2-social li a.twitter:hover, .login-2-social li a.pinterest:hover { box-shadow: -400px 0 0 #F15A22 inset; } button.button-border span { color: #F15A22; border-color: #F15A22; } button.button-border span:hover { box-shadow: -200px 0 0 #F15A22 inset; border-color: #F15A22; } button.button { background: #F15A22; } /** tooltip **/ .footer-widget-social .tooltip:after, .footer-widget-social [data-tooltip]:after{ background-color: #F15A22; } .footer-widget-social .tooltip:before,.tooltip-top:before{ border-color: #F15A22; } .footer-widget-social [data-tooltip]:before, .tooltip::before, .footer-widget-social .tooltip-top::before { border-top-color: #F15A22; } .footer-2 .footer-widget-social .tooltip:after, .footer-2 .footer-widget-social [data-tooltip]:after{ background-color: #fff; } .footer-2 .footer-widget-social .tooltip:before,.tooltip-top:before{ border-color: #fff; } .footer-2 .footer-widget-social [data-tooltip]:before, .tooltip::before, .footer-2 .footer-widget-social .tooltip-top::before { border-top-color: #fff; } .footer-2 .tooltip::after, .footer-2 [data-tooltip]::after { color: #F15A22; } .home-3 .footer .tooltip::after, .home-3 [data-tooltip]::after { background: #F15A22; } .home-3 .footer [data-tooltip]::before, .home-3 .tooltip::before, .home-3 .tooltip-top::before { border-top-color: #F15A22; } /*dark background */ #contact-btn, #back-to-top .top, .home-2 #contact-btn, .home-2 #back-to-top .top, .home-2 .footer .tags ul li a, .home-2 .footer .input-group.divcenter .form-control, .home-2 .footer .divcenter .input-group-addon, .feature-9-bg-3, .home-5 .contact .feature-8-title, .footer-2 .input-group.divcenter .form-control, .popup-contact-2 #contact-btn, .footer-2 .tags ul li a, .footer-2 .divcenter .input-group-addon, .contact-6 .feature-8-title { background: #F15A22; } /*light background*/ .feature-9-bg-1 { background: #ff6b21; } /*important*/ .skills-1 .jqbar.vertical .bar-level, .skills-2 .bar, .maintenance-progress-bar .progress-bar .rotate, .maintenance-progress-bar .progress-bar .right, .skills-3 .bar, .custom-content-5 .skills-2 .bar, .custom-content-12 .skills-2 .bar, .our-activities .skills-2 .bar { background: #F15A22 !important; } /*dark color */ .footer-widget a:hover, .pricing-table.active .pricing-list li.text-light-blue { color: #ed5001; } /************************* Background *************************/ /** Color BG **/ .blue-bg, .feature .border, .feature5 h4:before, .section-title-1 .title-line::before, .section-title-1 .title-line::after, .portfolio .portfolio-item .portfolio-overlay a:hover, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .owl-carousel-3 .owl-nav i:hover, .blog-box .border, .action-box, .input-group-btn button:hover, .footer-widget-social a i, .tooltip-content + .tooltip .tooltip-inner, .accordion .accordion-title a.active, .team-2 .team-overlay .info, .about-me .follow-me li a:hover, .owl-carousel-7 .owl-nav i:hover, #tabs ul.tabs li.active, #tabs ul.tabs li.active:focus, #tabs ul.tabs li:hover, .pricing-table.active, .pricing-table.active .pricing-order, .feature-11 .feature-11-info h4::before, .feature-11:hover .feature-11-icon span, .team:hover, .team.active, .team .team-social-icon a i:hover, .isotope-filters button.active, .isotope-filters button:hover, .custom-content-4 .social li a:hover, .login-3 .login-with a:hover, .error-search-box a.link, .accordion-2 .accordion-2-title a:hover, .accordion-2 .accordion-2-title a.active, .data-table .table thead, ul.list-style-2 li span, ul.list-style-2 li i, ul.list-style-3 li i, ul.list-style-3 li span, .pricing-2 .pricing-table.active, .pricing-2 .pricing-table.active .pricing-title h2.text-bg, .pricing-2 .pricing-table.active .pricing-order, .social-icon-list ul li a, .social-icon-list.list-3 ul li a:hover, .social-icon-list.list-2 ul li a:hover, .nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover, .nav-tabs li a:focus, .nav-tabs li a:hover, .typography .mark, mark, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .blog .portfolio-item .portfolio-overlay a:hover, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover, .sidebar-widget .tags li a:hover, .tags-2 li a:hover, .owl-carousel-13 .owl-nav i:hover, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .portfolio-block .portfolio-item .portfolio-overlay a:hover, .full-screen .portfolio-item .portfolio-overlay a:hover, .isotope-filters-2 button.active, .isotope-filters-2 button:hover, .masonry .portfolio-item .portfolio-overlay a:hover, .packetry .portfolio-item .portfolio-overlay a:hover, .team-3 .team-social-icon a i:hover, .pricing-2 .pricing-table.active .pricing-title h3.text-bg { background: #F15A22; } /*home page background*/ .section-title-2 .title-line::before, .portfolio-info, .services-text-box, .home-2 .portfolio-item .portfolio-overlay a:hover, .home-2 .footer, .home-3 .portfolio-item, .feature-9-bg-2, .home-3 .footer .input-group-btn button, .home-3 .footer .tags ul li a:hover, .owl-carousel-12.owl-theme .owl-dots .owl-dot.active span, .owl-carousel-12.owl-theme .owl-dots .owl-dot:hover span, .home-4 .our-blog .blog-box-info, .home-4 .footer .tags ul li a:hover, .built-tab .tabs li span, .home-5 .contact, .portfolio-2 .portfolio-item .portfolio-overlay a:hover, .footer-2, .action-box-3, .portfolio-3 .isotope-filters button.active, .portfolio-3 .isotope-filters button:hover, .portfolio-3 .portfolio-item, .footer-3 .input-group-btn button, .footer-3 .tags ul li a:hover, .our-blog .blog-box-info, .footer-4 .tags ul li a:hover, .contact-6, .header-6 .mega-menu .menu-links > li:last-child > a, .contact-4 .contact-social ul li a:hover, .testimonial-3 .owl-theme .owl-dots .owl-dot.active span, .testimonial-3 .owl-theme .owl-dots .owl-dot:hover span, .image-holder-2 .image-holder-2-content span, .testimonial-4 .owl-theme .owl-dots .owl-dot.active span, .testimonial-4 .owl-theme .owl-dots .owl-dot:hover span, .footer-7 .footer-about ul.social li a:hover, .parallax-banner .banner-content span { background: #F15A22; } /************************* Color *************************/ /** Color **/ a:hover, a, button, .text-blue, .topbar-left ul li i, .topbar ul li a:hover, #one + label::before, #one + label::after, .mega-menu .menu-links > li.active a, .login-1 .button.button-grey span, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .rev-slider a, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .mega-menu .drop-down-multilevel li:hover > a i.fa, .feature i, .feature5 span, .feature5 a:hover, .feature5 a:hover i, .dropping-words-1 span, span.tooltip-content-2, .feature-2 span, .portfolio .portfolio-item .portfolio-caption a:hover, .portfolio-caption a span:hover, .blog-info i, a.blog-btn, .blog-box .border, .testimonial-info strong, .addresss-info i, .recent-post-info a:hover, .footer-useful-link ul li a:hover, .input-group-addon i, .input-group-btn button, .tags ul li a:hover, .footer-widget a, ul.page-breadcrumb li a:hover, ul.who-we-are-about i, .feature-3-title span, .accordion .accordion-title a:hover, .accordion .accordion-title a:hover::after, .team-2 .team-overlay .social li a:hover, .contact-info .contact-form .section-field i, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .menu-links > li.active .drop-down li.active a, .custom-content i, .about-me .contact-me i, .about-me .follow-me li a, .feature-4 span, .team span, .custom-content-4 .social li a, .contact-form .section-field i, .contact-box i, .contact-3-info .contact-add i, .faq-form .field-widget i, .widget-archives li a:hover, .widget-archives li a:hover i, .clients-info a, .careers .accordion-content b, .careers .accordion-content a, .careers-from .field-widget i, .login-2-form .field-widget i, #two + label::before, #two + label::after, .login-2-form .section-field .remember-checkbox a:hover, .login-3-form .field-widget i, .login-3-form .section-field .remember-checkbox a:hover, .register-form .field-widget i, .remember-checkbox a, .coming-soon-countdown ul.countdown li span, .widget-menu ul li a span:hover, .widget-menu ul ul li a span:hover, .sitemap ul li a:hover, .mega-menu .menu-links > li.active .drop-down a i:hover, .mega-menu .menu-links > li.active .drop-down li.active a i, .counter-1.counter-main b, .counter-1.counter-main span, .data-table .table-2 .table thead, .entry-title i, .entry-meta i, .entry-meta a:hover, .pricing-2 .pricing-table.active .pricing-bg, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .sidebar-widget .recent-post-info i, .sidebar-widget .recent-post-info a:hover, .port-post-social a:hover, .comments-1 .comments-info a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .portfolio-block ul.list-style li a:hover, .portfolio-block ul.port-tag li a:hover, .portfolio-sidebar.portfolio-block ul.port-tag li a:hover, .portfolio-sidebar.portfolio-block a.title:hover, .portfolio-fullwidth.portfolio-block.columns-2 a.title:hover, .portfolio-fullwidth.portfolio-block.columns-2 ul.port-tag li a:hover, .portfolio-fullwidth.portfolio-block.columns-3 a.title:hover, .portfolio-fullwidth.portfolio-block.columns-3 ul.port-tag li a:hover, .full-screen .portfolio-item .portfolio-caption a.title:hover, .full-screen .portfolio-item .portfolio-overlay ul.port-tag li a:hover, .masonry .portfolio-item .portfolio-overlay a.title:hover, .masonry .portfolio-item .portfolio-overlay ul.port-tag li a:hover, .packetry .portfolio-item .portfolio-overlay a.title:hover, .port-title i, .port-meta li b, .home-2 .mega-menu .menu-links > li.active a { color:#F15A22; } /*home pages color*/ .home-2 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .feature6-item-top span, .home-2 .portfolio-item .portfolio-overlay span a:hover, .owl-carousel-9 .owl-nav i:hover, .feature-8-title span, .home-2 .footer .tags ul li a:hover, .home-3 .mega-menu .menu-links > li.active a, .home-3 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .search-3.search-3-open i:hover, .mega-menu .menu-links > li:hover, .home-3 .tp-caption.title-1-blue, .title-1-blue, .home-3 .contact .contact-add i, .home-3 .footer .recent-post-info span, .twitter-feed li p a, .twitter-feed li i, .home-3 .footer .divcenter .input-group-addon i, .home-3 .recent-post-info a:hover, #menu .menu-side-top a:hover, #menu .login-side p.register a, .blog-box-image .portfolio-caption .port-tag li i, .blog-box-image .portfolio-caption .port-tag li a:hover, .blog-box-image .portfolio-caption a:hover, .home-4 .get-in-touch i, .home-5 .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .owl-carousel-11 .owl-nav i:hover, .team-3 .team-social-icon a i, .owl-carousel-4 .owl-nav i:hover, .header-2 .mega-menu .menu-links > li.active a, .header-2 .mega-menu .menu-links > li.active .drop-down a:hover, .portfolio-2 .portfolio-item .portfolio-overlay span a:hover, .footer-2 .tags ul li a:hover, .header-3 .mega-menu .menu-links > li.active a, .header-3 .mega-menu .menu-links > li.active .drop-down a:hover, .rev-slider-2 .tp-caption.title-1-blue, .title-1-blue, .contact-5 .contact-add i, .footer-3 .divcenter .input-group-addon i, .footer-3 .recent-post-info span, .footer-3 .recent-post-info a:hover, .footer-4 .get-in-touch i { color:#F15A22; } /*new update css*/ .header-6 .mega-menu .menu-links > li.active a, .header-6 .mega-menu .menu-links > li.active .drop-down a:hover, #main-slider .slider-content span, .portfolio-4 .isotope-filters-3 button.active, .isotope-filters-3 button:hover, .team-4 .team-name h5, .header-7 .mega-menu .menu-links > li.active .drop-down a:hover, .feature-16 .feature-16-icon span, .feature-18 h5, .frequently .accordion .accordion-title a.active:hover, .frequently .accordion .accordion-title a.active::after, .frequently .accordion .accordion-title a.active:hover::after, .frequently .accordion .accordion-title a:hover, .frequently .accordion .accordion-title a.active, .header-8 .search-3 .search-btn:hover, .image-holder .image-holder-content a:hover, .custom-content-8 #tabs ul.tabs li.active, .custom-content-8 #tabs ul.tabs li.active:focus, .custom-content-8 #tabs ul.tabs li:hover, .feature-19 a, .news:hover .meta a:hover, .news:hover .button a:hover, .news .button a:hover i, .latest-news .all-post a, .header-9 .mega-menu .menu-links > li.active > a, .image-holder-2 .image-holder-2-content a:hover, .experience span, .portfolio-4 .button a, .feature-20 .feature-20-content h4, .header-10 .mega-menu .menu-links > li.active > a, .parallax-banner .banner-content a, .custom-content-11 span, .highlight-title span, .highlight.active h3, .testimonial-5 .testimonial-content span, .header-10 .search-3 .search-btn:hover { color: #F15A22; } /* dark color */ .portfolio .portfolio-item .portfolio-overlay a:hover, .accordion .accordion-title a.active:hover { color: #fff; } /************************* Border *************************/ /** 1px **/ .search-open .form-control:focus, .remember-checkbox label::before, .login-1 input:focus, .testimonial-avatar img, .input-group-btn button:hover, .tags ul li a:hover, .accordion .accordion-title a.active, .contact-info .contact-form .section-field input, .contact-info .contact-form textarea, .our-history .timeline > li > .timeline-badge , .feature-11:hover .feature-11-icon, .team.active .team-social-icon a i, .isotope-filters button.active, .isotope-filters button:hover, input:focus, textarea:focus, .news-letter .section-field input:focus, .widget-archives li a:hover i, .widget-search input:focus, .maintenance-form input:focus, .login-3 .login-with a:hover, .error-search-box input:focus, .coming-soon-form input:focus, .data-table .table-2 .table thead tr th, .pagination li a:focus, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .isotope-filters-2 button.active, .isotope-filters-2 button:hover, .search-3 .search-3-box input:focus, .home-3 .footer .input-group.divcenter .form-control, .home-3 .footer .divcenter .input-group-addon, .home-3 .footer .input-group-btn button, .home-3 .footer .tags ul li a:hover, #menu .login-side input:focus, .home-4 .footer .tags ul li a:hover, .built-tab .tabs li.active, .built-tab .tabs li:hover, .tooltip-content-2 i, .portfolio-3 .isotope-filters button.active, .portfolio-3 .isotope-filters button:hover, .footer-3 .input-group.divcenter .form-control, .footer-3 .divcenter .input-group-addon, .footer-3 .input-group-btn button, .footer-3 .tags ul li a:hover, .footer-4 .tags ul li a:hover, .feature-15 .feature-15-icon, .portfolio-4 .isotope-filters-3 button.active, .isotope-filters-3 button:hover, .image-holder .image-holder-content a:hover, .image-holder-2 .image-holder-2-content a:hover, .parallax-banner .banner-content a { border-color: #F15A22; } /*bark border*/ .pricing-table.active .pricing-list li { border-color: #ed5001; } .blog .timeline li:hover .timeline-panel::before { border-left-color: #F15A22; border-right-color: #F15A22; } .mega-menu .drop-down-multilevel, .mega-menu .drop-down, .mega-menu .drop-down-tab-bar { border-top: 5px solid #F15A22; } .tooltip-content + .tooltip.top .tooltip-arrow { border-top: 8px solid #F15A22; } .tooltip-content + .tooltip.bottom .tooltip-arrow { border-bottom: 8px solid #F15A22; } .pricing-2 .pricing-title h2, .pricing-2 .pricing-title h3 { border-color: #F15A22; } .action-box-3::before { border-color: transparent #F15A22 transparent transparent; } #tabs ul.tabs li.active.animated-arrow::before, .animated-arrow:hover::before { border-right: 10px solid #F15A22; } #tabs ul.tabs li.active.animated-arrow::after, .animated-arrow:hover::after { border-left: 10px solid #F15A22; } .portfolio-4 .portfolio-item:hover .portfolio-hover { background: rgba(255, 85, 0, 0.6); } /* Template: The Corps — Responsive Multi-purpose HTML5 Template Author: potenzaglobalsolutions.com Version: 2.1 Design and Developed by: potenzaglobalsolutions.com Note: This is shortcodes stylesheet of template, This file contains the styling for all template shortcodes. */ /* Your custom css codes start from here: */ /*================================================ [ Table of contents ] ================================================ :: buttons :: Accordions ====================================== [ End table content ] ======================================*/ /************************* buttons *************************/ a.button.large {margin-right: 0px; } a.button.large span { padding: 16px 80px; font-size: 18px; } a.button.large i { padding: 20px; width: 60px; font-size: 18px; } a.button.medium span { padding: 14px 60px; font-size: 16px; } a.button.medium i { padding: 17px; width: 50px; font-size: 16px; } a.button.small span { padding: 12px 40px; } a.button.small i { padding: 14px; width: 45px; } a.button.small span { padding: 12px 40px; } a.button.small i { padding: 14px; width: 45px; } a.button.extra-small span { padding: 8px 20px; font-size: 13px; } a.button.extra-small i { padding: 10px; width: 38px; font-size: 13px; } /************************* Accordions *************************/ .accordion-2 .accordion-2-title { margin-bottom: 10px; font-size: 15px; font-weight: normal; } .accordion-2 .accordion-2-title a { display: block; position: relative; color: #777; font-size: 16px; text-decoration: none; padding: 14px 20px; border: 1px solid #e5e5e5; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .accordion-2 .accordion-2-title a:hover { text-decoration: none; border-color: #ddd; background-color: #00a9da; color: #fff; } .accordion-2 .accordion-2-title a.active { color: #fff; border-color: #ddd; background-color: #00a9da; } .accordion-2 .accordion-2-title a:after { content: "\f107"; width: 15px; height: 15px; margin-top: -8px; position: absolute; top: 50%; right: 10px; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 20px; line-height: 20px; text-align: center; color: #999; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .accordion-2 .accordion-2-title a.active:after, .accordion-2 .accordion-2-title a.active:hover:after { content: "\f106"; color: #fff; } .accordion-2 .accordion-2-title a:hover:after { color: #444; } .accordion-2 .accordion-2-content { margin-bottom: 10px; padding: 10px 20px 10px; font-size: 14px; color: #777; } /************************* list-style *************************/ ul.list-style-1 li { font-size: 14px; color: #626262; margin-bottom: 15px; } ul.list-style-1 li i { padding-right: 20px; } ul.list-style-1 li span { padding-right: 20px; } ul.list-style-2 li { font-size: 14px; color: #626262; margin-bottom: 15px; } ul.list-style-2 li i { background: #00a9da; width: 25px; height: 25px; line-height: 25px; color: #fff; border-radius: 50%; text-align: center; margin-right: 20px; } ul.list-style-2 li span {background: #00a9da; width: 25px; height: 25px; line-height: 25px; color: #fff; border-radius: 50%; text-align: center; margin-right: 20px; display: inline-block; } ul.list-style-3 li { font-size: 14px; color: #626262; margin-bottom: 15px; border-bottom: 1px solid #f2f2f2; padding-bottom: 15px; } ul.list-style-3 li i { background: #00a9da; width: 25px; height: 25px; line-height: 25px; color: #fff; border-radius: 50%; text-align: center; margin-right: 20px; } ul.list-style-3 li span {background: #00a9da; width: 25px; height: 25px; line-height: 25px; color: #fff; border-radius: 50%; text-align: center; margin-right: 20px; display: inline-block; } /************************* columns *************************/ .columns .gray-bg { padding: 15px; border-radius: 3px;} .columns .gray-bg h5 { margin-bottom: 0px; } /************************* social-icon *************************/ .social-icon-list ul { margin: 0; padding: 0; } .social-icon-list ul li { display: inline-block; list-style: none; } .social-icon-list ul li a { display: block; margin: 3px; width: 50px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: #00a9da; text-align: center; border-radius: 50%; } .social-icon-list ul li a:hover { background: #323232; } .social-icon-list.list-2 ul li a { color: #fff; background: #323232; } .social-icon-list.list-2 ul li a:hover { background: #00a9da; } .social-icon-list.list-3 ul li a { color: #fff; background: transparent; border:1px solid #fff; } .social-icon-list.list-3 ul li a:hover { background: #00a9da; border-color:#00a9da; } /************************* content-box *************************/ .content-box .feature-3 .feature-3-image img { width: 100%; } /************************* Typography *************************/ .typography del, s, u { font-size: 14px; } .typography .mark, mark { background: #00a9da; color: #fff; } /************************* data table *************************/ .data-table .table thead { background: #00a9da; color: #fff; text-align: center; } .data-table .table thead tr th { border: medium none; font-weight: normal; text-align: center;} .data-table .table tbody tr td { color: #7e8890; font-size: 14px; padding: 12px 0; text-align: center; } .data-table .table tbody tr.tr-bg td { background: #f7f7f7; } .data-table .table-bordered tbody tr td { border-color: #eee; } .data-table .table-2 .table thead { background: transparent; color: #00a9da; font-weight: 600; text-align: center; } .data-table .table-2 .table thead tr th { border: 1px solid #00a9da; } .data-table .table-3 .table thead { background: #dfdfdf; color: #323232; font-weight: 600; text-align: center; } .data-table .table-3 .table thead tr th { border:none; } /************************* alerts and callouts *************************/ .alerts-and-callouts { font-size: 14px; } .alerts-and-callouts .bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px; } .alerts-and-callouts .bs-callout h4 { margin-top: 0; margin-bottom: 5px; } .alerts-and-callouts .bs-callout p:last-child { margin-bottom: 0; } .alerts-and-callouts .bs-callout code { border-radius: 3px; } .alerts-and-callouts .bs-callout+.bs-callout { margin-top: -5px; } .alerts-and-callouts .bs-callout-default { border-left-color: #777; } .alerts-and-callouts .bs-callout-default h4 { color: #777; } .alerts-and-callouts .bs-callout-primary { border-left-color: #428bca; } .alerts-and-callouts .bs-callout-primary h4 { color: #428bca; } .alerts-and-callouts .bs-callout-success { border-left-color: #5cb85c; } .alerts-and-callouts .bs-callout-success h4 { color: #5cb85c; } .alerts-and-callouts .bs-callout-danger { border-left-color: #d9534f; } .alerts-and-callouts .bs-callout-danger h4 { color: #d9534f; } .alerts-and-callouts .bs-callout-warning { border-left-color: #f0ad4e; } .alerts-and-callouts .bs-callout-warning h4 { color: #f0ad4e; } .alerts-and-callouts .bs-callout-info { border-left-color: #5bc0de; } .alerts-and-callouts .bs-callout-info h4 { color: #5bc0de; } /************************* carousel *************************/ .owl-carousel .owl-item img { width: 100%; } .owl-theme .owl-controls { text-align: center; margin-top: 20px; } .owl-theme .owl-controls .owl-nav [class*="owl-"] { background: #d6d6d6; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; margin: 5px; padding: 4px 7px; } /************************* tab *************************/ .tab-1 { border:1px solid #eceff7; padding: 20px; } .tab-1 ul { font-size: 0; position: relative; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tab-1 li { display: inline-block; background: #eceff7; font-size: 16px; text-align: letter-spacing: ; line-height: 60px; color: #fff; text-transform: uppercase; position: relative; overflow: hidden; cursor: pointer; margin-right: 10px; } .tab-1 .fade.active { opacity: 1; } .nav-tabs li a { border: none; padding: 10px 15px; border-radius: 0px; margin-right: 0px; color: #626262; } .nav-tabs li strong { color: #caced8; } .nav-tabs { border: 0px; } .nav-tabs li:focus strong, .nav-tabs li:hover strong { color: #007da1; } .nav-tabs li.active strong, .nav-tabs li.active strong:focus, .nav-tabs li.active strong:hover { color: #007da1;} .nav-tabs li a:focus, .nav-tabs li a:hover { background: #00a9da; border:none; color: #fff; } .nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover { background: #00a9da; border:none; color: #fff;} .tab-content {margin-top: 25px; } .tab-content p { text-align: center; text-align: justify; margin-bottom: 0px; } .tab-pane.fade.active { opacity: 1; } .tab-2 #tabs { overflow: hidden; margin: 0; padding: 0; font-size: 13px; line-height: 25px; background: #fff; border:1px solid #dcdee4; } .tab-2 #tabs .tabs { overflow: hidden; margin: 0; float: left; width: 250px; text-align: center; } .tab-2 #tabs .tabs li { padding: 17px 15px; font-weight: 600; color: #999999; background: #eceff7; font-size: 15px; border-bottom: 1px solid #dcdee4; margin-bottom: 0px; display: block; overflow: hidden; margin: 0; cursor: pointer; text-transform: uppercase; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .tab-2 #tabs .tabcontent { overflow: hidden; } .tab-2 #tabs .tabs li:last-child { border-bottom: 0px; } .tab-2 #tabs ul.tabs li.active, .tab-2 #tabs ul.tabs li.active:focus, .tab-2 #tabs ul.tabs li:hover { color: #fff; } .pulse{ animation-name: pulse; -webkit-animation-name: pulse; -o-animation-name: pulse; -ms-animation-name: pulse; -moz-animation-name: pulse; animation-duration: 0.4s; -webkit-animation-duration: 0.4s; -o-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -moz-animation-duration: 0.4s; } @keyframes pulse { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes pulse { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-ms-keyframes pulse { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-moz-keyframes pulse { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @-o-keyframes pulse { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .tab-2 .tabcontent { background: #fff; padding: 20px 20px 0px; text-align: left; } .tab-2 .tabcontent ul li { color: #888888; font-size: 14px; line-height: 31px; } .tab-2 .tabcontent ul li i { padding-right: 10px; color: #888888; } /************************* maintenance *************************/ .skills-2 .pct.text-white { color: #fff !important; } .maintenance-progress-bar.skills-3 { margin: 0px 0px 40px 0px; } .maintenance-progress-bar.skills-4 { margin: 0px; padding-bottom: 100px; } .maintenance-progress-bar.skills-4 span { color: #fff; } /************************* counter *************************/ .counter-1.counter-main b { color: #00a9da; } .counter-1.counter-main span { color: #00a9da; font-size: 40px; } /************************* skills 3 *************************/ .skills-3 li {position: relative; margin-bottom: 55px; font-size:16px;} .skills-3 .bar_container, .bar { position: absolute; left: 0; height: 7px; border-radius: 3px; content: ""; top:30px; } .skills-3 .bar_container {bottom: -8px; width: 100%; background-color: #eceff8; text-align: right; } .skills-3 .bar { top: 0; } .skills-3 .pct { position: absolute; top: -30px; right: 0; opacity: 0; transition: opacity 0.3s linear; color: #fff !important; } @media screen and (max-width: 767px) { .accordion-2 { margin-top: 30px; } .data-table .table tbody tr td { padding: 12px 10px; } .tab-2 #tabs .tabs { width: 100%; } .nav-tabs li a { font-size: 14px; } .tab-1 li { margin-right: 2px; } }