@font-face{font-family:'museo300';src:url('../fonts/museo300-regular-webfont.eot');src:url('../fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo300-regular-webfont.woff2') format('woff2'), url('../fonts/museo300-regular-webfont.woff') format('woff'), url('../fonts/museo300-regular-webfont.ttf') format('truetype'), url('../fonts/museo300-regular-webfont.svg#museo300') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'museo700';src:url('../fonts/museo700-regular-webfont.eot');src:url('../fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo700-regular-webfont.woff2') format('woff2'), url('../fonts/museo700-regular-webfont.woff') format('woff'), url('../fonts/museo700-regular-webfont.ttf') format('truetype'), url('../fonts/museo700-regular-webfont.svg#museo700') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'museo100';src:url('../fonts/museo_100-webfont.eot');src:url('../fonts/museo_100-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo_100-webfont.woff2') format('woff2'), url('../fonts/museo_100-webfont.woff') format('woff'), url('../fonts/museo_100-webfont.ttf') format('truetype'), url('../fonts/museo_100-webfont.svg#museo100') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'museo500';src:url('../fonts/museo500-regular-webfont.eot');src:url('../fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo500-regular-webfont.woff2') format('woff2'), url('../fonts/museo500-regular-webfont.woff') format('woff'), url('../fonts/museo500-regular-webfont.ttf') format('truetype'), url('../fonts/museo500-regular-webfont.svg#museo500') format('svg');font-weight:normal;font-style:normal}/*! * Font Awesome 4.5.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.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.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"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"} /*! * font-awesome-animation - v0.0.8 * https://github.com/l-lin/font-awesome-animation * License: MIT */ @-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%,20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%,30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%,40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%,50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%,60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wrench{0%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}18%,20%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}28%,30%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}38%,40%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}48%,50%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}58%,60%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes ring{0%{-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);-ms-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);-ms-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);-ms-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);-ms-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}@-webkit-keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes vertical{0%{-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);-ms-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);-ms-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 4s ease infinite;animation:vertical 4s ease infinite}@-webkit-keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes horizontal{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);-ms-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.faa-bounce.animated,.faa-bounce.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);-ms-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);-ms-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);-ms-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@keyframes passing{0%{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}@-webkit-keyframes passing-reverse{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}@keyframes passing-reverse{0%{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);opacity:1}100%{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing-reverse,.faa-passing-reverse.animated,.faa-passing-reverse.animated-hover:hover{-webkit-animation:passing-reverse 2s linear infinite;animation:passing-reverse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-fast,.faa-passing-reverse.animated-hover.faa-fast:hover,.faa-passing-reverse.animated.faa-fast{-webkit-animation:passing-reverse 1s linear infinite;animation:passing-reverse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-slow,.faa-passing-reverse.animated-hover.faa-slow:hover,.faa-passing-reverse.animated.faa-slow{-webkit-animation:passing-reverse 3s linear infinite;animation:passing-reverse 3s linear infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}.faa-burst.animated,.faa-burst.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-burst{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-smob-1, .col-mob-1, .col-phab-1, .col-tab-1, .col-palm-1, .col-lap-1, .col-smob-2, .col-mob-2, .col-phab-2, .col-tab-2, .col-palm-2, .col-lap-2, .col-smob-3, .col-mob-3, .col-phab-3, .col-tab-3, .col-palm-3, .col-lap-3, .col-smob-4, .col-mob-4, .col-phab-4, .col-tab-4, .col-palm-4, .col-lap-4, .col-smob-5, .col-mob-5, .col-phab-5, .col-tab-5, .col-palm-5, .col-lap-5, .col-smob-6, .col-mob-6, .col-phab-6, .col-tab-6, .col-palm-6, .col-lap-6, .col-smob-7, .col-mob-7, .col-phab-7, .col-tab-7, .col-palm-7, .col-lap-7, .col-smob-8, .col-mob-8, .col-phab-8, .col-tab-8, .col-palm-8, .col-lap-8, .col-smob-9, .col-mob-9, .col-phab-9, .col-tab-9, .col-palm-9, .col-lap-9, .col-smob-10, .col-mob-10, .col-phab-10, .col-tab-10, .col-palm-10, .col-lap-10, .col-smob-11, .col-mob-11, .col-phab-11, .col-tab-11, .col-palm-11, .col-lap-11, .col-smob-12, .col-mob-12, .col-phab-12, .col-tab-12, .col-palm-12, .col-lap-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-smob-1, .col-smob-2, .col-smob-3, .col-smob-4, .col-smob-5, .col-smob-6, .col-smob-7, .col-smob-8, .col-smob-9, .col-smob-10, .col-smob-11, .col-smob-12 { float: left; } .col-smob-1 { width: 8.33333%; } .col-smob-2 { width: 16.66667%; } .col-smob-3 { width: 25%; } .col-smob-4 { width: 33.33333%; } .col-smob-5 { width: 41.66667%; } .col-smob-6 { width: 50%; } .col-smob-7 { width: 58.33333%; } .col-smob-8 { width: 66.66667%; } .col-smob-9 { width: 75%; } .col-smob-10 { width: 83.33333%; } .col-smob-11 { width: 91.66667%; } .col-smob-12 { width: 100%; } .col-smob-pull-0 { right: auto; } .col-smob-pull-1 { right: 8.33333%; } .col-smob-pull-2 { right: 16.66667%; } .col-smob-pull-3 { right: 25%; } .col-smob-pull-4 { right: 33.33333%; } .col-smob-pull-5 { right: 41.66667%; } .col-smob-pull-6 { right: 50%; } .col-smob-pull-7 { right: 58.33333%; } .col-smob-pull-8 { right: 66.66667%; } .col-smob-pull-9 { right: 75%; } .col-smob-pull-10 { right: 83.33333%; } .col-smob-pull-11 { right: 91.66667%; } .col-smob-pull-12 { right: 100%; } .col-smob-push-0 { left: auto; } .col-smob-push-1 { left: 8.33333%; } .col-smob-push-2 { left: 16.66667%; } .col-smob-push-3 { left: 25%; } .col-smob-push-4 { left: 33.33333%; } .col-smob-push-5 { left: 41.66667%; } .col-smob-push-6 { left: 50%; } .col-smob-push-7 { left: 58.33333%; } .col-smob-push-8 { left: 66.66667%; } .col-smob-push-9 { left: 75%; } .col-smob-push-10 { left: 83.33333%; } .col-smob-push-11 { left: 91.66667%; } .col-smob-push-12 { left: 100%; } .col-smob-offset-0 { margin-left: 0%; } .col-smob-offset-1 { margin-left: 8.33333%; } .col-smob-offset-2 { margin-left: 16.66667%; } .col-smob-offset-3 { margin-left: 25%; } .col-smob-offset-4 { margin-left: 33.33333%; } .col-smob-offset-5 { margin-left: 41.66667%; } .col-smob-offset-6 { margin-left: 50%; } .col-smob-offset-7 { margin-left: 58.33333%; } .col-smob-offset-8 { margin-left: 66.66667%; } .col-smob-offset-9 { margin-left: 75%; } .col-smob-offset-10 { margin-left: 83.33333%; } .col-smob-offset-11 { margin-left: 91.66667%; } .col-smob-offset-12 { margin-left: 100%; } @media (min-width: 320px) { .col-smob-1, .col-smob-2, .col-smob-3, .col-smob-4, .col-smob-5, .col-smob-6, .col-smob-7, .col-smob-8, .col-smob-9, .col-smob-10, .col-smob-11, .col-smob-12 { float: left; } .col-smob-1 { width: 8.33333%; } .col-smob-2 { width: 16.66667%; } .col-smob-3 { width: 25%; } .col-smob-4 { width: 33.33333%; } .col-smob-5 { width: 41.66667%; } .col-smob-6 { width: 50%; } .col-smob-7 { width: 58.33333%; } .col-smob-8 { width: 66.66667%; } .col-smob-9 { width: 75%; } .col-smob-10 { width: 83.33333%; } .col-smob-11 { width: 91.66667%; } .col-smob-12 { width: 100%; } .col-smob-pull-0 { right: auto; } .col-smob-pull-1 { right: 8.33333%; } .col-smob-pull-2 { right: 16.66667%; } .col-smob-pull-3 { right: 25%; } .col-smob-pull-4 { right: 33.33333%; } .col-smob-pull-5 { right: 41.66667%; } .col-smob-pull-6 { right: 50%; } .col-smob-pull-7 { right: 58.33333%; } .col-smob-pull-8 { right: 66.66667%; } .col-smob-pull-9 { right: 75%; } .col-smob-pull-10 { right: 83.33333%; } .col-smob-pull-11 { right: 91.66667%; } .col-smob-pull-12 { right: 100%; } .col-smob-push-0 { left: auto; } .col-smob-push-1 { left: 8.33333%; } .col-smob-push-2 { left: 16.66667%; } .col-smob-push-3 { left: 25%; } .col-smob-push-4 { left: 33.33333%; } .col-smob-push-5 { left: 41.66667%; } .col-smob-push-6 { left: 50%; } .col-smob-push-7 { left: 58.33333%; } .col-smob-push-8 { left: 66.66667%; } .col-smob-push-9 { left: 75%; } .col-smob-push-10 { left: 83.33333%; } .col-smob-push-11 { left: 91.66667%; } .col-smob-push-12 { left: 100%; } .col-smob-offset-0 { margin-left: 0%; } .col-smob-offset-1 { margin-left: 8.33333%; } .col-smob-offset-2 { margin-left: 16.66667%; } .col-smob-offset-3 { margin-left: 25%; } .col-smob-offset-4 { margin-left: 33.33333%; } .col-smob-offset-5 { margin-left: 41.66667%; } .col-smob-offset-6 { margin-left: 50%; } .col-smob-offset-7 { margin-left: 58.33333%; } .col-smob-offset-8 { margin-left: 66.66667%; } .col-smob-offset-9 { margin-left: 75%; } .col-smob-offset-10 { margin-left: 83.33333%; } .col-smob-offset-11 { margin-left: 91.66667%; } .col-smob-offset-12 { margin-left: 100%; } } @media (min-width: 480px) { .col-mob-1, .col-mob-2, .col-mob-3, .col-mob-4, .col-mob-5, .col-mob-6, .col-mob-7, .col-mob-8, .col-mob-9, .col-mob-10, .col-mob-11, .col-mob-12 { float: left; } .col-mob-1 { width: 8.33333%; } .col-mob-2 { width: 16.66667%; } .col-mob-3 { width: 25%; } .col-mob-4 { width: 33.33333%; } .col-mob-5 { width: 41.66667%; } .col-mob-6 { width: 50%; } .col-mob-7 { width: 58.33333%; } .col-mob-8 { width: 66.66667%; } .col-mob-9 { width: 75%; } .col-mob-10 { width: 83.33333%; } .col-mob-11 { width: 91.66667%; } .col-mob-12 { width: 100%; } .col-mob-pull-0 { right: auto; } .col-mob-pull-1 { right: 8.33333%; } .col-mob-pull-2 { right: 16.66667%; } .col-mob-pull-3 { right: 25%; } .col-mob-pull-4 { right: 33.33333%; } .col-mob-pull-5 { right: 41.66667%; } .col-mob-pull-6 { right: 50%; } .col-mob-pull-7 { right: 58.33333%; } .col-mob-pull-8 { right: 66.66667%; } .col-mob-pull-9 { right: 75%; } .col-mob-pull-10 { right: 83.33333%; } .col-mob-pull-11 { right: 91.66667%; } .col-mob-pull-12 { right: 100%; } .col-mob-push-0 { left: auto; } .col-mob-push-1 { left: 8.33333%; } .col-mob-push-2 { left: 16.66667%; } .col-mob-push-3 { left: 25%; } .col-mob-push-4 { left: 33.33333%; } .col-mob-push-5 { left: 41.66667%; } .col-mob-push-6 { left: 50%; } .col-mob-push-7 { left: 58.33333%; } .col-mob-push-8 { left: 66.66667%; } .col-mob-push-9 { left: 75%; } .col-mob-push-10 { left: 83.33333%; } .col-mob-push-11 { left: 91.66667%; } .col-mob-push-12 { left: 100%; } .col-mob-offset-0 { margin-left: 0%; } .col-mob-offset-1 { margin-left: 8.33333%; } .col-mob-offset-2 { margin-left: 16.66667%; } .col-mob-offset-3 { margin-left: 25%; } .col-mob-offset-4 { margin-left: 33.33333%; } .col-mob-offset-5 { margin-left: 41.66667%; } .col-mob-offset-6 { margin-left: 50%; } .col-mob-offset-7 { margin-left: 58.33333%; } .col-mob-offset-8 { margin-left: 66.66667%; } .col-mob-offset-9 { margin-left: 75%; } .col-mob-offset-10 { margin-left: 83.33333%; } .col-mob-offset-11 { margin-left: 91.66667%; } .col-mob-offset-12 { margin-left: 100%; } } @media (min-width: 640px) { .col-phab-1, .col-phab-2, .col-phab-3, .col-phab-4, .col-phab-5, .col-phab-6, .col-phab-7, .col-phab-8, .col-phab-9, .col-phab-10, .col-phab-11, .col-phab-12 { float: left; } .col-phab-1 { width: 8.33333%; } .col-phab-2 { width: 16.66667%; } .col-phab-3 { width: 25%; } .col-phab-4 { width: 33.33333%; } .col-phab-5 { width: 41.66667%; } .col-phab-6 { width: 50%; } .col-phab-7 { width: 58.33333%; } .col-phab-8 { width: 66.66667%; } .col-phab-9 { width: 75%; } .col-phab-10 { width: 83.33333%; } .col-phab-11 { width: 91.66667%; } .col-phab-12 { width: 100%; } .col-phab-pull-0 { right: auto; } .col-phab-pull-1 { right: 8.33333%; } .col-phab-pull-2 { right: 16.66667%; } .col-phab-pull-3 { right: 25%; } .col-phab-pull-4 { right: 33.33333%; } .col-phab-pull-5 { right: 41.66667%; } .col-phab-pull-6 { right: 50%; } .col-phab-pull-7 { right: 58.33333%; } .col-phab-pull-8 { right: 66.66667%; } .col-phab-pull-9 { right: 75%; } .col-phab-pull-10 { right: 83.33333%; } .col-phab-pull-11 { right: 91.66667%; } .col-phab-pull-12 { right: 100%; } .col-phab-push-0 { left: auto; } .col-phab-push-1 { left: 8.33333%; } .col-phab-push-2 { left: 16.66667%; } .col-phab-push-3 { left: 25%; } .col-phab-push-4 { left: 33.33333%; } .col-phab-push-5 { left: 41.66667%; } .col-phab-push-6 { left: 50%; } .col-phab-push-7 { left: 58.33333%; } .col-phab-push-8 { left: 66.66667%; } .col-phab-push-9 { left: 75%; } .col-phab-push-10 { left: 83.33333%; } .col-phab-push-11 { left: 91.66667%; } .col-phab-push-12 { left: 100%; } .col-phab-offset-0 { margin-left: 0%; } .col-phab-offset-1 { margin-left: 8.33333%; } .col-phab-offset-2 { margin-left: 16.66667%; } .col-phab-offset-3 { margin-left: 25%; } .col-phab-offset-4 { margin-left: 33.33333%; } .col-phab-offset-5 { margin-left: 41.66667%; } .col-phab-offset-6 { margin-left: 50%; } .col-phab-offset-7 { margin-left: 58.33333%; } .col-phab-offset-8 { margin-left: 66.66667%; } .col-phab-offset-9 { margin-left: 75%; } .col-phab-offset-10 { margin-left: 83.33333%; } .col-phab-offset-11 { margin-left: 91.66667%; } .col-phab-offset-12 { margin-left: 100%; } } @media (min-width: 768px) { .col-tab-1, .col-tab-2, .col-tab-3, .col-tab-4, .col-tab-5, .col-tab-6, .col-tab-7, .col-tab-8, .col-tab-9, .col-tab-10, .col-tab-11, .col-tab-12 { float: left; } .col-tab-1 { width: 8.33333%; } .col-tab-2 { width: 16.66667%; } .col-tab-3 { width: 25%; } .col-tab-4 { width: 33.33333%; } .col-tab-5 { width: 41.66667%; } .col-tab-6 { width: 50%; } .col-tab-7 { width: 58.33333%; } .col-tab-8 { width: 66.66667%; } .col-tab-9 { width: 75%; } .col-tab-10 { width: 83.33333%; } .col-tab-11 { width: 91.66667%; } .col-tab-12 { width: 100%; } .col-tab-pull-0 { right: auto; } .col-tab-pull-1 { right: 8.33333%; } .col-tab-pull-2 { right: 16.66667%; } .col-tab-pull-3 { right: 25%; } .col-tab-pull-4 { right: 33.33333%; } .col-tab-pull-5 { right: 41.66667%; } .col-tab-pull-6 { right: 50%; } .col-tab-pull-7 { right: 58.33333%; } .col-tab-pull-8 { right: 66.66667%; } .col-tab-pull-9 { right: 75%; } .col-tab-pull-10 { right: 83.33333%; } .col-tab-pull-11 { right: 91.66667%; } .col-tab-pull-12 { right: 100%; } .col-tab-push-0 { left: auto; } .col-tab-push-1 { left: 8.33333%; } .col-tab-push-2 { left: 16.66667%; } .col-tab-push-3 { left: 25%; } .col-tab-push-4 { left: 33.33333%; } .col-tab-push-5 { left: 41.66667%; } .col-tab-push-6 { left: 50%; } .col-tab-push-7 { left: 58.33333%; } .col-tab-push-8 { left: 66.66667%; } .col-tab-push-9 { left: 75%; } .col-tab-push-10 { left: 83.33333%; } .col-tab-push-11 { left: 91.66667%; } .col-tab-push-12 { left: 100%; } .col-tab-offset-0 { margin-left: 0%; } .col-tab-offset-1 { margin-left: 8.33333%; } .col-tab-offset-2 { margin-left: 16.66667%; } .col-tab-offset-3 { margin-left: 25%; } .col-tab-offset-4 { margin-left: 33.33333%; } .col-tab-offset-5 { margin-left: 41.66667%; } .col-tab-offset-6 { margin-left: 50%; } .col-tab-offset-7 { margin-left: 58.33333%; } .col-tab-offset-8 { margin-left: 66.66667%; } .col-tab-offset-9 { margin-left: 75%; } .col-tab-offset-10 { margin-left: 83.33333%; } .col-tab-offset-11 { margin-left: 91.66667%; } .col-tab-offset-12 { margin-left: 100%; } } @media (min-width: 980px) { .col-palm-1, .col-palm-2, .col-palm-3, .col-palm-4, .col-palm-5, .col-palm-6, .col-palm-7, .col-palm-8, .col-palm-9, .col-palm-10, .col-palm-11, .col-palm-12 { float: left; } .col-palm-1 { width: 8.33333%; } .col-palm-2 { width: 16.66667%; } .col-palm-3 { width: 25%; } .col-palm-4 { width: 33.33333%; } .col-palm-5 { width: 41.66667%; } .col-palm-6 { width: 50%; } .col-palm-7 { width: 58.33333%; } .col-palm-8 { width: 66.66667%; } .col-palm-9 { width: 75%; } .col-palm-10 { width: 83.33333%; } .col-palm-11 { width: 91.66667%; } .col-palm-12 { width: 100%; } .col-palm-pull-0 { right: auto; } .col-palm-pull-1 { right: 8.33333%; } .col-palm-pull-2 { right: 16.66667%; } .col-palm-pull-3 { right: 25%; } .col-palm-pull-4 { right: 33.33333%; } .col-palm-pull-5 { right: 41.66667%; } .col-palm-pull-6 { right: 50%; } .col-palm-pull-7 { right: 58.33333%; } .col-palm-pull-8 { right: 66.66667%; } .col-palm-pull-9 { right: 75%; } .col-palm-pull-10 { right: 83.33333%; } .col-palm-pull-11 { right: 91.66667%; } .col-palm-pull-12 { right: 100%; } .col-palm-push-0 { left: auto; } .col-palm-push-1 { left: 8.33333%; } .col-palm-push-2 { left: 16.66667%; } .col-palm-push-3 { left: 25%; } .col-palm-push-4 { left: 33.33333%; } .col-palm-push-5 { left: 41.66667%; } .col-palm-push-6 { left: 50%; } .col-palm-push-7 { left: 58.33333%; } .col-palm-push-8 { left: 66.66667%; } .col-palm-push-9 { left: 75%; } .col-palm-push-10 { left: 83.33333%; } .col-palm-push-11 { left: 91.66667%; } .col-palm-push-12 { left: 100%; } .col-palm-offset-0 { margin-left: 0%; } .col-palm-offset-1 { margin-left: 8.33333%; } .col-palm-offset-2 { margin-left: 16.66667%; } .col-palm-offset-3 { margin-left: 25%; } .col-palm-offset-4 { margin-left: 33.33333%; } .col-palm-offset-5 { margin-left: 41.66667%; } .col-palm-offset-6 { margin-left: 50%; } .col-palm-offset-7 { margin-left: 58.33333%; } .col-palm-offset-8 { margin-left: 66.66667%; } .col-palm-offset-9 { margin-left: 75%; } .col-palm-offset-10 { margin-left: 83.33333%; } .col-palm-offset-11 { margin-left: 91.66667%; } .col-palm-offset-12 { margin-left: 100%; } } @media (min-width: 1024px) { .col-sscr-1, .col-sscr-2, .col-sscr-3, .col-sscr-4, .col-sscr-5, .col-sscr-6, .col-sscr-7, .col-sscr-8, .col-sscr-9, .col-sscr-10, .col-sscr-11, .col-sscr-12 { float: left; } .col-sscr-1 { width: 8.33333%; } .col-sscr-2 { width: 16.66667%; } .col-sscr-3 { width: 25%; } .col-sscr-4 { width: 33.33333%; } .col-sscr-5 { width: 41.66667%; } .col-sscr-6 { width: 50%; } .col-sscr-7 { width: 58.33333%; } .col-sscr-8 { width: 66.66667%; } .col-sscr-9 { width: 75%; } .col-sscr-10 { width: 83.33333%; } .col-sscr-11 { width: 91.66667%; } .col-sscr-12 { width: 100%; } .col-sscr-pull-0 { right: auto; } .col-sscr-pull-1 { right: 8.33333%; } .col-sscr-pull-2 { right: 16.66667%; } .col-sscr-pull-3 { right: 25%; } .col-sscr-pull-4 { right: 33.33333%; } .col-sscr-pull-5 { right: 41.66667%; } .col-sscr-pull-6 { right: 50%; } .col-sscr-pull-7 { right: 58.33333%; } .col-sscr-pull-8 { right: 66.66667%; } .col-sscr-pull-9 { right: 75%; } .col-sscr-pull-10 { right: 83.33333%; } .col-sscr-pull-11 { right: 91.66667%; } .col-sscr-pull-12 { right: 100%; } .col-sscr-push-0 { left: auto; } .col-sscr-push-1 { left: 8.33333%; } .col-sscr-push-2 { left: 16.66667%; } .col-sscr-push-3 { left: 25%; } .col-sscr-push-4 { left: 33.33333%; } .col-sscr-push-5 { left: 41.66667%; } .col-sscr-push-6 { left: 50%; } .col-sscr-push-7 { left: 58.33333%; } .col-sscr-push-8 { left: 66.66667%; } .col-sscr-push-9 { left: 75%; } .col-sscr-push-10 { left: 83.33333%; } .col-sscr-push-11 { left: 91.66667%; } .col-sscr-push-12 { left: 100%; } .col-sscr-offset-0 { margin-left: 0%; } .col-sscr-offset-1 { margin-left: 8.33333%; } .col-sscr-offset-2 { margin-left: 16.66667%; } .col-sscr-offset-3 { margin-left: 25%; } .col-sscr-offset-4 { margin-left: 33.33333%; } .col-sscr-offset-5 { margin-left: 41.66667%; } .col-sscr-offset-6 { margin-left: 50%; } .col-sscr-offset-7 { margin-left: 58.33333%; } .col-sscr-offset-8 { margin-left: 66.66667%; } .col-sscr-offset-9 { margin-left: 75%; } .col-sscr-offset-10 { margin-left: 83.33333%; } .col-sscr-offset-11 { margin-left: 91.66667%; } .col-sscr-offset-12 { margin-left: 100%; } } html, body { height: 100%; min-height: 100%; } body { padding: 0px; margin: 0px; font-size: 15px !important; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #666; position: relative; background-color: #fff; -ms-touch-action: pan-y; overflow-x: hidden; outline: none; } body.opened { overflow-y: hidden; } body.closed { overflow-y: scroll; } .clearFixer { height: 0px !important; line-height: 0px !important; clear: both !important; padding: 0px !important; margin: 0px !important; *zoom: 1; } .clearFixer:before, .clearFixer:after { content: " "; display: table; } .clearFixer:after { clear: both; } .pull-left { float: left !important; display: block; } .pull-right { float: left !important; display: block; } .valigner { vertical-align: middle; } .divider { width: 100%; height: 10px !important; line-height: 0px !important; border-top: #ddd solid 1px; display: block; padding: 0px !important; margin: 0px 0px 10px 0px; } .dotted-divider { width: 100%; height: 10px !important; line-height: 0px !important; border-top: #ddd dotted 1px; display: block; padding: 0px !important; margin: 0px 0px 10px 0px; } .dashed-divider { width: 100%; height: 10px !important; line-height: 0px !important; border-top: #d7d7d7 dashed 1px; display: block; padding: 0px !important; margin: 0px 0px 10px 0px; } .full-caps { text-transform: uppercase; } .show { display: block !important; } .hidden { display: none !important; visibility: hidden !important; } .invisible { visibility: hidden !important; } .grey1-text { color: #111 !important; text-decoration: none; } .grey2-text { color: #222 !important; text-decoration: none; } .grey3-text { color: #333 !important; text-decoration: none; } .grey4-text { color: #444 !important; text-decoration: none; } .grey5-text { color: #555 !important; text-decoration: none; } .grey6-text { color: #666 !important; text-decoration: none; } .grey7-text { color: #777 !important; text-decoration: none; } .grey8-text { color: #888 !important; text-decoration: none; } .grey9-text { color: #999 !important; text-decoration: none; } .red-text, .red-text a, .red-text p { color: red !important; } .black-text, .black-text a, .black-text p { color: #000 !important; } .white-text, .white-text a, .white-text p { color: #fff !important; } .primary-text, .primary-text a, .primary-text p { color: #c3157d !important; } .secondary-text, .secondary-text a, .secondary-text p { color: #222 !important; } .primary-colored-text { color: #c3157d !important; } .secondary-colored-text { color: #222 !important; } .font-10, .font-10 p { font-size: 10px !important; } .font-11, .font-11 p { font-size: 11px !important; } .font-12, .font-12 p { font-size: 12px !important; } .font-13, .font-13 p { font-size: 13px !important; } .font-14, .font-14 p { font-size: 14px !important; } .font-15, .font-15 p { font-size: 15px !important; } .font-16, .font-16 p { font-size: 16px !important; } .font-17, .font-17 p { font-size: 17px !important; } .font-18, .font-18 p { font-size: 18px !important; } .font-19, .font-19 p { font-size: 19px !important; } .font-20, .font-20 p { font-size: 20px !important; } .font-21, .font-21 p { font-size: 21px !important; } .font-22, .font-22 p { font-size: 22px !important; } .font-23, .font-23 p { font-size: 23px !important; } .font-24, .font-24 p { font-size: 24px !important; } .font-25, .font-25 p { font-size: 25px !important; } .font-26, .font-26 p { font-size: 26px !important; } .font-27, .font-27 p { font-size: 27px !important; } .font-28, .font-28 p { font-size: 28px !important; } .font-29, .font-29 p { font-size: 29px !important; } .font-30, .font-30 p { font-size: 30px !important; } .lowercaser { text-transform: lowercase !important; } .uppercaser { text-transform: uppercase !important; } .capitalizer { text-transform: capitalize !important; } .left-aligned-text, .left-aligned-text p { text-align: left !important; } .right-aligned-text, .right-aligned-text p { text-align: right !important; } .justify-aligned-text, .justify-aligned-text p { text-align: justify !important; } .center-aligned-text, .center-aligned-text p { text-align: center !important; } .have-underline { text-decoration: underline !important; } .have-overline { text-decoration: overline !important; } .have-line-through { text-decoration: line-through !important; } .no-decoration { text-decoration: none !important; } .pull-left { float: left !important; } .pull-right { float: right !important; } .no-float { float: none !important; } .m-0 { margin: 0px !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-40 { margin: 40px !important; } .m-t-0 { margin-top: 0px !important; } .m-t-5 { margin-top: 5px !important; } .m-t-10 { margin-top: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-25 { margin-top: 25px !important; } .m-t-30 { margin-top: 30px !important; } .m-t-40 { margin-top: 40px !important; } .m-b-0 { margin-bottom: 0px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-b-40 { margin-bottom: 40px !important; } .m-l-0 { margin-left: 0px !important; } .m-l-5 { margin-left: 5px !important; } .m-l-10 { margin-left: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-l-25 { margin-left: 25px !important; } .m-l-30 { margin-left: 30px !important; } .m-l-40 { margin-left: 40px !important; } .m-r-0 { margin-right: 0px !important; } .m-r-5 { margin-right: 5px !important; } .m-r-10 { margin-right: 10px !important; } .m-r-15 { margin-right: 15px !important; } .m-r-20 { margin-right: 20px !important; } .m-r-25 { margin-right: 25px !important; } .m-r-30 { margin-right: 30px !important; } .m-r-40 { margin-right: 40px !important; } .p-0 { padding: 0px !important; } .p-5 { padding: 5px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 25px !important; } .p-30 { padding: 30px !important; } .p-40 { padding: 40px !important; } .p-t-0 { padding-top: 0px !important; } .p-t-5 { padding-top: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-t-40 { padding-top: 40px !important; } .p-b-0 { padding-bottom: 0px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-l-0 { padding-left: 0px !important; } .p-l-5 { padding-left: 5px !important; } .p-l-10 { padding-left: 10px !important; } .p-l-15 { padding-left: 15px !important; } .p-l-20 { padding-left: 20px !important; } .p-l-25 { padding-left: 25px !important; } .p-l-30 { padding-left: 30px !important; } .p-l-40 { padding-left: 40px !important; } .p-r-0 { padding-right: 0px !important; } .p-r-5 { padding-right: 5px !important; } .p-r-10 { padding-right: 10px !important; } .p-r-15 { padding-right: 15px !important; } .p-r-20 { padding-right: 20px !important; } .p-r-25 { padding-right: 25px !important; } .p-r-30 { padding-right: 30px !important; } .p-r-40 { padding-right: 40px !important; } .align-center { -webkit-text-align: center; -moz-text-align: center; -ms-text-align: center; text-align: center; } #main { width: 100%; height: 100%; min-height: 100%; padding: 0px; margin: 0px; float: left; } #main .container { width: 1100px; height: auto; margin: 0px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 1600px) and (max-width: 1920px) { #main .container { width: 1366px; } } @media only screen and (max-width: 1280px) { #main .container { width: 100%; } } #main .container .wrapper { width: 100%; height: auto; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 1280px) { #main .container .wrapper { padding: 0 3%; } } #main .container-fluid { width: 100%; height: auto; margin: 0px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #main .container-fluid .wrapper { width: 100%; height: auto; float: left; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 1280px) { #main .container-fluid .wrapper { padding: 0 3%; } } .fluid-strips { width: 1100px; height: auto; float: left; padding: 50px 0px; } .form-field { width: 100%; margin: 0 0 10px 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-field img { vertical-align: middle; } .form-field.half-width { width: 49%; margin: 0 2% 10px 0; } .form-field.half-width.last { margin-right: 0; } @media only screen and (max-width: 480px) { .form-field.half-width { width: 100%; padding: 0; } } @media only screen and (max-width: 480px) { .form-field { padding: 0; } } .form-field.disabled .text-fields { cursor: not-allowed; } .form-field.select { position: relative; } .form-field.select::after { position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #222; content: ""; display: block; top: 20px; right: 15px; } .form-field.select.no-after::after { display: none; } .form-field.select .text-fields { background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .text-fields { width: 100%; padding: 12px 14px; font-family: "museo300"; font-size: 15px; line-height: 20px; border: #d9d9d9 solid 1px; resize: none; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .text-fields:focus { border: solid 1px #fff; color: #444; -moz-box-shadow: 0px 0px 3px #c3157d; -webkit-box-shadow: 0px 0px 3px #c3157d; box-shadow: 0px 0px 3px #c3157d; } .text-fields.input-sm { font-size: 13px; } .text-fields.input-lg { font-size: 17px; } .button, .full-width-button { display: inline-block; padding: 10px 22px; font-size: 14px; line-height: 14px; color: #666; background-color: #fff; border: #666 solid 1px; clear: both; outline: none; cursor: pointer; text-decoration: none; text-align: center; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media only screen and (max-width: 320px) { .button, .full-width-button { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } .button:focus, .full-width-button:focus { outline: none; } .button:hover, .full-width-button:hover { color: #fff; background-color: #666; } .button.full-caps, .full-caps.full-width-button { text-transform: uppercase; } .button.btn-lg, .btn-lg.full-width-button { font-size: 17px; line-height: 26px; } .button.btn-sm, .btn-sm.full-width-button { font-size: 14px; line-height: 18px; padding: 8px 16px; } .button.btn-xs, .btn-xs.full-width-button { font-size: 10px; line-height: 12px; } .button.primary-button, .primary-button.full-width-button { color: #c3157d; border: #c3157d solid 1px; } .button.primary-button:hover, .primary-button.full-width-button:hover { color: #fff; background-color: #c3157d; } .button.secondary-button, .secondary-button.full-width-button { color: #222; border: #222 solid 1px; } .button.secondary-button:hover, .secondary-button.full-width-button:hover { color: #fff; background-color: #222; } .full-width-button { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input:invalid, textarea:invalid { box-shadow: none; } .custom-checkbox-radio input[type="checkbox"], .custom-checkbox-radio input[type="radio"] { opacity: 0; position: absolute; z-index: 12; width: 18px; height: 18px; } .custom-checkbox-radio input[type="checkbox"]:checked, .custom-checkbox-radio input[type="radio"]:checked, .custom-checkbox-radio input[type="checkbox"]:focus, .custom-checkbox-radio input[type="radio"]:focus { outline: none !important; } .custom-checkbox-radio input[type="checkbox"]+.lbl, .custom-checkbox-radio input[type="radio"]+.lbl { position: relative; z-index: 11; display: inline-block; margin: 0; line-height: 20px; min-height: 14px; min-width: 14px; font-weight: normal; font-family: "museo300"; font-size: 15px; padding-right: 15px; cursor: pointer; } .custom-checkbox-radio input[type="checkbox"]+.lbl::before, .custom-checkbox-radio input[type="radio"]+.lbl::before { font-family: "FontAwesome"; font-weight: normal; font-size: 13px; color: #222; content: "\a0"; background-color: #fafafa; border: 1px solid #b6b6b6; display: inline-block; text-align: center; vertical-align: middle; height: 13px; line-height: 13px; min-width: 13px; margin-right: 8px; margin-top: -4px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .custom-checkbox-radio input[type="checkbox"]:checked+.lbl::before, .custom-checkbox-radio input[type="radio"]:checked+.lbl::before { display: inline-block; content: "\f00c"; background-color: #f5f8fc; border-color: #222; } .custom-checkbox-radio input[type="checkbox"]:hover+.lbl::before, .custom-checkbox-radio input[type="radio"]:hover+.lbl::before, .custom-checkbox-radio input[type="checkbox"]+.lbl:hover::before, .custom-checkbox-radio input[type="radio"]+.lbl:hover::before { border-color: #222; } .custom-checkbox-radio input[type="checkbox"]:disabled+.lbl::before, .custom-checkbox-radio input[type="radio"]:disabled+.lbl::before, .custom-checkbox-radio input[type="checkbox"][disabled]+.lbl::before, .custom-checkbox-radio input[type="radio"][disabled]+.lbl::before, .custom-checkbox-radio input[type="checkbox"].disabled+.lbl::before, .custom-checkbox-radio input[type="radio"].disabled+.lbl::before { background-color: #ddd !important; border-color: #ccc !important; box-shadow: none !important; color: #bbb; } .custom-checkbox-radio input[type="radio"]+.lbl::before { border-radius: 32px; font-family: Arial, Helvetica, sans-serif; font-size: 36px; } .custom-checkbox-radio input[type="radio"]:checked+.lbl::before { content: "\2022"; } @font-face { font-family: "material"; src: url("../fonts/material.eot"); src: url("../fonts/material.eot?#iefix") format("embedded-opentype"), url("../fonts/material.woff") format("woff"), url("../fonts/material.ttf") format("truetype"), url("../fonts/material.svg#material") format("svg"); font-weight: normal; font-style: normal; } .form-group { padding: 0 10px; margin-bottom: 10px; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [data-icon]:before { font-family: "material" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before, .material .material-checkbox:before { font-family: "material" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-down:before { content: "b"; } .icon-check:before { content: "a"; } .material .material-input { position: relative; padding-top: 18px; margin-bottom: 10px; background: #fff; } .material .material-input:after { display: block; clear: both; content: ""; } .material .material-input input, .material .material-input textarea { font-size: 16px; width: 100%; border: 0; border-bottom: 1px solid lightgray; outline: none; background: 0; float: left; } .material .material-input input:invalid, .material .material-input textarea:invalid { box-shadow: none; } .material .material-input textarea { height: 120px; padding: 7px 0; } .material .material-input input { height: 32px; } .material .material-input label { line-height: 32px; } .material .material-input label { font-family: "museo300"; color: #444; font-size: 15px; position: absolute; left: 0; top: 18px; } .material .material-bar { position: absolute; bottom: 0; left: 0; display: block; width: 100%; } .material .material-bar:before, .material .material-bar:after { content: ""; height: 2px; width: 0; bottom: 0; position: absolute; background: #0000ff; } .material .material-bar:before { left: 50%; } .material .material-bar:after { right: 50%; } .material .material-input :focus~.material-bar:before, .material .material-input :focus~.material-bar:after, .material .error~.material-bar:before, .material .error~.material-bar:after { width: 50%; } .material .error~.material-bar:before, .material .error~.material-bar:after, .material .error~.material-bar:before, .material .error~.material-bar:after { background: #ff0000; } .material .error:focus, .material .error.filled, .material .error:not(.filled)~label { color: red; } .material .material-input :focus~label, .material .material-input .filled~label, .material .error:focus~label { color: lightgray; font-size: 13px; top: 0; line-height: 24px; } .material .material-group { padding-top: 10px; } .material .material-group input { display: none; } .material .material-group-item { position: relative; margin-bottom: 5px; } .material .material-group-item:last-child { margin-bottom: 0; } .material .material-group label { font-family: "museo300"; font-size: 15px; color: #222; padding-left: 30px; position: relative; cursor: pointer; z-index: 2; font-weight: 300; } .material .material-checkbox, .material .material-radio { width: 18px; height: 18px; line-height: 18px; background: #fff; left: 0; top: 50%; margin-top: -9px; position: absolute; z-index: 1; border: 2px solid gray; } .material .material-radio { border-radius: 10px; } .material .material-checkbox { border-radius: 3px; } .material .material-checkbox:before { content: "a"; font-size: 14px; text-align: center; background-color: #222; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; line-height: 20px; height: 14px; display: block; text-align: center; vertical-align: middle; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .material .material-radio:before { position: absolute; top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 4px; background: #222; content: ""; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .material input:checked~.material-radio, .material input:checked~.material-checkbox { border: 2px solid #222; } .material input:checked~.material-radio:before, .material input:checked~.material-checkbox:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .material .material-select { font-size: 16px; font-weight: 300; width: 100%; position: relative; margin-bottom: 10px; padding-top: 18px; } .material .material-select input { display: none; } .material .material-select>label { font-family: "museo300"; font-size: 15px; color: #222; border-bottom: 1px solid lightgray; height: 40px; line-height: 40px; padding: 0 30px 0 0px; width: 100%; cursor: pointer; position: relative; display: block; } .material .material-select>.material-title { font-family: "museo300"; position: absolute; color: #555; height: 40px; line-height: 40px; top: 18px; left: 0; opacity: 0; visibility: hidden; } .material .material-select>input:checked+.material-title, .material .material-select.filled>.material-title { top: 0; opacity: 1; visibility: visible; font-size: 13px; line-height: 24px; } .material .material-select>label strong { border-color: lightgray transparent transparent transparent; border-style: solid; border-width: 6px 5px 0 5px; margin-top: -3px; width: 0; height: 0; position: absolute; right: 0; top: 50%; } .material .material-select>input:checked~ul { visibility: visible; opacity: 1; top: 24px; } .material .material-select ul { background: #fff; top: 0; left: 0; width: 100%; position: absolute; opacity: 0; visibility: hidden; z-index: 9; list-style-type: none; margin: 0; padding: 0; } .material .material-select ul li label { color: #444; font-family: "museo300"; font-size: 15px; } .material .material-select ul li input:checked+label, .material .material-select ul li:hover input:checked+label { font-weight: 400; } .material .material-select ul li label { display: block; cursor: pointer; padding: 7px 10px; } .material .material-select ul li label:hover { background: #f5f5f5; } .material .material-select>input:checked+.material-bar { top: 22px; } .material .material-select .material-bar { height: 2px; background: #0000ff; width: 0; bottom: auto; top: 56px; } .material .material-select ul { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); } .material .material-select ul, .material .material-bar:before, .material .material-bar:after, .material .material-input label, .material .material-select .material-bar, .material .material-select>span, .material .material-radio:before, .material .material-checkbox, .material .material-checkbox:before, .material .material-checkbox:after { transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .material { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .material *, .material *:before, .material *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ripple { overflow: hidden; } .ripple-effect { position: absolute; width: 50px; height: 50px; background: #fff; animation: ripple-animation 2s; -webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; } @keyframes ripple-animation { from { transform: scale(1); opacity: 0.4; } to { transform: scale(100); opacity: 0; } } label.switch { display: block; position: relative; background-color: #c9c9c9; width: 44px; height: 16px; cursor: pointer; float: left; margin-right: 10px; -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; -ms-transition: background 1s ease-in-out; -o-transition: background 1s ease-in-out; transition: background 1s ease-in-out; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } label.switch:before { content: ""; position: absolute; display: inline-block; background-color: #fff; top: -5px; left: 0; width: 24px; height: 24px; -webkit-transition: left 0.5s ease-in-out; -moz-transition: left 0.5s ease-in-out; -ms-transition: left 0.5s ease-in-out; -o-transition: left 0.5s ease-in-out; transition: left 0.5s ease-in-out; -webkit-box-shadow: 0 1px 2px 1px #aaa; -moz-box-shadow: 0 1px 2px 1px #aaa; box-shadow: 0 1px 2px 1px #aaa; -webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; } .input-switch { display: none; float: left; } .input-switch:checked+label.switch { background: #aaa; } .input-switch.primary:checked+label.switch { background: #f44eb1; } .input-switch.secondary:checked+label.switch { background: #888; } .input-switch:checked+label.switch::before { left: 24px; } .input-switch:checked+label.switch::before { background-color: #777; -webkit-box-shadow: 0 1px 2px 1px #666; -moz-box-shadow: 0 1px 2px 1px #666; box-shadow: 0 1px 2px 1px #666; } .input-switch.primary:checked+label.switch::before { background-color: #c3157d; -webkit-box-shadow: 0 1px 2px 1px #8c0052; -moz-box-shadow: 0 1px 2px 1px #8c0052; box-shadow: 0 1px 2px 1px #8c0052; } .input-switch.secondary:checked+label.switch::before { background-color: #222; -webkit-box-shadow: 0 1px 2px 1px #111; -moz-box-shadow: 0 1px 2px 1px #111; box-shadow: 0 1px 2px 1px #111; } .boxes { width: 100%; } .boxes .mask { position: absolute; left: 0; top: 0; z-index: 999999; display: none; background: rgba(38, 38, 38, 0.3); } .boxes .window { position: absolute; left: 0; top: 0; width: 980px; display: none; z-index: 9999991; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 0px 5px 0px rgba(55, 55, 55, 0.67); -moz-box-shadow: 1px 0px 5px 0px rgba(55, 55, 55, 0.67); box-shadow: 1px 0px 5px 0px rgba(55, 55, 55, 0.67); } @media only screen and (max-width: 980px) { .boxes .window { width: 100%; } } .boxes .window .close { position: absolute; right: 20px; top: 10px; font-size: 22px; color: #333; } .boxes .window .popup-header { background-color: #fff; border-radius: 5px 5px 0px 0px; padding: 12px 18px; } .boxes .window .popup-header h2 { font-family: "museo700"; font-size: 16px; color: #8c0052; line-height: normal; margin: 0px; padding: 0px; } .boxes .window .popup-content { padding: 25px; width: 100%; float: left; } .boxes .window .popup-content .extLink { display: inline-block; margin: 15px 0 0; color: #fff; font-family: "museo500"; font-size: 16px; background: #8c0052; padding: 0px 0px 0px 10px; border: 1px solid #8c0052; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .boxes .window .popup-content .extLink:hover { background: #fff; color: #8c0052; } .boxes .window .popup-content .extLink:hover i { background: #8c0052; color: #fff; } .boxes .window .popup-content .extLink i { padding: 10px 15px; margin: 0px 0px 0px 5px; color: #8c0052; background: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .boxes .window .popup-footer { width: 100%; float: left; background-color: #fff; border-radius: 5px 5px 0px 0px; padding: 12px 18px; } html, body, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, fieldset, form, label, legend, caption, article, aside, dialog, figure, footer, header, hgroup, nav, section { border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; } input[type="text"], input[type="email"], textarea, input[type="submit"], select { margin: 0; } article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: """"; } nav ul { list-style: none; } a img { border: 0; } :focus { outline: none; } html, body { font-size: 100.01%; } body { color: #666; } h1, h2, h3, h4, h5, h6 { font-weight: 400; color: #111; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } p { margin: 0 0 0.5em; } p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } a:focus, a:hover { color: #000; } a { color: #009; text-decoration: none; } blockquote { margin: 1.5em; color: #666; font-style: italic; } strong { font-weight: 700; } em, dfn { font-style: italic; } dfn { font-weight: 700; } sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #555; } address { margin: 0 0 2.5em; font-style: italic; } del { color: #666; } pre { margin: 1.5em 0; white-space: pre; } pre, code, tt { font: 1em "andale mono", "lucida console", monospace; line-height: 1.5; } li ul, li ol { margin: 0; } ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em; } dl dt { font-weight: 700; } dd { margin-left: 1.5em; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } nav ul, header ul { list-style-type: none; } @font-face { font-family: "rioservices"; src: url("../fonts/rioservices.eot?l6zlg3"); src: url("../fonts/rioservices.eot?l6zlg3#iefix") format("embedded-opentype"), url("../fonts/rioservices.ttf?l6zlg3") format("truetype"), url("../fonts/rioservices.woff?l6zlg3") format("woff"), url("../fonts/rioservices.svg?l6zlg3#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="rio-icon-"], [class*=" rio-icon-"] { font-family: "rioservices"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #ffffff; font-size: 55px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rio-icon-android-development:before { content: "\e900"; } .rio-icon-service-hosting:before { content: "\e902"; } .rio-icon-service-mobile:before { content: "\e903"; } .rio-icon-service-seo:before { content: "\e904"; } .rio-icon-service-sms:before { content: "\e905"; } .rio-icon-service-software:before { content: "\e906"; } .rio-icon-service-web:before { content: "\e907"; } #pre-header { background: url(../images/gray-bg-pattern.jpg) left repeat; float: left; width: 100%; } #pre-header .col1 { width: 33%; float: left; padding: 12px 0; } @media only screen and (max-width: 980px) { #pre-header .col1 { width: 50%; } } @media only screen and (max-width: 480px) { #pre-header .col1 { width: 100%; text-align: center; } } #pre-header .col1 p { font-family: "museo300"; font-size: 13px; color: #fff; margin: 0; } @media (max-width: 768px) { #pre-header .col1 p { font-size: 12px; } } #pre-header .col1 p a { color: #fff; cursor: default; } #pre-header .col2 { width: 67%; float: right; position: relative; } @media only screen and (max-width: 980px) { #pre-header .col2 { width: 50%; } } @media only screen and (max-width: 480px) { #pre-header .col2 { width: 100%; padding-bottom: 10px; } } #pre-header .col2 .country-toggle { background-color: #fff; border: 1px solid #ddd; color: #222; font-size: 13px; font-family: "museo300"; padding: 4px 50px 4px 6px; font-weight: bold; position: relative; top: 7px; display: none; width: 180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; right: 0; text-align: right; float: right; } @media only screen and (max-width: 480px) { #pre-header .col2 .country-toggle { float: none; text-align: center; margin: 0 auto; top: 0; padding: 7px 50px 7px 6px; } } #pre-header .col2 .country-toggle.open:after { border-bottom: 0; border-top: 5px solid #222; } #pre-header .col2 .country-toggle:after { position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #222; content: ""; display: block; top: 9px; right: 8px; } @media only screen and (max-width: 480px) { #pre-header .col2 .country-toggle:after { top: 12px; } } @media only screen and (max-width: 980px) { #pre-header .col2 .country-toggle { display: block; } } @media only screen and (max-width: 480px) { #pre-header .col2 .country-toggle { width: 100.5%; } } #pre-header .col2 .country-list-mobile { display: none; position: absolute; background-color: #fff; border: 1px solid #ddd; top: 32px; right: 0; margin: 0; padding: 0; list-style-type: none; z-index: 9; width: 178px; } @media only screen and (max-width: 480px) { #pre-header .col2 .country-list-mobile { right: 0; left: 0; margin: 0 auto; top: 30px; width: 100%; } } #pre-header .col2 .country-list-mobile li { font-size: 14px; font-family: "museo300"; color: #222; float: left; width: 100%; line-height: 24px; padding: 4px 10px; border-bottom: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 480px) { #pre-header .col2 .country-list-mobile li { padding: 7px 10px; } } #pre-header .col2 .country-list-mobile li:last-of-type { border-bottom: 0; } #pre-header .col2 .country-list-mobile li:hover a { color: #c3157d; } #pre-header .col2 .country-list-mobile li a { color: #222; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; } #pre-header .col2 .country-list-mobile li.india { position: relative; padding-left: 40px; } #pre-header .col2 .country-list-mobile li.india:before { content: ""; position: absolute; width: 24px; height: 24px; left: 10px; top: 4px; background: url(../images/flag/flags.png); background-position: 21% 100%; } #pre-header .col2 .country-list-mobile li.united-states { position: relative; padding-left: 40px; } #pre-header .col2 .country-list-mobile li.united-states:before { content: ""; position: absolute; width: 24px; height: 24px; left: 10px; top: 4px; background: url(../images/flag/flags.png); background-position: 100% 100%; } #pre-header .col2 .country-list-mobile li.united-kingdom { position: relative; padding-left: 40px; } #pre-header .col2 .country-list-mobile li.united-kingdom:before { content: ""; position: absolute; width: 24px; height: 24px; left: 10px; top: 4px; background: url(../images/flag/flags.png); background-position: 80% 100%; } #pre-header .col2 .country-list-mobile li.united-arab-emirates { position: relative; padding-left: 40px; } #pre-header .col2 .country-list-mobile li.united-arab-emirates:before { content: ""; position: absolute; width: 24px; height: 24px; left: 10px; top: 4px; background: url(../images/flag/flags.png); background-position: 60% 100%; } #pre-header .col2 .country-list-mobile li.singapore { position: relative; padding-left: 40px; } #pre-header .col2 .country-list-mobile li.singapore:before { content: ""; position: absolute; width: 24px; height: 24px; left: 10px; top: 8px; background: url(../images/flag/flags.png); background-position: 40% 100%; } #pre-header .col2 .country-list-mobile li.australia { position: relative; padding-left: 40px; } #pre-header .col2 .country-list-mobile li.australia:before { content: ""; position: absolute; width: 24px; height: 24px; left: 10px; top: 4px; background: url(../images/flag/flags.png); background-position: 0% 100%; } #pre-header .col2 .country-list-mobile li img { float: left; margin-right: 8px; } #pre-header .col2 ul.country-list-desktop { margin: 0; padding: 0; list-style-type: none; float: right; } @media only screen and (max-width: 980px) { #pre-header .col2 ul.country-list-desktop { display: none; } } #pre-header .col2 ul.country-list-desktop li { float: left; padding: 0 14px; position: relative; font-family: "museo300"; font-size: 14px; color: #fff; text-transform: uppercase; } #pre-header .col2 ul.country-list-desktop li:last-of-type { padding-right: 0; } #pre-header .col2 ul.country-list-desktop li:last-of-type:after { display: none; } #pre-header .col2 ul.country-list-desktop li:after { position: absolute; content: ""; display: block; right: 0; top: 0; background-color: #2f2f2f; width: 1px; height: 100%; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } #pre-header .col2 ul.country-list-desktop li.india { position: relative; } #pre-header .col2 ul.country-list-desktop li.india:before { content: ""; position: absolute; width: 24px; height: 24px; left: -20px; top: 9px; background: url(../images/flag/flags.png); background-position: 20% 100%; } #pre-header .col2 ul.country-list-desktop li.united-states { position: relative; padding-left: 40px; } #pre-header .col2 ul.country-list-desktop li.united-states:before { content: ""; position: absolute; width: 24px; height: 24px; left: 10px; top: 9px; background: url(../images/flag/flags.png); background-position: 100% 100%; } #pre-header .col2 ul.country-list-desktop li.united-kingdom { position: relative; padding-left: 40px; } #pre-header .col2 ul.country-list-desktop li.united-kingdom:before { content: ""; position: absolute; width: 24px; height: 24px; left: 10px; top: 9px; background: url(../images/flag/flags.png); background-position: 79% 100%; } #pre-header .col2 ul.country-list-desktop li.united-arab-emirates { position: relative; padding-left: 40px; } #pre-header .col2 ul.country-list-desktop li.united-arab-emirates:before { content: ""; position: absolute; width: 24px; height: 24px; left: 10px; top: 9px; background: url(../images/flag/flags.png); background-position: 59% 100%; } #pre-header .col2 ul.country-list-desktop li.singapore { position: relative; padding-left: 40px; } #pre-header .col2 ul.country-list-desktop li.singapore:before { content: ""; position: absolute; width: 24px; height: 24px; left: 10px; top: 9px; background: url(../images/flag/flags.png); background-position: 40% 100%; } #pre-header .col2 ul.country-list-desktop li.australia { position: relative; padding-left: 40px; } #pre-header .col2 ul.country-list-desktop li.australia:before { content: ""; position: absolute; width: 24px; height: 24px; left: 10px; top: 9px; background: url(../images/flag/flags.png); background-position: 0% 100%; } #pre-header .col2 ul.country-list-desktop li a { color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; padding: 10px 0; line-height: 24px; } #pre-header .col2 ul.country-list-desktop li a img { float: left; vertical-align: middle; margin: 0 6px 0 0; } #pre-header .col2 ul.country-list-desktop li a:hover { color: #f44eb1; } #header { float: left; width: 100%; padding: 15px 0; } #header .col1 { float: left; width: 24%; } @media(max-width:767px) and (orientation: landscape) { #header .col1 { width: 100%; text-align: center; } } @media only screen and (max-width: 640px) { #header .col1 { width: 100%; text-align: center; } } #header .col1 figure { padding: 0; margin: 0; } #header .col1 figure img { max-width: 100%; } #header .col2 { float: right; width: 74%; padding-top: 12px; padding-right: 90px; } @media(max-width:767px) and (orientation: landscape) { #header .col2 { width: 100%; } } @media only screen and (max-width: 1024px) { #header .col2 { padding-top: 0; } } @media only screen and (max-width: 640px) { #header .col2 { width: 100%; text-align: center; } } #header .col2 .header-contact { float: right; margin-bottom: 25px; } @media(max-width:767px) and (orientation: landscape) { #header .col2 .header-contact { margin-bottom: 0px; text-align: center; padding-top: 0px !important; float: unset; } } @media only screen and (max-width: 1024px) { #header .col2 .header-contact { padding-top: 40px; } } @media only screen and (max-width: 640px) { #header .col2 .header-contact { padding-top: 10px; margin-bottom: 0; } } @media only screen and (max-width: 480px) { #header .col2 .header-contact { float: none; } } #header .col2 .header-contact p { font-family: "museo300"; font-size: 14px; color: #222; margin: 0; } @media only screen and (max-width: 480px) { #header .col2 .header-contact p { text-align: center; line-height: 24px; } } #header .col2 .header-contact p span { color: #c3157d; } @media only screen and (max-width: 480px) { #header .col2 .header-contact p i { display: none; } } #header .col2 .header-contact p br { display: none; } @media only screen and (max-width: 480px) { #header .col2 .header-contact p br { display: block; } } #header .col2 .header-contact p a { color: #222; } @media only screen and (max-width: 1024px) { #header .col2 #desktop-menu { display: none; } } #header .col2 #desktop-menu ul { margin: 0; padding: 0; list-style: none; float: right; } #header .col2 #desktop-menu ul li { float: left; font-family: "museo700"; font-size: 17px; color: #222; padding: 0 16px; text-transform: uppercase; position: relative; } #header .col2 #desktop-menu ul li:hover a { color: #c3157d; } #header .col2 #desktop-menu ul li:last-of-type { padding-right: 0; } #header .col2 #desktop-menu ul li.menuActive a { color: #c3157d; } #header .col2 #desktop-menu ul li a { color: #222; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header .col2 #desktop-menu ul li a:hover { color: #c3157d; } #header .col2 #desktop-menu ul li ul { position: absolute; left: 0; top: 17px; background-color: #fff; min-width: 200px; z-index: 9; display: none; padding-top: 15px; } #header .col2 #desktop-menu ul li ul li { border-bottom: 1px dotted #b6b6b6; padding: 7px 15px; float: none; width: 100%; font-family: "museo300"; font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: capitalize; color: #222; } #header .col2 #desktop-menu ul li ul li:last-of-type { border-bottom: 0; } #header .col2 #desktop-menu ul li ul li a { display: block; color: #222 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header .col2 #desktop-menu ul li ul li a:hover { color: #c3157d !important; } #header .col2 #desktop-menu ul li ul li.active>a { color: #c3157d !important; } #header .col2 #desktop-menu ul li ul li ul { left: 200px; top: -1px; border: 1px dotted #b6b6b6; padding-top: 0px; } #header .col2 #desktop-menu ul li ul li ul li a { color: #222 !important; } #home-banner { float: left; width: 100%; position: relative; } #home-banner .slider-container { width: 100%; float: left; height: 420px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #home-banner .slider-container .slider { width: 100%; float: left; height: 420px; overflow: hidden; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #home-banner .slider-container .slider .slide { width: 100%; height: 420px; float: left; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; cursor: move; } #home-banner .slider-container .slider .slide section { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; top: 0; right: 0; color: #fff; background: rgba(0, 0, 0, 0.6); text-align: center; padding: 130px 20px 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 480px) { #home-banner .slider-container .slider .slide section { padding: 50px 0 0 0; } } #home-banner .slider-container .slider .slide section h2 { font-family: "museo700"; font-size: 46px; color: #fff; line-height: 30px; margin: 0 0 25px 0; text-transform: uppercase; } @media only screen and (max-width: 640px) { #home-banner .slider-container .slider .slide section h2 { font-size: 29px; margin: 0 10px 15px 10px; line-height: 38px; } } #home-banner .slider-container .slider .slide section p { color: #fff; font-size: 21px; line-height: 32px; font-family: "museo300"; margin: 0 10px 25px 10px; } @media only screen and (max-width: 980px) { #home-banner .slider-container .slider .slide section p br { display: none; } } @media only screen and (max-width: 640px) { #home-banner .slider-container .slider .slide section p { font-size: 18px; line-height: 28px; } } #home-banner .slider-container .slider .slide section .learn-more { font-family: "museo700"; font-size: 18px; color: #fff; text-transform: uppercase; padding: 15px 40px; background-color: #c3157d; display: inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #home-banner .slider-container .slider .slide section .learn-more:hover { background-color: #8c0052; } #clients { float: left; width: 100%; padding: 10px 0; position: relative; z-index: 1; background-color: #fff; } #clients .clients-carousel img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } #clients .slick-arrow { background: url(../images/carousel-arrow.png) no-repeat; border: 0; cursor: pointer; font-size: 0; width: 10px; height: 16px; padding: 10px; position: absolute; top: 24px; } @media only screen and (max-width: 1024px) { #clients .slick-arrow { display: none !important; } } #clients .slick-arrow.slick-prev { background-position: 9px 0; left: -40px; } #clients .slick-arrow.slick-next { background-position: -11px 0; right: -40px; } #clients .slick-arrow.slick-hidden { display: none; } #clients .sprite-image { max-height: 60px; width: 100%; background-size: cover; background-repeat: no-repeat; height: 60px; min-width: 150px; width: 150px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -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; transition: all 0.5s ease-in-out; } @media only screen and (max-width: 320px) { #clients .sprite-image { margin: 0 auto; } } #clients .sprite-image:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } #clients .sprite-image.mdcb { background-position: -0.19% 0%; } #clients .sprite-image.kavanur-bank { background-position: 5.7% 0%; } #clients .sprite-image.pravasis { background-position: 11.7% 0%; } #clients .sprite-image.uccollege { background-position: 17.3% 0; } #clients .sprite-image.rose-community { background-position: 23% 0; } #clients .sprite-image.lintas { background-position: 29.4% 0%; } #clients .sprite-image.aura-edify { background-position: 34.4% 0; } #clients .sprite-image.ezpanio { background-position: 40% 0; } #clients .sprite-image.regal-signage { background-position: 45.9% 0; } #clients .sprite-image.oss { background-position: 51.5% 0; } #clients .sprite-image.harisree { background-position: 57% 0; } #clients .sprite-image.ksta { background-position: 63% 0; } #clients .sprite-image.delicia { background-position: 68.6% 0; } #clients .sprite-image.diet-palakkad { background-position: 74.5% 0; } #clients .sprite-image.diet-malappuram { background-position: 80% 0; } #clients .sprite-image.zodedu { background-position: 88.4% 0%; } #clients .sprite-image.altis { background-position: 92% 0; } #clients .sprite-image.malappuram-coconut { background-position: 97% 0; } #clients .sprite-image.gsis { background-position: 101.9% 0; } #home-service { float: left; width: 100%; padding: 20px 0; padding: 20px 0; background: url(../images/light-gray-bg-pattern.jpg) left repeat; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; } #home-service .decorative-emblem { width: 123px; height: 231px; background: url(../images/riosis-emblem.png) no-repeat; position: absolute; top: 20px; left: -100px; } @media only screen and (max-width: 980px) { #home-service .decorative-emblem { display: none; } } #home-service header { position: relative; text-align: center; } #home-service header:after { position: absolute; display: block; content: ""; background: url(../images/decorative-line.svg) no-repeat; width: 296px; max-width: 100%; height: 75px; right: 0; left: 0; margin: 0 auto; bottom: -70px; } #home-service header h2 { font-family: "museo700"; font-size: 30px; text-transform: uppercase; color: #222; } #home-service header h2 span { color: #8c0052; } #home-service section { float: left; width: 85%; padding: 100px 0 0 0; } @media only screen and (max-width: 1024px) { #home-service section { width: 100%; } } #home-service section article { float: left; text-align: center; width: 28%; margin: 0; margin-bottom: 50px; } #home-service section article:nth-of-type(3n + 1) { clear: left; } @media only screen and (max-width: 1024px) { #home-service section article { width: 33%; } } @media only screen and (max-width: 480px) { #home-service section article { width: 50%; } #home-service section article:nth-of-type(3n + 1) { clear: none; } #home-service section article:nth-of-type(2n + 1) { clear: left; } } @media only screen and (max-width: 320px) { #home-service section article { width: 100%; } } #home-service section article:nth-of-type(1) span { background-color: #c62828; } #home-service section article:nth-of-type(1) span:hover { background-color: #b71c1c; } #home-service section article:nth-of-type(2) span { background-color: #ad1457; } #home-service section article:nth-of-type(2) span:hover { background-color: #880e4f; } #home-service section article:nth-of-type(3) span { background-color: #6a1b9a; } #home-service section article:nth-of-type(3) span:hover { background-color: #4a148c; } #home-service section article:nth-of-type(4) span { background-color: #4527a0; } #home-service section article:nth-of-type(4) span:hover { background-color: #311b92; } #home-service section article:nth-of-type(5) span { background-color: #1565c0; } #home-service section article:nth-of-type(5) span:hover { background-color: #0d47a1; } #home-service section article:nth-of-type(6) span { background-color: #0277bd; } #home-service section article:nth-of-type(6) span:hover { background-color: #01579b; } #home-service section article:nth-of-type(7) span { background-color: #00838f; } #home-service section article:nth-of-type(7) span:hover { background-color: #006064; } #home-service section article:nth-of-type(8) span { background-color: #34495e; } #home-service section article:nth-of-type(8) span:hover { background-color: #2c3e50; } #home-service section article:hover span { margin-top: -5px; } #home-service section article span { width: 90px; height: 90px; display: block; margin: 0 auto; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -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; transition: all 0.5s ease-in-out; } #home-service section article span i { margin-left: -13px; padding-top: 20px; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #home-service section article span img { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 50px; height: 50px; display: block; margin: 0 auto; text-align: center; } #home-service section article h3 { font-family: "museo700"; color: #222; font-size: 19px; margin: 25px 0 0 0; } #home-service section article a.consulting-services span i img { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } #home-service .hiddenField { padding: 0px 0px; } #home-service .hiddenField .wrap-mobile { width: 100%; float: left; margin-top: 15px; } #home-service .hiddenField .wrap-mobile.consulting { background-color: #c62828; border: 4px solid #b71c1c; } #home-service .hiddenField .wrap-mobile.web { background-color: #ad1457; border: 4px solid #880e4f; } #home-service .hiddenField .wrap-mobile.hosting { background-color: #6a1b9a; border: 4px solid #4a148c; } #home-service .hiddenField .wrap-mobile.mobile { background-color: #4527a0; border: 4px solid #311b92; } #home-service .hiddenField .wrap-mobile.software { background-color: #1565c0; border: 4px solid #0d47a1; } #home-service .hiddenField .wrap-mobile.seo { background-color: #0277bd; border: 4px solid #01579b; } #home-service .hiddenField .wrap-mobile.sms { background-color: #00838f; border: 4px solid #006064; } #home-service .hiddenField .wrap-mobile.android { background-color: #34495e; border: 4px solid #2c3e50; } #home-service .hiddenField .wrap-mobile .block-mobile { padding: 10px 0px 10px; width: 100%; float: left; text-align: center; } #home-service .hiddenField .wrap-mobile .block-mobile h2 { font-family: "museo700"; font-size: 23px; color: #fff; text-align: center; margin-bottom: 10px; } #home-service .hiddenField .wrap-mobile .block-mobile h2 a { color: #fff; } #home-service .hiddenField .wrap-mobile .block-mobile ul { display: table; margin: 0px auto; text-align: center; padding: 0px; list-style-type: none; } #home-service .hiddenField .wrap-mobile .block-mobile ul li { font-family: "museo300"; font-size: 20px; text-align: center; color: #fff; border-bottom: 1px dotted #fff; padding: 8px 0px; } #home-service .hiddenField .wrap-mobile .block-mobile ul li a { color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #home-service .hiddenField .wrap-mobile .block-mobile ul li a:hover { padding-left: 3px; } #home-service .hiddenField .wrap-mobile .block-mobile .block-close { margin: 15px auto 0px; color: #fff; font-size: 30px; display: block; z-index: 999; } #home-service .service-triangle { position: absolute; right: -300px; top: 70px; width: 580px; height: 620px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #c62828; border: 4px solid #b71c1c; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } @media only screen and (max-width: 1024px) { #home-service .service-triangle { right: 0; left: 0; margin: 0 auto; width: 380px; height: 380px; top: 30%; } } @media only screen and (max-width: 640px) { #home-service .service-triangle { display: none !important; } } #home-service .service-triangle .triangle-close { position: absolute; right: 0; left: 0; margin: 0 auto; bottom: 0; color: #fff; font-size: 30px; display: none; z-index: 999; } @media only screen and (max-width: 1024px) { #home-service .service-triangle .triangle-close { display: block; } } #home-service .service-triangle:after { position: absolute; content: ""; width: 141px; height: 263px; background: url(../images/service-triangle-logo.png) no-repeat; left: 80px; top: 10px; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #home-service .service-triangle.consulting { background-color: #c62828; border: 4px solid #b71c1c; } #home-service .service-triangle.web { background-color: #ad1457; border: 4px solid #880e4f; } #home-service .service-triangle.hosting { background-color: #6a1b9a; border: 4px solid #4a148c; } #home-service .service-triangle.mobile { background-color: #4527a0; border: 4px solid #311b92; } #home-service .service-triangle.software { background-color: #1565c0; border: 4px solid #0d47a1; } #home-service .service-triangle.seo { background-color: #0277bd; border: 4px solid #01579b; } #home-service .service-triangle.android { background-color: #34495e; border: 4px solid #2c3e50; } #home-service .service-triangle.sms { background-color: #00838f; border: 4px solid #006064; } #home-service .service-triangle .service-view { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 260px; margin-left: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 240px; height: 300px; z-index: 9; } @media only screen and (max-width: 1024px) { #home-service .service-triangle .service-view { margin: 20px auto; width: 360px; height: 360px; } } #home-service .service-triangle .service-view i { display: block; margin: 0 auto; text-align: center; } #home-service .service-triangle .service-view i img { margin: 0; } #home-service .service-triangle .service-view h2 { font-family: "museo700"; font-size: 23px; color: #fff; text-align: center; margin-bottom: 10px; } #home-service .service-triangle .service-view h2 a { color: #fff; } #home-service .service-triangle .service-view ul { margin: 0; padding: 0; list-style-type: none; } @media only screen and (max-width: 1024px) { #home-service .service-triangle .service-view ul { display: table; margin: 0 auto; text-align: center; } } #home-service .service-triangle .service-view ul li { font-family: "museo300"; font-size: 20px; text-align: center; color: #ffffff; border-bottom: dotted 1px #fff; padding: 8px 0; } #home-service .service-triangle .service-view ul li a { color: #ffffff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #home-service .service-triangle .service-view ul li a:hover { padding-left: 3px; } #home-service .service-triangle .service-view ul li:last-of-type { border-bottom: 0; } #home-product { float: left; width: 100%; padding: 20px 0; border-bottom: 1px solid #ddd; position: relative; z-index: 1; background-color: #fff; overflow: hidden; } #home-product .decorative-emblem-gray { width: 123px; height: 231px; background: url(../images/riosis-emblem-gray.png) no-repeat; position: absolute; top: 0; left: -100px; } @media only screen and (max-width: 980px) { #home-product .decorative-emblem-gray { display: none; } } #home-product .decorative-emblem { width: 123px; height: 231px; background: url(../images/riosis-emblem.png) no-repeat; position: absolute; bottom: 40px; right: -100px; } @media only screen and (max-width: 980px) { #home-product .decorative-emblem { display: none; } } #home-product header { position: relative; text-align: center; } #home-product header:after { position: absolute; display: block; content: ""; background: url(../images/decorative-line2.svg) no-repeat; width: 296px; max-width: 100%; height: 75px; right: 0; left: 0; margin: 0 auto; bottom: -80px; } #home-product header h2 { font-family: "museo700"; font-size: 30px; text-transform: uppercase; color: #222; } #home-product header h2 span { color: #8c0052; } #home-product .products-carousel { width: 100%; float: left; padding: 80px 0 30px 0; } #home-product .products-carousel article { padding: 0; margin: 0; text-align: center; } #home-product .products-carousel article:hover h3:after { width: 60%; background-color: #0b9378; } #home-product .products-carousel article img { max-width: 100%; } #home-product .products-carousel article h3 { font-family: "museo700"; color: #222; font-size: 20px; position: relative; } #home-product .products-carousel article h3:after { position: absolute; bottom: -20px; right: 0; left: 0; height: 6px; background-color: #222; width: 100px; -webkit-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -ms-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out; display: block; content: ""; margin: 0 auto; } #home-product .slick-arrow { background: url(../images/carousel-arrow.png) no-repeat; border: 0; cursor: pointer; font-size: 0; width: 10px; height: 16px; padding: 10px; position: absolute; top: 24px; } #home-product .slick-arrow.slick-prev { background-position: 9px 0; right: 30px; } #home-product .slick-arrow.slick-next { background-position: -11px 0; right: 0; } #home-product .slick-arrow.slick-hidden { display: none; } #home-work { background-color: #ffffff; float: left; width: 100%; padding: 30px 0 0 0; border-bottom: 1px solid #ddd; } #home-work header { float: left; width: 100%; } #home-work header .col1 { width: 35%; float: left; } @media only screen and (max-width: 980px) { #home-work header .col1 { width: 100%; text-align: center; } } #home-work header .col1 h2 { font-family: "museo700"; font-size: 30px; text-transform: uppercase; color: #222; margin: 0; } #home-work header .col1 h2 span { color: #8c0052; } #home-work header .col2 { width: 65%; float: right; padding-top: 10px; } @media only screen and (max-width: 980px) { #home-work header .col2 { width: 100%; } } #home-work header .col2 nav.filter { float: right; } @media only screen and (max-width: 980px) { #home-work header .col2 nav.filter { float: none; } } #home-work header .col2 nav.filter ul { margin: 0; padding: 0; list-style-type: none; } @media only screen and (max-width: 980px) { #home-work header .col2 nav.filter ul { display: table; margin: 0 auto; text-align: center; } } #home-work header .col2 nav.filter ul li { float: left; font-family: "museo300"; font-size: 16px; color: #222; position: relative; padding: 0 10px; } #home-work header .col2 nav.filter ul li:last-of-type { padding-right: 0; } #home-work header .col2 nav.filter ul li:last-of-type:after { display: none; } #home-work header .col2 nav.filter ul li:after { position: absolute; content: "/"; display: block; top: 0; right: -4px; } @media only screen and (max-width: 980px) { #home-work header .col2 nav.filter ul li:after { content: "-"; } } @media only screen and (max-width: 980px) { #home-work header .col2 nav.filter ul li { display: inline; text-align: center; float: none; } } #home-work header .col2 nav.filter ul li a { color: #222; } #home-work header .col2 nav.filter ul li a.selected { color: #8c0052; } #home-work section { float: left; width: 100%; padding: 20px 0 0 0; } #home-work section article { width: 25%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #home-work section article:nth-of-type(4n + 1) { clear: left; } @media only screen and (max-width: 640px) { #home-work section article { width: 33%; } #home-work section article:nth-of-type(4n + 1) { clear: none; } #home-work section article:nth-of-type(3n + 1) { clear: left; } } @media only screen and (max-width: 480px) { #home-work section article { width: 50%; } #home-work section article:nth-of-type(3n + 1) { clear: none; } #home-work section article:nth-of-type(2n + 1) { clear: left; } } #home-work section article figure { margin: 5px 5px; } #home-work section article img { max-width: 100%; vertical-align: bottom; margin-bottom: 0; width: 100%; } .sm-slide-image { width: 100%; padding-top: 84%; position: relative; } .sm-slide-image .image-wrap { position: absolute; } .sm-slide-image.sm-style-box .image-wrap { top: 5px; right: 5px; bottom: 5px; left: 5px; } .sm-slide-image.sm-style-browser .image-wrap { top: 5px; right: 5px; bottom: 5px; left: 5px; background-size: contain; padding-top: 6.4%; } .sm-slide-image.sm-style-laptop { padding-top: 59%; } .sm-slide-image.sm-style-laptop .image-wrap { top: 0; right: 0; bottom: 0; left: 0; background-size: contain; padding: 3.5% 12.9% 8%; } .sm-slide-image.sm-style-laptop .image-wrap-inner { border: 1px solid #333; } .sm-slide-image.sm-style-desktop { padding-top: 84.68%; } .sm-slide-image.sm-style-desktop .image-wrap { top: 0; right: 0; bottom: 0; left: 0; background-size: contain; padding: 4.7% 4.7% 29.8%; } .sm-slide-image .image-wrap-inner { overflow: hidden; position: relative; height: 100%; width: 100%; background-size: cover; -webkit-transition: background-position 5s ease-in-out; -moz-transition: background-position 5s ease-in-out; -ms-transition: background-position 5s ease-in-out; -o-transition: background-position 5s ease-in-out; transition: background-position 5s ease-in-out; } .sm-slide-image img { visibility: hidden; } .sm-slide-image.sm-slide-vertical img { top: 0; width: 100%; } .sm-slide-image.sm-slide-vertical .image-wrap-inner { background-position: 50% 0; } .sm-slide-image.sm-slide-vertical .hover-image { background-position: 50% 100%; } #home-testimonial { background-color: #ffffff; float: left; width: 100%; padding: 30px 0; } #home-testimonial .col1 { width: 38%; float: left; } @media only screen and (max-width: 768px) { #home-testimonial .col1 { width: 100%; margin-bottom: 20px; } } #home-testimonial .col1 ul.tabs { margin: 0; padding: 0; list-style-type: none; } #home-testimonial .col1 ul.tabs li { width: 85px; float: left; background-color: #ddd; cursor: pointer; height: 100%; } @media only screen and (min-width: 1380px) and (max-width: 1920px) { #home-testimonial .col1 ul.tabs li { background: #fff; margin-bottom: 15px; } } @media only screen and (min-width: 980px) { #home-testimonial .col1 ul.tabs li { width: 20%; } } #home-testimonial .col1 ul.tabs li.middle-roud { height: 82px; cursor: auto !important; padding-top: 3px; padding-left: 4px; background: #fff; } @media only screen and (max-width: 1280px) { #home-testimonial .col1 ul.tabs li.middle-roud { display: none; } } #home-testimonial .col1 ul.tabs li.middle-roud .circle { background: url(../images/quote-icon.png) center no-repeat #8c0052; display: inline-block; height: 75px; width: 75px; -webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; } #home-testimonial .col1 ul.tabs li.current img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } #home-testimonial .col1 ul.tabs li.current .sprite-image { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } #home-testimonial .col1 ul.tabs li img { vertical-align: bottom; margin-bottom: 0; max-width: 100%; height: auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } #home-testimonial .col1 ul.tabs li .sprite-image { background-size: cover; background-repeat: no-repeat; max-height: 83px; height: 83px; min-width: 85px; width: 85px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -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; transition: all 0.5s ease-in-out; } @media only screen and (max-width: 320px) { #home-testimonial .col1 ul.tabs li .sprite-image { margin: 0 auto; } } #home-testimonial .col1 ul.tabs li .sprite-image:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } #home-testimonial .col1 ul.tabs li .sprite-image.douglas_Stuart { background-position: 0% 0%; } #home-testimonial .col1 ul.tabs li .sprite-image.harisree_Palakkad { background-position: 7.703% 0%; } #home-testimonial .col1 ul.tabs li .sprite-image.Kate { background-position: 15.45% 0%; } #home-testimonial .col1 ul.tabs li .sprite-image.samuel_Panda { background-position: 23% 0%; } @media only screen and (min-width: 1380px) and (max-width: 1920px) { #home-testimonial .col1 ul.tabs li .sprite-image.samuel_Panda { background-position: 23.5% 0%; } } #home-testimonial .col1 ul.tabs li .sprite-image.lee_Williams { background-position: 30.9% 0%; } @media only screen and (min-width: 1380px) and (max-width: 1920px) { #home-testimonial .col1 ul.tabs li .sprite-image.lee_Williams { background-position: 30.95% 0%; } } #home-testimonial .col1 ul.tabs li .sprite-image.anaitha_Nair { background-position: 38.8% 0%; } #home-testimonial .col1 ul.tabs li .sprite-image.robert_Bankok { background-position: 46.5% 0%; } #home-testimonial .col1 ul.tabs li .sprite-image.krisha_Clark { background-position: 46.5% 0%; } #home-testimonial .col1 ul.tabs li .sprite-image.jon_Paul { background-position: 46.5% 0%; } #home-testimonial .col1 ul.tabs li .sprite-image.Deepak { background-position: 46.5% 0%; } #home-testimonial .col1 ul.tabs li .sprite-image.Truth1 { background-position: 46.5% 0%; } #home-testimonial .col1 ul.tabs li .sprite-image.Truth2 { background-position: 46.5% 0%; } #home-testimonial .col1 ul.tabs li .sprite-image.Truth3 { background-position: 46.5% 0%; } #home-testimonial .col1 ul.tabs li .sprite-image.Truth4 { background-position: 46.5% 0%; } #home-testimonial .col2 { width: 58%; float: right; } @media only screen and (max-width: 768px) { #home-testimonial .col2 { width: 100%; } } #home-testimonial .col2 h2 { font-family: "museo700"; font-size: 28px; color: #222; margin: 0 0 10px 0; text-transform: uppercase; } #home-testimonial .col2 .tab-content { display: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #home-testimonial .col2 .tab-content.current { display: block; } #home-testimonial .col2 .tab-content p { font-family: "museo300"; font-size: 16px; line-height: 26px; color: #222; margin: 0 0 10px 0; } #home-testimonial .col2 .tab-content h6 { font-family: "museo700"; font-size: 16px; color: #8c0052; margin: 0; } #home-testimonial .col2 .tab-content h6 span { font-family: "museo300"; } #footer { background: url(../images/gray-bg-pattern.jpg) left repeat; float: left; width: 100%; padding: 30px 0; } #footer h3 { font-family: "museo300"; font-size: 16px; color: #fff; margin-bottom: 15px; } #footer p { font-family: "museo300"; font-size: 13px; color: #fff; } #footer p.copyright span { color: #067dcf; font-weight: 800; font-size: 16px; } #footer p.copyright a { color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #footer p.copyright a:hover { color: #f44eb1; } #footer .col1 { width: 70%; float: left; position: relative; } @media only screen and (max-width: 1024px) { #footer .col1 { width: 60%; } } @media only screen and (max-width: 768px) { #footer .col1 { width: 100%; } } #footer .col1 ul { margin: 0; padding: 0; list-style-type: none; } #footer .col1 ul li { position: relative; padding-left: 15px; font-family: "museo300"; font-size: 13px; color: #fff; line-height: 30px; } #footer .col1 ul li:hover a { color: #f44eb1; } #footer .col1 ul li:hover:before { background-color: #f44eb1; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } #footer .col1 ul li a { color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #footer .col1 ul li::before { position: absolute; content: ""; width: 6px; height: 6px; background-color: #ddd; display: block; left: 0; top: 12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #footer .col1 .menu-col1 { width: 50%; float: left; } @media only screen and (max-width: 640px) { #footer .col1 .menu-col1 { width: 100%; } } #footer .col1 .menu-col1 ul li { width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #footer .col1 .menu-col2 { width: 25%; float: left; } @media only screen and (max-width: 640px) { #footer .col1 .menu-col2 { width: 50%; } } #footer .col1 .menu-col3 { width: 25%; float: left; } @media only screen and (max-width: 640px) { #footer .col1 .menu-col3 { width: 50%; } } #footer .col2 { width: 28%; float: right; } @media only screen and (max-width: 1024px) { #footer .col2 { width: 40%; } } @media only screen and (max-width: 768px) { #footer .col2 { display: none; } } @media only screen and (min-width: 768px) { #footer .show-in-tab { display: none; } } .scrollToTop { background: url(../images/scroll-top-arrow.png) center no-repeat #313030; width: 32px; height: 32px; position: absolute; right: 20px; bottom: 10px; } @media only screen and (max-width: 640px) { .scrollToTop { bottom: 52px; } } .social-links { float: left; width: 100%; padding: 25px 0 15px 0; } .social-links ul { margin: 0; padding: 0; list-style-type: none; } .social-links ul li { float: left; font-size: 16px; padding: 0 3px !important; line-height: normal !important; } .social-links ul li:first-of-type { padding-left: 0 !important; } .social-links ul li:before { display: none !important; } .social-links ul li.facebook a { background-color: #0a57bf; } .social-links ul li.facebook a:hover { background-color: #063e88; } .social-links ul li.twitter a { background-color: #14a9e0; } .social-links ul li.twitter a:hover { background-color: #0a88b7; } .social-links ul li.linkedin a { background-color: #0369b0; } .social-links ul li.linkedin a:hover { background-color: #04558d; } .social-links ul li.instagram a { background-color: #ab3191; } .social-links ul li.instagram a:hover { background-color: #8d1773; } .social-links ul li a { color: #fff; display: block; background-color: #000; padding: 8px; width: 16px; height: 16px; line-height: 16px; text-align: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; } .social-links ul li a:hover { color: #fff !important; } #inner-banner { position: relative; width: 100%; float: left; background: url(../uploads/inner-banner-1.jpg) no-repeat center center; background-size: cover; } #inner-banner .overlay { position: absolute; z-index: 0; overflow: auto; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.6); } #inner-banner h2 { font-family: "museo700"; font-size: 28px; color: #ffffff; margin-top: 65px; } #inner-banner h2 span { color: #cc0b7e; } #why-with-us { float: left; width: 100%; padding: 40px 0 0; position: relative; z-index: 1; background-color: #fff; } #why-with-us .decorative-emblem { width: 123px; height: 231px; background: url(../images/riosis-emblem.png) no-repeat; position: absolute; top: 20px; left: -100px; } @media only screen and (max-width: 480px) { #why-with-us .decorative-emblem { display: none; } } #why-with-us header { position: relative; text-align: center; } #why-with-us header:after { position: absolute; display: block; content: ""; background: url(../images/decorative-line2.svg) no-repeat; width: 296px; max-width: 100%; height: 75px; right: 0; left: 0; margin: 0 auto; bottom: -80px; } #why-with-us header h2 { font-family: "museo700"; font-size: 30px; text-transform: uppercase; color: #222; margin-bottom: 100px; } #why-with-us header h2 span { color: #8c0052; } #why-with-us section article { width: 33.33%; float: left; padding: 0px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 768px) { #why-with-us section article { width: 100%; } } #why-with-us section article p { font-family: "museo500"; font-size: 16px; color: #222; text-align: justify; line-height: 28px; } #why-with-us section article p span { display: block; float: left; text-transform: uppercase; font-size: 28px; color: #ffffff; font-family: "museo700"; border-radius: 0px 0px 25px 25px; padding: 19px 14px; margin-right: 15px; margin-top: 10px; } #why-with-us section article:nth-of-type(1) p span { background: #ad1457; } #why-with-us section article:nth-of-type(2) p span { background: #1565c0; } #why-with-us section article:nth-of-type(3) p span { background: #00838f; } #prograss-bar { width: 100%; float: left; padding: 62px 0px 40px; background: url(../uploads/prograss-bg.jpg); } #prograss-bar ul { list-style-type: none; text-align: center; margin: 0px; padding: 0px; } #prograss-bar .chart { display: inline-block; margin: 0 10px 85px; position: relative; padding-top: 22px; height: 188px; width: 220px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #prograss-bar .chart span { display: block; font-size: 2em; font-weight: normal; margin-top: 50px; font-family: "museo700"; font-size: 45px; color: #161616; } #prograss-bar .chart h3 { margin-top: 100px; font-family: "museo700"; font-size: 20px; color: #111111; margin-bottom: 0px; } #prograss-bar .chart canvas { position: absolute; left: 10px; top: 0; } #way-of-work { float: left; width: 100%; padding: 30px 0 40px; position: relative; z-index: 1; background-color: #fff; border-bottom: 1px solid #ddd; } #way-of-work header { position: relative; text-align: center; } #way-of-work header:after { position: absolute; display: block; content: ""; background: url(../images/decorative-line2.svg) no-repeat; width: 296px; max-width: 100%; height: 75px; right: 0; left: 0; margin: 0 auto; bottom: -80px; } #way-of-work header h2 { font-family: "museo700"; font-size: 30px; text-transform: uppercase; color: #222; margin-bottom: 100px; } #way-of-work header h2 span { color: #8c0052; } #way-of-work .workflow-container { float: left; width: 100%; text-align: center; margin-top: 30px; } #way-of-work .workflow-container ul { padding: 0px; margin: 0px; list-style-type: none; position: relative; } #way-of-work .workflow-container ul::before { position: absolute; content: " "; border-bottom: 1px solid #e5e5e5; width: 88%; top: 37px; left: 57px; } @media only screen and (max-width: 1090px) { #way-of-work .workflow-container ul::before { display: none; } } #way-of-work .workflow-container ul li { display: inline-block; width: 13%; color: #ffffff; margin-bottom: 20px; } @media only screen and (max-width: 980px) { #way-of-work .workflow-container ul li { width: 20%; } } @media only screen and (max-width: 768px) { #way-of-work .workflow-container ul li { width: 30%; } } @media only screen and (max-width: 640px) { #way-of-work .workflow-container ul li { width: 48%; } } @media only screen and (max-width: 320px) { #way-of-work .workflow-container ul li { width: 100%; } } #way-of-work .workflow-container ul li.idea .block { background: #938bbc; } #way-of-work .workflow-container ul li.discussion .block { background: #4d96a9; } #way-of-work .workflow-container ul li.layout .block { background: #3a9f6c; } #way-of-work .workflow-container ul li.design .block { background: #cb9c43; } #way-of-work .workflow-container ul li.development .block { background: #437baa; } #way-of-work .workflow-container ul li.testing .block { background: #ad1457; } #way-of-work .workflow-container ul li.delivered .block { background: #be503e; } #way-of-work .workflow-container ul li .block { width: 75px; height: 75px; margin: 0 auto; line-height: 87px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #way-of-work .workflow-container ul li .block i { color: #ffffff; font-size: 30px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #way-of-work .workflow-container ul li h3 { font-size: 17px; color: #222222; font-family: "museo700"; margin-top: 45px; } .fixed-link-right { position: absolute; top: 10%; right: 0%; z-index: 2; } @media only screen and (max-width: 640px) { .fixed-link-right { top: -12%; } } .fixed-link-right ul { margin: 0; padding: 0; list-style-type: none; float: right; } .fixed-link-right ul li { font-size: 18px; text-align: center; margin-bottom: 2px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; height: 47px; } .fixed-link-right ul li:last-child { margin-bottom: 0px; } .fixed-link-right ul li a { font-family: "museo500"; font-size: 15px; text-transform: uppercase; position: relative; padding: 15px 8px 15px 35px; display: block; text-align: left; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fixed-link-right ul li a i { position: absolute; left: 16px; top: 14px; font-size: 18px; } .fixed-link-right ul .support { background: #2196f3; } .fixed-link-right ul .support a { color: #cde9fe; } .fixed-link-right ul .chat { background: #0b9378; } .fixed-link-right ul .chat a { color: #4aefce; } .floating-link-left { position: absolute; top: 50%; left: 0%; z-index: 9; -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); } .floating-link-left ul { margin: 0; padding: 0; list-style-type: none; float: right; } .floating-link-left ul .service-menu-icon { margin-top: 1px; font-size: 22px; text-align: center; margin-bottom: 2px; background: #6a1b9a; border-top-right-radius: 12px; border-bottom-right-radius: 12px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5); } .floating-link-left ul .service-menu-icon:last-child { margin-bottom: 0px; } .floating-link-left ul .service-menu-icon a { padding: 0px 15px; line-height: 45px; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .floating-link-left .service-sidebar { width: 250px; background: #fff; display: inline-block; border: 1px solid #ccc; border-left: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .floating-link-left .service-sidebar.serviceOpen { margin-left: 0px; } .floating-link-left .service-sidebar.serviceClose { margin-left: -250px; } .floating-link-left .service-sidebar ul { float: none; } .floating-link-left .service-sidebar ul li { border-bottom: 1px solid #e9e9e9; position: relative; } .floating-link-left .service-sidebar ul li:last-child { margin-bottom: 0px; } .floating-link-left .service-sidebar ul li:hover a { border-left: 10px solid #9f1367; background: #c3157d; color: #fff; } .floating-link-left .service-sidebar ul li:hover .dropdown-open { color: #fff; } .floating-link-left .service-sidebar ul li.active a { border-left: 10px solid #9f1367; background: #c3157d; color: #fff; } .floating-link-left .service-sidebar ul li.active .dropdown-open { color: #fff; } .floating-link-left .service-sidebar ul li a { display: block; padding: 0px 10px 0px 20px; line-height: 37px; color: #222222; font-family: "museo300"; font-size: 18px; border-left: 0px solid transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .floating-link-left .service-sidebar ul li .dropdown-open { position: absolute; right: 10px; top: 8px; font-size: 18px; color: #c3157d; cursor: pointer; z-index: 9; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .floating-link-left .service-sidebar ul li ul { display: none; } .floating-link-left .service-sidebar ul li ul li a { background: #fff !important; border-left: 0px solid transparent !important; color: #222222 !important; } .floating-link-left .service-sidebar ul li ul li a:hover { color: #c3157d !important; } .floating-link-left .service-sidebar ul li ul li.sub-active a { color: #c3157d !important; } .floating-freshers2016-button { position: absolute; top: 50%; left: 0%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; padding: 10px 15px; font-size: 18px; color: #fff; z-index: 9999; } @media only screen and (max-width: 640px) { .floating-freshers2016-button { display: none; } } .floating-freshers2016-button i { background: url(../uploads/freshers2016.png) no-repeat center center; background-size: cover; width: 173px; height: 173px; display: block; } .fb-requestquote { position: absolute; top: 50%; left: 0%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; padding: 0px 0px; font-size: 18px; color: #fff; z-index: 999; } @media only screen and (max-width: 640px) { .fb-requestquote { display: none; } } .fb-requestquote i { background: url(../images/fb-request-quote.png) no-repeat center center; background-size: cover; width: 47px; height: 218px; display: block; } #our-team { width: 100%; float: left; padding: 40px 0px 40px; position: relative; } #our-team .decorative-emblem { width: 123px; height: 231px; background: url(../images/riosis-emblem.png) no-repeat; position: absolute; top: 20px; left: -100px; } @media only screen and (max-width: 480px) { #our-team .decorative-emblem { display: none; } } #our-team header { position: relative; text-align: center; } #our-team header:after { position: absolute; display: block; content: ""; background: url(../images/decorative-line2.svg) no-repeat; width: 296px; max-width: 100%; height: 75px; right: 0; left: 0; margin: 0 auto; bottom: -80px; } #our-team header h2 { font-family: "museo700"; font-size: 30px; text-transform: uppercase; color: #222; margin-bottom: 100px; } #our-team header h2 span { color: #8c0052; } #our-team .team-container { margin-top: 20px; float: left; width: 100%; } #our-team .team-container figure { margin: 0px; } #our-team .team-container article { width: 25%; float: left; text-align: center; margin-bottom: 20px; } @media only screen and (max-width: 768px) { #our-team .team-container article { width: 50%; } } @media only screen and (max-width: 320px) { #our-team .team-container article { width: 100%; } } #our-team .team-container article:hover figure img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } #our-team .team-container article:nth-of-type(4n + 1) { clear: left; } #our-team .team-container article h3 { font-family: "museo700"; font-size: 20px; color: #c3157d; margin: 5px 0px 10px; } #our-team .team-container article h5 { font-family: "museo500"; font-size: 15px; color: #333333; margin: 0px 0px; } #our-team .team-container article figure img { cursor: pointer; max-height: 100%; max-width: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #portfolio { width: 100%; float: left; padding: 40px 0px 40px; position: relative; } #portfolio .decorative-emblem { width: 123px; height: 231px; background: url(../images/riosis-emblem.png) no-repeat; position: absolute; top: 20px; left: -100px; } @media only screen and (max-width: 480px) { #portfolio .decorative-emblem { display: none; } } #portfolio header { position: relative; text-align: center; } #portfolio header:after { position: absolute; display: block; content: ""; background: url(../images/decorative-line2.svg) no-repeat; width: 296px; max-width: 100%; height: 75px; right: 0; left: 0; margin: 0 auto; bottom: -80px; } #portfolio header h2 { font-family: "museo700"; font-size: 30px; text-transform: uppercase; color: #222; margin-bottom: 100px; } #portfolio header h2 span { color: #8c0052; } #portfolio #home-work { padding: 0px; } #portfolio #home-work .main article figure { margin: 0px; padding: 0px 5px; position: relative; } #portfolio #home-work .main article figure img { vertical-align: bottom; margin-bottom: 5px; width: 100%; max-width: 100%; height: auto; } #portfolio #home-work .main .portfolio { padding: 30px 0 0 0; width: 100%; float: left; } #portfolio #home-work .main .col1 { width: 70%; float: left; } @media only screen and (max-width: 480px) { #portfolio #home-work .main .col1 { width: 100%; } } #portfolio #home-work .main .col1 p { font-family: "museo700"; font-size: 24px; color: #222222; margin-bottom: 0px; } #portfolio #home-work .main .col2 { width: 30%; float: left; position: relative; } @media only screen and (max-width: 480px) { #portfolio #home-work .main .col2 { width: 100%; } } #portfolio #home-work .main .col2 .portfolio-filter { float: right; font-family: "museo500"; font-size: 16px; color: #333333; } #portfolio #home-work .main .col2 .portfolio-filter::before { content: " "; background: url(../images/filter-icon.png) no-repeat left; padding: 15px; } #portfolio #home-work .main .col2 .portfolio-filter-list { display: none; position: absolute; background-color: #fff; border: 1px solid #ddd; top: 32px; right: 0; margin: 0; padding: 0; list-style-type: none; z-index: 9; width: 178px; } #portfolio #home-work .main .col2 .portfolio-filter-list li { font-size: 14px; font-family: "museo300"; color: #222; float: left; width: 100%; line-height: 24px; padding: 4px 10px 4px 20px; border-bottom: 1px solid #ddd; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #portfolio #home-work .main .col2 .portfolio-filter-list li::before { position: absolute; content: ""; width: 6px; height: 6px; background-color: #ddd; display: block; left: 7px; top: 12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #portfolio #home-work .main .col2 .portfolio-filter-list li:hover::before { background: #f44eb1; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } #portfolio #home-work .main .col2 .portfolio-filter-list li a { display: block; color: #222; } .pagination-holder { padding: 0px 20px; margin: 20px 0px 10px; position: relative; } .pagination-holder * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pagination-holder .pagination { display: block; overflow: hidden; padding: 0px 5px 5px 0px; margin: 0px; text-align: center; } .pagination-holder .pagination ul { margin: 0px; padding: 0px; list-style-type: none; display: inline-block; } .pagination-holder .pagination ul li { float: left; margin: 0 0 5px 0; } .pagination-holder .pagination ul li.active span { background: #c3157d; color: #fff; cursor: not-allowed; } .pagination-holder .pagination ul li.active a { background: #c3157d; color: #fff; cursor: not-allowed; } .pagination-holder .pagination ul li:hover a { background: #c3157d; border: 1px solid #c3157d; } .pagination-holder .pagination ul li span { float: left; font-family: "museo300"; color: #ffffff; font-size: 16px; line-height: 24px; text-align: center; border: 1px solid #c3157d; min-width: 14px; padding: 0px 10px; margin: 0px 5px 0px 0px; border-radius: 3px; background: #8c0052; } .pagination-holder .pagination ul li a { float: left; font-family: "museo300"; color: #ffffff; font-size: 16px; line-height: 24px; text-align: center; border: 1px solid #8c0052; min-width: 14px; padding: 0px 10px; margin: 0px 5px 0px 0px; border-radius: 3px; background: #8c0052; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #contactus { width: 100%; float: left; padding: 40px 0px 30px; position: relative; } #contactus .decorative-emblem { width: 123px; height: 231px; background: url(../images/riosis-emblem.png) no-repeat; position: absolute; top: 20px; left: -100px; } @media only screen and (max-width: 480px) { #contactus .decorative-emblem { display: none; } } #contactus header { position: relative; text-align: center; margin-bottom: 140px; } #contactus header::before { content: " "; background: url(../images/contact-head-bg.png); background-position: right; background-repeat: no-repeat; position: absolute; right: 0px; top: -25px; width: 166px; height: 152px; } @media only screen and (max-width: 640px) { #contactus header::before { display: none; } } #contactus header:after { position: absolute; display: block; content: ""; background: url(../images/decorative-line2.svg) no-repeat; width: 296px; max-width: 100%; height: 75px; right: 0; left: 0; margin: 0 auto; bottom: -80px; } #contactus header h2 { font-family: "museo700"; font-size: 30px; text-transform: uppercase; color: #222; margin-bottom: 100px; } #contactus header h2 span { color: #8c0052; } #contactus .col1 { width: 52%; float: left; } #contactus .col1 our-addresses { display: grid; grid-template-columns: 1fr 1fr; } @media only screen and (max-width: 768px) { #contactus .col1 { width: 100%; padding-left: 80px; } } @media only screen and (max-width: 480px) { #contactus .col1 { padding-left: 0px; } } #contactus .col1 address { font-family: "museo500"; font-size: 16px; font-style: normal; line-height: 26px; color: #222222; } @media only screen and (max-width: 768px) { #contactus .col1 address .companyName { font-size: 20px !important; } #contactus .col1 address { font-size: 12px; } } #contactus .col1 address .companyName { font-family: "museo700"; } #contactus .col1 address ul { margin: 10px 0 0 0; padding: 0px; list-style-type: none; } #contactus .col1 address ul li span { color: #b00069; margin-right: 6px; } #contactus .col1 address ul li a { color: #222222; } #contactus .col1 .social-links { padding: 0px 0px; } #contactus .col1 .social-links h5 { font-family: "museo700"; font-size: 22px; color: #222222; position: relative; margin-bottom: 45px; } #contactus .col1 .social-links h5:after { position: absolute; display: block; content: ""; background: url(../images/decorative-line3.png) no-repeat; width: 296px; max-width: 100%; height: 75px; left: -65px; margin: 0 auto; bottom: -55px; } @media only screen and (max-width: 480px) { #contactus .col1 .social-links h5:after { left: -11px; } } #contactus .col1 .social-links h5 span { color: #8c0052; } #contactus .col1 .locationBtnWrapper { padding: 0px 0px; margin: 40px 0px 0px; } #contactus .col1 .locationBtnWrapper h5 { font-family: "museo700"; font-size: 22px; color: #222222; position: relative; } #contactus .col1 .locationBtnWrapper h5 span { color: #8c0052; } #contactus .col2 { width: 48%; float: left; } @media only screen and (max-width: 768px) { #contactus .col2 { width: 100%; margin-top: 20px; margin-bottom: 20px; } } #contactus .col2 .contact-form { background: #fff; position: relative; display: block; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; margin: 0%; border: 1px solid #fff; padding: 20px 20px 20px 35px; text-align: left; /* height:600px; */ height: 100%; background: #fff url(../images/bg-post.png) 0 0 repeat !important; -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 640px) { #contactus .col2 .contact-form { padding: 20px 20px 20px 20px; } } @media only screen and (max-width: 480px) { #contactus .col2 .contact-form { height: 100%; } } #contactus .col2 .contact-form::before { position: absolute; top: -7px; left: -7px; z-index: -1; background: #f5f2e9 url(../images/contact-before-bg.jpg) 0 0 repeat; content: ""; width: 100%; height: 100%; display: block; padding: 0 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(-1.1deg); -moz-transform: rotate(-1.1deg); -ms-transform: rotate(-1.1deg); -o-transform: rotate(-1.1deg); transform: rotate(-1.1deg); } @media only screen and (max-width: 480px) { #contactus .col2 .contact-form::before { height: 100% !important; } } #contactus .col2 .contact-form::after { position: absolute; top: -7px; left: -7px; width: 100%; opacity: 0.8; z-index: -2; background: #f5f2e9 url(../images/contact-before-bg.jpg) 0 0 repeat; content: ""; width: 100%; height: 100%; /* height:613px !important; */ display: block; padding: 0 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(1.1deg); -moz-transform: rotate(1.1deg); -ms-transform: rotate(1.1deg); -o-transform: rotate(1.1deg); transform: rotate(1.1deg); } @media only screen and (max-width: 480px) { #contactus .col2 .contact-form::after { height: 100% !important; } } #contactus .col2 .contact-form:hover::before { -webkit-transform: rotate(1.1deg); -moz-transform: rotate(1.1deg); -ms-transform: rotate(1.1deg); -o-transform: rotate(1.1deg); transform: rotate(1.1deg); } #contactus .col2 .contact-form:hover::after { -webkit-transform: rotate(-1.1deg); -moz-transform: rotate(-1.1deg); -ms-transform: rotate(-1.1deg); -o-transform: rotate(-1.1deg); transform: rotate(-1.1deg); } #contactus .col2 .contact-form h3 { font-family: "museo700"; font-size: 24px; color: #222222; margin-top: 15px; position: relative; } #contactus .col2 .contact-form h3 span { color: #b00069; } #contactus .col2 .contact-form .form-field input { font-family: "museo500"; font-size: 16px; color: #666666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #contactus .col2 .contact-form .form-field textarea { font-family: "museo500"; font-size: 16px; color: #666666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #contactus .col2 .contact-form .form-field input[type="submit"] { font-family: "museo700"; font-size: 18.33px; background: #b00069; border: 1px solid #b00069; color: #ffffff; text-transform: uppercase; padding: 15px 38px; cursor: pointer; margin-top: 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #contactus .col2 .contact-form .form-field input[type="submit"]:hover { background-color: #8c0052; } #contactus .col2 .contact-form .form-field span { font-family: "museo500"; font-size: 13px; border-radius: 6px; color: #6e0000; background-color: rgb(255, 228, 228); display: block; float: left; margin-top: 10px; padding: 7px 14px; } #career_contact_form .form-field span { font-family: "museo500"; font-size: 13px; border-radius: 6px; color: #6e0000; background-color: rgb(255, 228, 228); display: inline-block; /* float:left; */ margin-top: 10px; padding: 7px 14px; } #contactus .col2 .contact-form .form-field figure { margin: 9px 0 0 0; text-align: center; } #contactus .col2 .contact-form form { position: relative; width: 75%; } @media only screen and (max-width: 640px) { #contactus .col2 .contact-form form { width: 100%; } } #contactus .col2 .contact-form form::after { content: " "; background: url(../images/contact-stamp.png); background-position: right; background-repeat: no-repeat; position: absolute; right: -175px; top: -65px; width: 170px; height: 443px; } @media only screen and (max-width: 980px) { #contactus .col2 .contact-form form::after { right: -160px; } } @media only screen and (max-width: 768px) { #contactus .col2 .contact-form form::after { right: -175px; } } @media only screen and (max-width: 640px) { #contactus .col2 .contact-form form::after { display: none; } } #requsetaquote-9-1-2016 { width: 100%; float: left; padding: 40px 0px 0px; position: relative; } #requsetaquote-9-1-2016 .decorative-emblem { width: 123px; height: 231px; background: url(../images/riosis-emblem.png) no-repeat; position: absolute; top: 20px; left: -100px; } @media only screen and (max-width: 480px) { #requsetaquote-9-1-2016 .decorative-emblem { display: none; } } #requsetaquote-9-1-2016 header { position: relative; text-align: center; margin-bottom: 110px; } #requsetaquote-9-1-2016 header:after { position: absolute; display: block; content: ""; background: url(../images/decorative-line2.svg) no-repeat; width: 296px; max-width: 100%; height: 75px; right: 0; left: 0; margin: 0 auto; bottom: -80px; } #requsetaquote-9-1-2016 header h2 { font-family: "museo700"; font-size: 30px; text-transform: uppercase; color: #222; margin-bottom: 100px; } #requsetaquote-9-1-2016 header h2 span { color: #8c0052; } #requsetaquote-9-1-2016 .mainContainer { perspective: 800px; } #requsetaquote-9-1-2016 .formContainer { width: 100%; float: left; } #requsetaquote-9-1-2016 .formContainer .col1 { width: 100%; float: left; padding: 0 0 0; } #requsetaquote-9-1-2016 .formContainer .col1 p { font-family: "museo300"; text-align: center; color: #212121; font-size: 15px; } #requsetaquote-9-1-2016 .formContainer .col2 { width: 80%; margin: 0 auto; padding: 0px 0px 0px; } @media only screen and (max-width: 980px) { #requsetaquote-9-1-2016 .formContainer .col2 { width: 90%; } } @media only screen and (max-width: 768px) { #requsetaquote-9-1-2016 .formContainer .col2 { width: 100%; } } #requsetaquote-9-1-2016 .formContainer .col2 form { width: 100%; float: left; position: relative; background: #eeeade; padding: 15px 15px 5px; margin-top: 35px; margin-bottom: 40px; backface-visibility: hidden; } #requsetaquote-9-1-2016 .formContainer .col2 form::before { position: absolute; top: -18px; left: -18px; right: -18px; bottom: -18px; z-index: -1; background: #f5f2e9 url(../images/contact-before-bg.jpg) 0 0 repeat; content: ""; width: 100%; display: block; padding: 0 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #requsetaquote-9-1-2016 .formContainer .col2 form .row:not(:last-child) { margin-bottom: 20px; } #requsetaquote-9-1-2016 .formContainer .col2 form .row:last-child [class*="col-"]:not(:first-child) { text-align: right; } @media only screen and (max-width: 768px) { #requsetaquote-9-1-2016 .formContainer .col2 form .row:last-child [class*="col-"]:not(:first-child) { text-align: left; } } #requsetaquote-9-1-2016 .formContainer .col2 form input, #requsetaquote-9-1-2016 .formContainer .col2 form textarea { background-color: #f7f6f2; } #requsetaquote-9-1-2016 .formContainer .col2 form .select .text-fields { background-color: #f7f6f2; } #requsetaquote-9-1-2016 .formContainer .col2 form label { display: block; margin-bottom: 8px; font-family: "museo500"; } #requsetaquote-9-1-2016 .formContainer .col2 form .quoteBtn { text-align: center; border-radius: 0px; background-color: #8c0052; border: 1px solid transparent; color: #fff; font-family: "museo500"; text-transform: uppercase; position: relative; margin: 28px 0px 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #requsetaquote-9-1-2016 .formContainer .col2 form .quoteBtn:hover { border: 1px solid #8c0052; background-color: #fff; color: #8c0052; } #requsetaquote-9-1-2016 .formContainer .col2 form .quoteBtn::before { font-family: "FontAwesome"; content: "\f1d8"; position: absolute; width: 6px; height: 6px; background-color: #ddd; display: block; left: 0; top: 12px; } #requsetaquote-9-1-2016 .formActionContainer { width: 100%; float: left; } #requsetaquote-9-1-2016 .formActionFeedback { width: 70%; margin: 0 auto; padding: 0px 0px 0px; } @media only screen and (max-width: 980px) { #requsetaquote-9-1-2016 .formActionFeedback { width: 90%; } } @media only screen and (max-width: 768px) { #requsetaquote-9-1-2016 .formActionFeedback { width: 100%; } } #requsetaquote-9-1-2016 .formActionFeedback .successBox { width: 100%; float: left; position: relative; background: #eeeade; padding: 184px 15px 15px; margin-top: 25px; margin-bottom: 40px; } #requsetaquote-9-1-2016 .formActionFeedback .successBox::before { position: absolute; top: -18px; left: -18px; right: -18px; bottom: -18px; z-index: -1; background: #f5f2e9 url(../images/contact-before-bg.jpg) 0 0 repeat; content: ""; width: 100%; display: block; padding: 0 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #requsetaquote-9-1-2016 .formActionFeedback .successBox h3 { font-family: "museo700"; font-size: 22px; color: #292929; } #requsetaquote-9-1-2016 .formActionFeedback .successBox p { font-family: "museo300"; color: #212121; line-height: 27px; font-size: 13px; margin: 0px 0px 10px; } #requsetaquote-9-1-2016 .formActionFeedback .successBox .okayBtn { display: inline-block; margin: 0px 0px 20px; padding: 5px 10px; text-align: center; border-radius: 0px; background-color: #8c0052; border: 1px solid transparent; color: #fff; font-family: "museo500"; text-transform: uppercase; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #requsetaquote-9-1-2016 .formActionFeedback .successBox .okayBtn:hover { border: 1px solid #8c0052; background-color: #fff; color: #8c0052; } #requsetaquote-9-1-2016 .formActionFeedback .successBox .icons-1 { position: absolute; top: 25px; right: 35px; display: inline-block; text-align: right; } #requsetaquote-9-1-2016 .formActionFeedback .successBox .icons-1 img { width: 100%; } @media only screen and (max-width: 640px) { #requsetaquote-9-1-2016 .formActionFeedback .successBox .icons-1 img { width: 80%; } } #requsetaquote-9-1-2016 .formActionFeedback .successBox .icons-2 { position: absolute; top: 45px; left: 35px; display: inline-block; text-align: left; } #requsetaquote-9-1-2016 .formActionFeedback .successBox .icons-2 img { width: 70%; } @media only screen and (max-width: 640px) { #requsetaquote-9-1-2016 .formActionFeedback .successBox .icons-2 img { width: 60%; } } #requsetaquote { width: 100%; float: left; padding: 40px 0px 20px; position: relative; } #requsetaquote .decorative-emblem { width: 123px; height: 231px; background: url(../images/riosis-emblem.png) no-repeat; position: absolute; top: 20px; left: -100px; } @media only screen and (max-width: 480px) { #requsetaquote .decorative-emblem { display: none; } } #requsetaquote header { position: relative; text-align: center; margin-bottom: 110px; } #requsetaquote header:after { position: absolute; display: block; content: ""; background: url(../images/decorative-line2.svg) no-repeat; width: 296px; max-width: 100%; height: 75px; right: 0; left: 0; margin: 0 auto; bottom: -80px; } #requsetaquote header h2 { font-family: "museo700"; font-size: 30px; text-transform: uppercase; color: #222; margin-bottom: 100px; } #requsetaquote header h2 span { color: #8c0052; } #requsetaquote .requestQuoteContainer { width: 100%; max-height: 100%; position: relative; margin: 0 auto 20px; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; perspective: 800px; } #requsetaquote .requestQuoteContainer #formWrapper { width: 100%; height: 100%; position: absolute; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: right center; -moz-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } #requsetaquote .requestQuoteContainer #formWrapper.flipped { -webkit-transform: translateX(-100%) rotateY(-180deg); -moz-transform: translateX(-100%) rotateY(-180deg); -o-transform: translateX(-100%) rotateY(-180deg); transform: translateX(-100%) rotateY(-180deg); } #requsetaquote .requestQuoteContainer #formWrapper .wrapBlock { display: block; height: 100%; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #requsetaquote .requestQuoteContainer #formWrapper .front { background: #fff; z-index: -1; } #requsetaquote .requestQuoteContainer #formWrapper .back { background: #fff; z-index: -1; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } #requsetaquote .mainContent { width: 90%; margin: 0px auto 0px; } #requsetaquote .mainContent p { font-family: "museo500"; text-align: center; color: #292929; font-size: 18px; line-height: 27px; } #requsetaquote .requestQuoteForm { width: 80%; margin: 20px auto 5px; position: relative; background: #eeeade; padding: 15px 15px 5px; backface-visibility: hidden; } #requsetaquote .requestQuoteForm::before { position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; z-index: -1; background: #f5f2e9 url(../images/contact-before-bg.jpg) 0 0 repeat; content: ""; width: 100%; display: block; padding: 0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #requsetaquote .requestQuoteForm .row:not(:last-child) { margin-bottom: 5px; } #requsetaquote .requestQuoteForm .row:last-child [class*="col-"]:not(:first-child) { text-align: right; } @media only screen and (max-width: 768px) { #requsetaquote .requestQuoteForm .row:last-child [class*="col-"]:not(:first-child) { text-align: left; } } #requsetaquote .requestQuoteForm input, #requsetaquote .requestQuoteForm textarea { background-color: #f7f6f2; } #requsetaquote .requestQuoteForm input.error, #requsetaquote .requestQuoteForm textarea.error { border: 1px solid #8c0052 !important; color: #8c0052 !important; } #requsetaquote .requestQuoteForm input.text-fields, #requsetaquote .requestQuoteForm select.text-fields { padding: 8px 14px; } #requsetaquote .requestQuoteForm .select .text-fields { background-color: #f7f6f2; opacity: 0.6; } #requsetaquote .requestQuoteForm label { display: block; margin-bottom: 8px; font-family: "museo500"; } #requsetaquote .requestQuoteForm .quoteBtn { text-align: center; border-radius: 0px; background-color: #8c0052; border: 1px solid transparent; color: #fff; font-family: "museo500"; text-transform: uppercase; position: relative; margin: 28px 0px 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #requsetaquote .requestQuoteForm .quoteBtn:hover { border: 1px solid #8c0052; background-color: #fff; color: #8c0052; } #requsetaquote .requestQuoteForm .quoteBtn::before { font-family: "FontAwesome"; content: "\f1d8"; position: absolute; width: 6px; height: 6px; background-color: #ddd; display: block; left: 0; top: 12px; } #requsetaquote .requestQuoteForm .infoContent { font-family: "museo300"; font-size: 15px; line-height: 28px; color: #444; } #requsetaquote .successBox { width: 80%; margin: 40px auto 40px; position: relative; background: #eeeade; padding: 184px 15px 15px; } #requsetaquote .successBox::before { position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; z-index: -1; background: #f5f2e9 url(../images/contact-before-bg.jpg) 0 0 repeat; content: ""; width: 100%; display: block; padding: 0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #requsetaquote .successBox h3 { font-family: "museo700"; font-size: 22px; color: #292929; } #requsetaquote .successBox p { font-family: "museo300"; color: #212121; line-height: 27px; font-size: 13px; margin: 0px 0px 10px; } #requsetaquote .successBox .okayBtn { display: inline-block; margin: 0px 0px 20px; padding: 5px 10px; text-align: center; border-radius: 0px; background-color: #8c0052; border: 1px solid transparent; color: #fff; font-family: "museo500"; text-transform: uppercase; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #requsetaquote .successBox .okayBtn:hover { border: 1px solid #8c0052; background-color: #fff; color: #8c0052; } #requsetaquote .successBox .icons-1 { position: absolute; top: 25px; right: 35px; display: inline-block; text-align: right; } #requsetaquote .successBox .icons-1 img { width: 100%; } @media only screen and (max-width: 640px) { #requsetaquote .successBox .icons-1 img { width: 80%; } } #requsetaquote .successBox .icons-2 { position: absolute; top: 45px; left: 35px; display: inline-block; text-align: left; } #requsetaquote .successBox .icons-2 img { width: 70%; } @media only screen and (max-width: 640px) { #requsetaquote .successBox .icons-2 img { width: 60%; } } #requsetaquote .msg-block { width: 82%; margin: 10px auto 10px; } #requsetaquote .msg-block.error-block { background-color: #8c0052; } #requsetaquote .msg-block.success-block { background-color: #3a9f6c; } #requsetaquote .help-block { display: block; margin: 10px 0px 0px; font-family: "museo300"; font-size: 14px; } #requsetaquote .help-block.form-error { color: #8c0052; } #requsetaquote .help-block.form-success { color: #3a9f6c; } #googleMap { float: left; width: 100%; height: 450px; max-width: 100%; border: none; display: none; } @media only screen and (max-width: 768px) { #googleMap { margin-top: 20px; height: 250px; } } .map-icon { display: inline-block; position: relative; padding: 90px 0 0 0; margin: 0px 0px 0px 30px; } @media only screen and (max-width: 480px) { .map-icon { margin-left: 30px; } } .map-icon .pin { cursor: pointer; width: 30px; height: 30px; border-radius: 50% 50% 50% 0; background: #b00069; position: absolute; left: 0%; top: 50%; margin: -20px 0 0 -20px; animation-fill-mode: both; animation-duration: 1s; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .map-icon .pin::after { content: ""; width: 14px; height: 14px; margin: 8px 0 0 8px; background: #ffffff; position: absolute; border-radius: 50%; } .map-icon .pulse { border-radius: 50%; height: 14px; width: 14px; position: absolute; left: 0%; top: 50%; margin: 11px 0px 0px -12px; transform: rotateX(55deg); z-index: -2; background: rgba(176, 0, 105, 0.42); } .map-icon .pulse::after { content: ""; border-radius: 50%; height: 40px; width: 40px; position: absolute; margin: -13px 0 0 -13px; animation: pulsate 1s ease-out; animation-iteration-count: infinite; opacity: 0; box-shadow: 0 0 1px 2px #b00069; animation-delay: 1.1s; } @keyframes pulsate { 0% { transform: scale(0.1, 0.1); opacity: 0; -webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); } 50% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } } @keyframes bounce { 0% { opacity: 0; transform: translateY(-2000px); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 60% { opacity: 1; transform: translateY(30px); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 80% { transform: translateY(-10px); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } 100% { transform: translateY(0); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } } #testimonials { width: 100%; float: left; padding: 40px 0px 40px; position: relative; } #testimonials .decorative-emblem { width: 123px; height: 231px; background: url(../images/riosis-emblem.png) no-repeat; position: absolute; top: 20px; left: -100px; } @media only screen and (max-width: 480px) { #testimonials .decorative-emblem { display: none; } } #testimonials header { position: relative; text-align: center; } #testimonials header:after { position: absolute; display: block; content: ""; background: url(../images/decorative-line2.svg) no-repeat; width: 296px; max-width: 100%; height: 75px; right: 0; left: 0; margin: 0 auto; bottom: -80px; } #testimonials header h2 { font-family: "museo700"; font-size: 30px; text-transform: uppercase; color: #222; margin-bottom: 100px; } #testimonials header h2 span { color: #8c0052; } #testimonials .testimonial-container { margin-top: 20px; float: left; width: 100%; } #testimonials .testimonial-container article { width: 30%; float: left; background: #ffffff; margin: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 768px) { #testimonials .testimonial-container article { width: 48%; } #testimonials .testimonial-container article:nth-of-type(2n + 1) { clear: left; } } @media only screen and (max-width: 480px) { #testimonials .testimonial-container article { width: 100%; } #testimonials .testimonial-container article:nth-of-type(1n + 1) { clear: left; } } #testimonials .testimonial-container article:nth-of-type(3n + 1) { clear: left; } #testimonials .testimonial-container section.message { padding: 5% 5% 2.5%; border: 1px solid rgba(126, 126, 126, 0.27); border-radius: 15px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #testimonials .testimonial-container section.message p { font-family: "museo300"; font-size: 15px; color: #666666; margin: 0px 0px; line-height: 24px; } #testimonials .testimonial-container section.info { padding: 6% 5% 5%; width: 100%; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #testimonials .testimonial-container section.info::before { content: ""; width: 15px; height: 15px; background: #fff; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; position: absolute; top: -8px; left: 30px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #testimonials .testimonial-container section.info section { overflow: hidden; padding-top: 10px; } #testimonials .testimonial-container section.info section p { font-size: 12px; } #testimonials .testimonial-container section figure { padding: 0px; overflow: hidden; width: 20%; float: left; margin: 0px 15px 0px -5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #testimonials .testimonial-container section figure img { max-height: 100%; max-width: 100%; vertical-align: bottom; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #testimonials .testimonial-container section h5 { font-family: "museo700"; font-size: 16px; color: #222222; margin: 0px 0px 0px; } #content-wrap { width: 100%; float: left; padding: 20px 0px 20px 0px; position: relative; } #content-wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content-wrap .decorative-emblem { width: 123px; height: 231px; background: url(../images/riosis-emblem.png) no-repeat; position: absolute; top: 20px; left: -100px; } @media only screen and (max-width: 320px) { #content-wrap .decorative-emblem { display: none; } } #content-wrap header { position: relative; text-align: center; margin-bottom: 110px; } #content-wrap header:after { position: absolute; display: block; content: ""; background: url(../images/decorative-line2.svg) no-repeat; width: 296px; max-width: 100%; height: 75px; right: 0; left: 0; margin: 0 auto; bottom: -80px; } #content-wrap header h2 { font-family: "museo700"; font-size: 30px; text-transform: uppercase; color: #222; margin-bottom: 100px; } #content-wrap header h2 span { color: #8c0052; } #content-wrap .content-area { width: 100%; float: left; padding: 30px 0px; } #content-wrap .content-area h1 { font-family: "museo700"; font-size: 36px; color: #222222; margin: 0px 0px; } #content-wrap .content-area h2 { font-family: "museo700"; font-size: 32px; color: #222222; margin: 0px 0px; } #content-wrap .content-area h3 { font-family: "museo700"; font-size: 28px; color: #222222; margin: 0px 0px; } #content-wrap .content-area h4 { font-family: "museo700"; font-size: 24px; color: #222222; margin: 0px 0px; } #content-wrap .content-area h5 { font-family: "museo700"; font-size: 20px; color: #222222; margin: 0px 0px; } #content-wrap .content-area h6 { font-family: "museo700"; font-size: 16px; color: #222222; margin: 0px 0px; } #content-wrap .content-area p { font-family: "museo300"; font-size: 15px; color: #666666; margin: 5px 0px; line-height: 24px; } #content-wrap .content-area ul { margin: 0px 0px; padding: 0px 0px; list-style-type: none; } #content-wrap .content-area ul li { line-height: 24px; } #content-wrap .content-area img { max-height: 100%; max-width: 100%; } #content-wrap .content-area figure { margin: 0px 0px; padding: 0px 0px; } #content-wrap .content-area.career .col1 { width: 50%; float: left; } @media only screen and (max-width: 768px) { #content-wrap .content-area.career .col1 { width: 100%; } } #content-wrap .content-area.career .col1 #accordion { overflow: hidden; } #content-wrap .content-area.career .col1 #accordion .accordion-title { font-family: "museo500"; font-size: 17px; padding: 15px 40px 15px 15px; display: block; background: #222; color: #fff; border-bottom: 1px solid #fff; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #content-wrap .content-area.career .col1 #accordion .accordion-title:after { font-family: "FontAwesome"; content: "\f107"; position: absolute; display: block; right: 15px; top: 8px; color: #fff; font-size: 30px; } #content-wrap .content-area.career .col1 #accordion .accordion-title.active, #content-wrap .content-area.career .col1 #accordion .accordion-title:hover { background-color: #8c0052; color: #fff; } #content-wrap .content-area.career .col1 #accordion .accordion-title.active:after { content: "\f106"; } #content-wrap .content-area.career .col1 #accordion .accordion-title .overlay { position: absolute; z-index: 5; overflow: auto; height: 100%; width: 100%; background: transparent url(../images/acc-overlay.jpg) repeat scroll 0% 0%; opacity: 0.05; top: 0px; left: 0px; } #content-wrap .content-area.career .col1 #accordion .accordion-content { padding: 15px; display: none; border-left: 1px solid transparent; border-right: 1px solid transparent; } #content-wrap .content-area.career .col1 #accordion .accordion-content:hover { border-left: 1px solid rgba(0, 0, 0, 0.05); border-right: 1px solid rgba(0, 0, 0, 0.05); } #content-wrap .content-area.career .col1 #accordion .accordion-content:hover:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } #content-wrap .content-area.career .col1 #accordion .accordion-content.acc-current { display: block !important; } #content-wrap .content-area.career .col1 #accordion .accordion-content span { font-family: "museo500"; font-size: 14px; color: #444; } #content-wrap .content-area.career .col1 #accordion .accordion-content p { font-family: "museo500"; font-size: 15; line-height: 15px; color: #222; line-height: 24px; text-align: left; } #content-wrap .content-area.career .col1 #accordion .accordion-content p span { color: #b00069; } #content-wrap .content-area.career .col1 #accordion .accordion-content p a { font-size: 16px; color: #222; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } #content-wrap .content-area.career .col1 #accordion .accordion-content .btn { padding: 8px 15px; color: #fff; background: #8c0052; } #content-wrap .content-area.career .col1 #accordion .accordion-content .btn:hover, #content-wrap .content-area.career .col1 #accordion .accordion-content .btn:focus { background: #fff; color: #8c0052; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5); } #content-wrap .content-area.career .col2 { width: 50%; float: left; padding: 0 0 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 768px) { #content-wrap .content-area.career .col2 { width: 100%; padding: 0 0 0 0; margin: 20px 0 0 0; } } #content-wrap .content-area.career .col2 form input, #content-wrap .content-area.career .col2 form textarea, #content-wrap .content-area.career .col2 form select { border-radius: 3px; font-family: "museo500"; color: #666; font-size: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #content-wrap .content-area.career .col2 form .form-field.telephone { width: 40%; padding: 0 1% 0 0; } @media only screen and (max-width: 480px) { #content-wrap .content-area.career .col2 form .form-field.telephone { width: 100%; padding: 0 0 0 0; } } #content-wrap .content-area.career .col2 form .form-field.experience { width: 25%; padding: 0 1% 0 1%; } @media only screen and (max-width: 480px) { #content-wrap .content-area.career .col2 form .form-field.experience { width: 50%; padding: 0 1% 0 0; } } @media only screen and (max-width: 320px) { #content-wrap .content-area.career .col2 form .form-field.experience { width: 100%; padding: 0 0 0 0; } } #content-wrap .content-area.career .col2 form .form-field.experience label { font-family: "museo500"; margin-top: 14px; display: block; } #content-wrap .content-area.career .col2 form .form-field.year { width: 35%; padding: 0 0 0 1%; } @media only screen and (max-width: 480px) { #content-wrap .content-area.career .col2 form .form-field.year { width: 50%; } } @media only screen and (max-width: 320px) { #content-wrap .content-area.career .col2 form .form-field.year { width: 100%; padding: 0 0 0 0; } } #content-wrap .content-area.career .col2 form .form-field .uploadButton { display: inline-block; border: 1px solid #c2c2c2; background: #ededed; color: #666; font-size: 15px; font-family: "museo500"; padding: 10px 18px 10px 12px; border-radius: 3px; cursor: pointer; } @media only screen and (max-width: 320px) { #content-wrap .content-area.career .col2 form .form-field .uploadButton { display: block; } } #content-wrap .content-area.career .col2 form .form-field .uploadButton::before { font-family: "FontAwesome"; content: "\f0c6"; color: #666; font-size: 19px; margin-right: 12px; } #content-wrap .content-area.career .col2 form .form-field .career-submit { display: inline-block; color: #ffffff; font-size: 18.33px; font-family: "museo700"; text-transform: uppercase; border: none; background: #c3157d; padding: 15px 41px; cursor: pointer; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } @media only screen and (max-width: 320px) { #content-wrap .content-area.career .col2 form .form-field .career-submit { display: block; width: 100%; } } #content-wrap .content-area.career .col2 form .form-field .career-submit:hover { background: #8c0052; } #content-wrap .content-area.our-services .row [class*="col-"] { min-height: 170px; text-align: center; margin-bottom: 20px; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(1) .icon { background-color: #c62828; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(1) .icon:hover { background-color: #b71c1c; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(2) .icon { background-color: #ad1457; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(2) .icon:hover { background-color: #880e4f; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(3) .icon { background-color: #6a1b9a; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(3) .icon:hover { background-color: #4a148c; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(4) .icon { background-color: #4527a0; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(4) .icon:hover { background-color: #311b92; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(5) .icon { background-color: #1565c0; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(5) .icon:hover { background-color: #0d47a1; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(6) .icon { background-color: #0277bd; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(6) .icon:hover { background-color: #01579b; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(7) .icon { background-color: #00838f; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(7) .icon:hover { background-color: #006064; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(8) .icon { background-color: #34495e; } #content-wrap .content-area.our-services .row [class*="col-"]:nth-of-type(8) .icon:hover { background-color: #2c3e50; } #content-wrap .content-area.our-services .row [class*="col-"]:hover .icon { margin-top: -5px; } #content-wrap .content-area.our-services .row [class*="col-"]:hover h5 { color: #8c0052; } #content-wrap .content-area.our-services .icon { width: 100px; height: 100px; display: block; margin: 0 auto; text-align: center; -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; transition: all 0.5s ease-in-out; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #content-wrap .content-area.our-services .icon i { padding-top: 20px; display: block; text-align: center; } #content-wrap .content-area.our-services .icon img { width: 50px; height: 50px; display: block; margin: 0 auto; } #content-wrap .content-area.our-services h5 { margin-top: 15px; -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; transition: all 0.5s ease-in-out; } #content-wrap .content-area.rio-history figure { background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 320px; width: 80%; margin: 0px auto; } @media only screen and (max-width: 768px) { #content-wrap .content-area.rio-history figure { width: 100%; background-position: right center; } } #content-wrap .content-area .para-medium { font-family: "museo500" !important; font-size: 16px; } #content-wrap .content-area .quote { font-family: "museo700" !important; font-size: 25px; color: #b00069; } #content-wrap .content-area .first-letter { font-family: "museo500"; font-size: 30px; color: #b00069; display: block; float: left; margin-right: 5px; margin-bottom: 0px; } #content-wrap .content-area .first-letter.font-15 { font-size: 15px !important; } #content-wrap .content-area .relative-link { text-align: center; } #content-wrap .content-area .relative-link .serviceIcon { border-radius: 50%; background: #fff; width: 100px; height: 100px; margin: 0 auto; padding: 25px; margin-bottom: 15px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #content-wrap .content-area .relative-link h5 { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #content-wrap .content-area .relative-link img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #content-wrap .content-area .relative-link .relative-link-box:hover h5 { color: #8c0052; } #content-wrap .content-area .relative-link .relative-link-box:hover img { transform: scale(0.9, 0.9); } #content-wrap .content-area p { text-align: justify; color: #333; line-height: 28px; margin-bottom: 15px; } #content-wrap .content-area.consulting-services .relative-link [class*="col-"] { min-height: 160px; } #content-wrap .content-area.consulting-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon { background-color: #c62828; } #content-wrap .content-area.consulting-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon:hover { background-color: #b71c1c; } #content-wrap .content-area.consulting-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon { background-color: #ad1457; } #content-wrap .content-area.consulting-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon:hover { background-color: #880e4f; } #content-wrap .content-area.consulting-services .relative-link [class*="col-"]:nth-of-type(3) .serviceIcon { background-color: #6a1b9a; } #content-wrap .content-area.consulting-services .relative-link [class*="col-"]:nth-of-type(3) .serviceIcon:hover { background-color: #4a148c; } #content-wrap .content-area.consulting-services .relative-link [class*="col-"]:nth-of-type(4) .serviceIcon { background-color: #4527a0; } #content-wrap .content-area.consulting-services .relative-link [class*="col-"]:nth-of-type(4) .serviceIcon:hover { background-color: #311b92; } #content-wrap .content-area.web-services .circle-shape { margin-bottom: 70px; } @media only screen and (max-width: 768px) { #content-wrap .content-area.web-services .circle-shape { text-align: center; margin-bottom: 40px; } } @media only screen and (max-width: 768px) { #content-wrap .content-area.web-services .circle-shape h4 { text-align: left; margin: 20px 0px; } } @media only screen and (max-width: 480px) { #content-wrap .content-area.web-services .circle-shape h4 { padding: 370px 0px 0px !important; } } @media only screen and (max-width: 320px) { #content-wrap .content-area.web-services .circle-shape h4 { padding: 340px 0px 0px !important; } } #content-wrap .content-area.web-services .circle-shape .curved-image { height: auto; min-width: 150px; float: left; margin-right: 2rem; border-radius: 50%; -webkit-shape-outside: circle(); shape-outside: circle(); } #content-wrap .content-area.web-services .circle-shape p { margin-bottom: 0px; } #content-wrap .content-area.web-services .block { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 768px) { #content-wrap .content-area.web-services .block:last-of-type { margin-top: 30px; } } #content-wrap .content-area.web-services .block:hover .largeLetter { background: #ad1457; } #content-wrap .content-area.web-services .block p { text-align: justify; } #content-wrap .content-area.web-services .block .largeLetter { background: #1565c0; display: block; float: left; text-transform: uppercase; font-size: 28px; color: #fff; font-family: "museo500"; border-radius: 0px 0px 25px 25px; padding: 19px 14px; margin-right: 15px; margin-top: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #content-wrap .content-area.web-services .block h4 { margin-bottom: 20px; } #content-wrap .content-area.web-services .block h4 span { color: #ad1457; } #content-wrap .content-area.web-services .block h6 { margin: 35px 0px 20px; } #content-wrap .content-area.web-services .block figure { text-align: center; } #content-wrap .content-area.web-services .block ul { margin-top: 20px; } #content-wrap .content-area.web-services .block ul li { font-family: "museo300"; font-size: 15px; position: relative; padding: 0 0 0 25px; cursor: pointer; line-height: 27px; } #content-wrap .content-area.web-services .block ul li::before { position: absolute; font-family: "FontAwesome"; content: "\f18e"; left: 0px; color: #ad1457; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #content-wrap .content-area.web-services .block ul li:hover::before { color: #00838f; } #content-wrap .content-area.web-services section header { margin-top: 50px; margin-bottom: 45px; } #content-wrap .content-area.web-services .relative-link [class*="col-"] { min-height: 160px; } #content-wrap .content-area.web-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon { background-color: #1565c0; } #content-wrap .content-area.web-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon:hover { background-color: #0d47a1; } #content-wrap .content-area.web-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon { background-color: #0277bd; } #content-wrap .content-area.web-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon:hover { background-color: #01579b; } #content-wrap .content-area.web-services .relative-link [class*="col-"]:nth-of-type(3) .serviceIcon { background-color: #00838f; } #content-wrap .content-area.web-services .relative-link [class*="col-"]:nth-of-type(3) .serviceIcon:hover { background-color: #006064; } #content-wrap .content-area.web-services .relative-link [class*="col-"]:nth-of-type(4) .serviceIcon { background-color: #34495e; } #content-wrap .content-area.web-services .relative-link [class*="col-"]:nth-of-type(4) .serviceIcon:hover { background-color: #2c3e50; } #content-wrap .content-area.web-services .relative-link [class*="col-"]:nth-of-type(5) .serviceIcon { background-color: #4527a0; } #content-wrap .content-area.web-services .relative-link [class*="col-"]:nth-of-type(5) .serviceIcon:hover { background-color: #311b92; } #content-wrap .content-area.web-services .relative-link [class*="col-"]:nth-of-type(6) .serviceIcon { background-color: #6a1b9a; } #content-wrap .content-area.web-services .relative-link [class*="col-"]:nth-of-type(6) .serviceIcon:hover { background-color: #4a148c; } #content-wrap .content-area.web-services.web-development-services .block ul li { width: 50%; float: left; color: #333; font-size: 15px; line-height: 32px; } #content-wrap .content-area.web-services.web-apps-services #home-product { padding: 0px 0px; } #content-wrap .content-area.web-services.web-apps-services #home-product .products-carousel { padding: 50px 0 30px 0; } #content-wrap .content-area.web-services.web-apps-services #home-product .products-carousel article h3::after { display: none; } #content-wrap .content-area.hosting-services .relative-link [class*="col-"] { min-height: 160px; } #content-wrap .content-area.hosting-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon { background-color: #ad1457; } #content-wrap .content-area.hosting-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon:hover { background-color: #880e4f; } #content-wrap .content-area.hosting-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon { background-color: #4527a0; } #content-wrap .content-area.hosting-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon:hover { background-color: #311b92; } #content-wrap .content-area.hosting-services .relative-link [class*="col-"]:nth-of-type(3) .serviceIcon { background-color: #0277bd; } #content-wrap .content-area.hosting-services .relative-link [class*="col-"]:nth-of-type(3) .serviceIcon:hover { background-color: #01579b; } #content-wrap .content-area.hosting-services .relative-link [class*="col-"]:nth-of-type(4) .serviceIcon { background-color: #34495e; } #content-wrap .content-area.hosting-services .relative-link [class*="col-"]:nth-of-type(4) .serviceIcon:hover { background-color: #2c3e50; } #content-wrap .content-area.hosting-services .relative-link [class*="col-"]:nth-of-type(5) .serviceIcon { background-color: #c62828; } #content-wrap .content-area.hosting-services .relative-link [class*="col-"]:nth-of-type(5) .serviceIcon:hover { background-color: #b71c1c; } #content-wrap .content-area.mobile-services section { width: 100%; float: left; } #content-wrap .content-area.mobile-services section:last-child { border-bottom: none; } #content-wrap .content-area.mobile-services section section { overflow: hidden; width: 70%; padding-left: 15px; } @media only screen and (max-width: 640px) { #content-wrap .content-area.mobile-services section section { width: 100%; padding-left: 0px; } } #content-wrap .content-area.mobile-services section figure { width: 30%; float: left; } @media only screen and (max-width: 640px) { #content-wrap .content-area.mobile-services section figure { width: 100%; } } #content-wrap .content-area.mobile-services section p { line-height: 25px; } #content-wrap .content-area.mobile-services section p span { font-size: 20px; font-family: "museo500"; } #content-wrap .content-area.mobile-services section h3 span { color: #8c0052; } #content-wrap .content-area.mobile-services section ul { margin-top: 20px; margin-bottom: 20px; } #content-wrap .content-area.mobile-services section ul li { font-family: "museo300"; line-height: 27px; font-size: 15px; color: #333333; position: relative; padding-left: 25px; margin-bottom: 10px; } #content-wrap .content-area.mobile-services section ul li:last-child { margin-bottom: 0px; } #content-wrap .content-area.mobile-services section ul li::before { position: absolute; font-family: "FontAwesome"; content: "\f05a"; left: 0px; color: #ad1457; } #content-wrap .content-area.mobile-services #mobile-app-development { padding-bottom: 20px; } #content-wrap .content-area.mobile-services #android-apps { padding: 30px 0px; } #content-wrap .content-area.mobile-services #android-apps figure { margin-top: 10px; } #content-wrap .content-area.mobile-services #android-apps figure img { border-radius: 50%; } #content-wrap .content-area.mobile-services .relative-link [class*="col-"] { min-height: 160px; } #content-wrap .content-area.mobile-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon { background-color: #c62828; } #content-wrap .content-area.mobile-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon:hover { background-color: #b71c1c; } #content-wrap .content-area.mobile-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon { background-color: #6a1b9a; } #content-wrap .content-area.mobile-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon:hover { background-color: #4a148c; } #content-wrap .content-area.mobile-services .relative-link [class*="col-"]:nth-of-type(3) .serviceIcon { background-color: #1565c0; } #content-wrap .content-area.mobile-services .relative-link [class*="col-"]:nth-of-type(3) .serviceIcon:hover { background-color: #0d47a1; } #content-wrap .content-area.mobile-services .relative-link [class*="col-"]:nth-of-type(4) .serviceIcon { background-color: #00838f; } #content-wrap .content-area.mobile-services .relative-link [class*="col-"]:nth-of-type(4) .serviceIcon:hover { background-color: #006064; } #content-wrap .content-area.mobile-services.android_app-services #home-product { padding: 0px 0px; } #content-wrap .content-area.mobile-services.android_app-services #home-product .products-carousel { padding: 50px 0 30px 0; } #content-wrap .content-area.software-services section { width: 100%; float: left; } #content-wrap .content-area.software-services section section { overflow: hidden; width: 70%; padding-left: 15px; } @media only screen and (max-width: 640px) { #content-wrap .content-area.software-services section section { width: 100%; padding-left: 0px; } } #content-wrap .content-area.software-services section figure { width: 30%; float: left; } @media only screen and (max-width: 640px) { #content-wrap .content-area.software-services section figure { width: 100%; } } #content-wrap .content-area.software-services section p { line-height: 25px; } #content-wrap .content-area.software-services section p span { color: #8c0052; font-family: "museo500"; } #content-wrap .content-area.software-services section h3 span { color: #8c0052; } #content-wrap .content-area.software-services section ul { margin-top: 20px; margin-bottom: 20px; } #content-wrap .content-area.software-services section ul li { line-height: 27px; font-size: 16px; position: relative; padding-left: 25px; margin-bottom: 10px; } #content-wrap .content-area.software-services section ul li:last-child { margin-bottom: 0px; } #content-wrap .content-area.software-services section ul li::before { position: absolute; font-family: "FontAwesome"; content: "\f05a"; left: 0px; color: #ad1457; } #content-wrap .content-area.software-services #dotnet-development { padding: 30px 0px; } #content-wrap .content-area.software-services #dotnet-development figure { margin-top: 10px; } #content-wrap .content-area.software-services .relative-link [class*="col-"] { min-height: 160px; } #content-wrap .content-area.software-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon { background-color: #ad1457; } #content-wrap .content-area.software-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon:hover { background-color: #880e4f; } #content-wrap .content-area.software-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon { background-color: #4527a0; } #content-wrap .content-area.software-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon:hover { background-color: #311b92; } #content-wrap .content-area.seo-services .relative-link [class*="col-"] { min-height: 160px; } #content-wrap .content-area.seo-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon { background-color: #4527a0; } #content-wrap .content-area.seo-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon:hover { background-color: #311b92; } #content-wrap .content-area.seo-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon { background-color: #0277bd; } #content-wrap .content-area.seo-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon:hover { background-color: #01579b; } #content-wrap .content-area.sms-services p { line-height: 27px; font-size: 16px; } #content-wrap .content-area.sms-services p a span { font-family: "museo500"; color: #b00069; } #content-wrap .content-area.sms-services ul { margin-top: 30px; } #content-wrap .content-area.sms-services ul li { line-height: 27px; font-size: 16px; position: relative; padding-left: 25px; margin-bottom: 10px; } #content-wrap .content-area.sms-services ul li:last-child { margin-bottom: 0px; } #content-wrap .content-area.sms-services ul li::before { position: absolute; font-family: "FontAwesome"; content: "\f05a"; left: 0px; color: #ad1457; } #content-wrap .content-area.sms-services .relative-link [class*="col-"] { min-height: 160px; } #content-wrap .content-area.sms-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon { background-color: #0277bd; } #content-wrap .content-area.sms-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon:hover { background-color: #01579b; } #content-wrap .content-area.sms-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon { background-color: #1565c0; } #content-wrap .content-area.sms-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon:hover { background-color: #0d47a1; } #content-wrap .content-area.android-services ul { margin-top: 30px; } #content-wrap .content-area.android-services ul li { line-height: 27px; font-size: 15px; color: #333; font-family: "museo300"; position: relative; padding-left: 25px; margin-bottom: 10px; } #content-wrap .content-area.android-services ul li:last-child { margin-bottom: 0px; } #content-wrap .content-area.android-services ul li::before { position: absolute; font-family: "FontAwesome"; content: "\f05a"; left: 0px; color: #ad1457; } #content-wrap .content-area.android-services .relative-link [class*="col-"] { min-height: 160px; } #content-wrap .content-area.android-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon { background-color: #00838f; } #content-wrap .content-area.android-services .relative-link [class*="col-"]:nth-of-type(1) .serviceIcon:hover { background-color: #006064; } #content-wrap .content-area.android-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon { background-color: #34495e; } #content-wrap .content-area.android-services .relative-link [class*="col-"]:nth-of-type(2) .serviceIcon:hover { background-color: #2c3e50; } #content-wrap .content-area .timeline { list-style: none; padding: 0px 0px 0px; position: relative; margin: 20px 0px 20px; } #content-wrap .content-area .timeline::before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #d4d4d4; left: 50%; margin-left: -1.5px; z-index: -1; } @media only screen and (max-width: 768px) { #content-wrap .content-area .timeline::before { left: 40px; } } #content-wrap .content-area .timeline .year { background: #323232; font-size: 20px; width: 15%; clear: both; margin: 0px auto 15px; padding: 10px 0px; color: white; border-radius: 20% / 100%; text-align: center; font-family: "museo300"; } @media only screen and (max-width: 768px) { #content-wrap .content-area .timeline .year { width: 100%; border-radius: 10px; } } #content-wrap .content-area .timeline li { margin-bottom: 20px; position: relative; width: 50%; float: left; clear: left; } @media only screen and (max-width: 768px) { #content-wrap .content-area .timeline li { margin-bottom: 20px; position: relative; width: 100%; float: left; clear: left; } } #content-wrap .content-area .timeline li::before { content: " "; display: table; } #content-wrap .content-area .timeline li::after { content: " "; display: table; clear: both; } #content-wrap .content-area .timeline li:nth-child(2) { margin-top: 60px; } #content-wrap .content-area .timeline li .timeline-panel { width: 95%; float: left; border: 1px solid #d4d4d4; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); } @media only screen and (max-width: 768px) { #content-wrap .content-area .timeline li .timeline-panel { float: right; width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); } } #content-wrap .content-area .timeline li .timeline-panel::before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #8c0052; border-right: 0 solid #8c0052; border-bottom: 15px solid transparent; content: " "; } @media only screen and (max-width: 768px) { #content-wrap .content-area .timeline li .timeline-panel::before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } } #content-wrap .content-area .timeline li .timeline-panel::after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #8c0052; border-right: 0 solid #8c0052; border-bottom: 14px solid transparent; content: " "; } @media only screen and (max-width: 768px) { #content-wrap .content-area .timeline li .timeline-panel::after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } } #content-wrap .content-area .timeline li .timeline-badge { color: #fff; width: 24px; height: 24px; line-height: 50px; font-size: 1.4em; text-align: center; position: absolute; top: 16px; right: -12px; z-index: 100; } @media only screen and (max-width: 768px) { #content-wrap .content-area .timeline li .timeline-badge { left: 28px; margin-left: 0; top: 16px; } } #content-wrap .content-area .timeline li.timeline-inverted { float: right; clear: right; margin-top: 30px; margin-bottom: 30px; } @media only screen and (max-width: 768px) { #content-wrap .content-area .timeline li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; } } #content-wrap .content-area .timeline li.timeline-inverted .timeline-panel { float: right; } #content-wrap .content-area .timeline li.timeline-inverted .timeline-panel::before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } #content-wrap .content-area .timeline li.timeline-inverted .timeline-panel::after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } #content-wrap .content-area .timeline li.timeline-inverted .timeline-badge { left: -12px; } @media only screen and (max-width: 768px) { #content-wrap .content-area .timeline li.timeline-inverted .timeline-badge { left: 28px; } } #content-wrap .content-area .timeline-badge a { color: #8d8d8d !important; cursor: pointer; } #content-wrap .content-area .timeline-badge a:hover { color: #8c0052 !important; } #content-wrap .content-area .timeline-title { margin-top: 0; color: inherit; } #content-wrap .content-area .timeline-heading { text-align: center; padding: 30px 0px 25px; background: #8c0052; } #content-wrap .content-area .timeline-heading h3 { color: #fff; } #content-wrap .content-area .timeline-body p { padding: 20px; margin-bottom: 0; font-family: "museo500"; } #content-wrap .content-area .timeline-body ul { padding: 20px; margin-bottom: 0; } #content-wrap .content-area .timeline-body p+p { margin-top: 5px; } #content-wrap .content-area .timeline-footer { padding: 20px; background-color: #f4f4f4; font-family: "museo300"; } #content-wrap .content-area .timeline-footer a { cursor: pointer; text-decoration: none; } #content-wrap .content-area .img-responsive { display: block; max-width: 100%; height: auto; } .slide-menu-icon { float: right; color: #c3157d; position: absolute; right: 25px; top: 0; font-size: 26px; display: none; } @media only screen and (max-width: 1024px) { .slide-menu-icon { display: block; } } #slide-menu { width: 290px; height: 100%; position: fixed; right: -290px; overflow-y: scroll; top: 0px; bottom: 0px; z-index: 200; padding: 30px; float: left; background-color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #slide-menu .slide-menu-icon-close { float: right; top: 0; right: 16px; position: absolute; z-index: 100; color: #fff; padding: 15px; font-size: 24px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #slide-menu .slide-menu-icon-close:hover { color: #f44eb1; } #slide-menu ul { margin: 0; padding: 0; list-style-type: none; } #slide-menu ul.slide-navigation { margin-left: 30px; } #slide-menu ul.slide-navigation li { font-family: "museo300"; font-size: 16px; color: #fff; text-transform: uppercase; padding: 10px 0; position: relative; border-bottom: 1px dotted #ddd; } #slide-menu ul.slide-navigation li:last-of-type { border-bottom: 0; padding-bottom: 0; } #slide-menu ul.slide-navigation li a { display: block; } #slide-menu ul.slide-navigation li.active { color: #f44eb1; } #slide-menu ul.slide-navigation li.active a { color: #f44eb1; } #slide-menu ul.slide-navigation li.menu-item-has-children:before { display: none; } #slide-menu ul.slide-navigation li.menu-item-has-children.active a { color: #f44eb1 !important; } #slide-menu ul.slide-navigation li.menu-item-has-children ul.sub-menu li.active a { color: #f44eb1 !important; } #slide-menu ul.slide-navigation li.menu-item-has-children.active ul.sub-menu a { color: #fff !important; } #slide-menu ul.slide-navigation li.menu-item-has-children.active ul.sub-menu a:hover { color: #f44eb1 !important; } #slide-menu ul.slide-navigation li.menu-item-has-children>a { color: #fff; } #slide-menu ul.slide-navigation li.menu-item-has-children.opened>a { color: #f44eb1; } #slide-menu ul.slide-navigation li.menu-item-has-children.opened span.plus-icon:before { content: "\f146" !important; color: #f44eb1; } #slide-menu ul.slide-navigation li.menu-item-has-children span.plus-icon { position: absolute; left: -30px; top: 10px; } #slide-menu ul.slide-navigation li.menu-item-has-children span.plus-icon:before { font-family: "FontAwesome"; content: "\f0fe"; color: #fff; font-size: 17px; cursor: pointer; position: absolute; } #slide-menu ul.slide-navigation li ul { display: none; margin: 10px; } #slide-menu ul.slide-navigation li ul li { font-size: 14px; padding: 6px 0; color: #fff; border-bottom: 0; } #slide-menu ul.slide-navigation li ul li:before { display: none; } #slide-menu ul.slide-navigation li ul li.active a { color: #f44eb1 !important; } #slide-menu ul.slide-navigation li ul li a { color: #fff; } #slide-menu ul.slide-navigation li ul li a:hover { color: #f44eb1; } #slide-menu ul.slide-navigation li a { color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #slide-menu ul.slide-navigation li a:hover { color: #f44eb1; } .contact-us .msg-block { position: absolute; top: -49px; left: -2px; border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .msg-block { padding: 10px 15px; margin-bottom: 10px; margin-top: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .msg-block p { margin: 0px 0px !important; color: #fff !important; font-family: "museo500" !important; } .msg-block.error-block { background-color: #c62828; } .msg-block.sucess-block { background-color: #30c547; } .browserIssue { background: url(../images/browserUpdate.jpg) no-repeat center; background-size: cover; min-height: 660px; position: relative; } @media only screen and (max-width: 640px) { .browserIssue { min-height: 600px; } } .browserIssue:before { content: ""; height: 100%; position: absolute; left: 0; top: 0; width: 100%; background: rgba(31, 31, 31, 0.3); } .browserIssue .box-issue { width: 600px; margin: auto; padding-top: 230px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 640px) { .browserIssue .box-issue { width: 100%; padding: 125px 15px 0px; } } .browserIssue .box-issue hr { margin-top: 39px; margin-bottom: 37px; border: 0; border-top: 1px solid #fff; } .browserIssue .label-issue { font-family: "museo300"; color: #fff; font-size: 20px; line-height: 35px; text-shadow: 1px 1px 6px #000; } .browserIssue h5 { margin: 0px 0px; } .browserIssue h5.bigger { font-size: 45px; color: #fff; font-family: "museo700"; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 6px #333; } @media only screen and (max-width: 640px) { .browserIssue h5.bigger { font-size: 35px; } } @media only screen and (max-width: 480px) { .browserIssue h5.bigger { font-size: 20px; } } .page404 { padding: 0px 0px 0px 0px !important; } .no-background { background: none !important; } .no-background h2 { display: none; } .page-404 { background: url(../images/404background.jpg) no-repeat center; background-size: cover; min-height: 660px; position: relative; border-top: 4px solid #a7d24a; border-bottom: 4px solid #a7d24a; } @media only screen and (max-width: 640px) { .page-404 { min-height: 600px; } } .page-404::before { content: ""; height: 100%; position: absolute; left: 0; top: 0; width: 100%; background: rgba(31, 31, 31, 0.82); } .box-404 { width: 600px; margin: auto; padding-top: 60px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 640px) { .box-404 { width: 100%; padding: 125px 15px 0px; } } .box-404 .button-back { position: absolute; left: 48px; right: auto; top: -1px; font-family: "museo300"; border: 2px solid #a7d24a; display: inline-block; line-height: 48px; padding: 0 28px; color: #a7d24a; font-size: 16px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media only screen and (max-width: 640px) { .box-404 .button-back { position: relative; left: 0; top: -1px; display: block; margin: auto; margin-bottom: 20px; max-width: 299px; padding-left: 52px; } } .box-404 .button-back:focus { color: #a7d24a; text-decoration: none; } .box-404 .button-back:hover { background: #a7d24a; color: #fff; text-decoration: none; border-color: #a7d24a; } .box-404 .button-back .fa { background-color: #a7d24a; display: inline-block; line-height: 52px; margin-top: -2px; width: 49px; font-size: 16px; text-align: center; color: #fff; position: absolute; right: 100%; } @media only screen and (max-width: 640px) { .box-404 .button-back .fa { right: auto; left: 0; } } .box-404 hr { margin-top: 39px; margin-bottom: 37px; border: 0; border-top: 1px solid #b0b0b0; } h5 { margin: 0px 0px; } h5.bigger { font-size: 306px; color: #fff; font-family: "museo700"; text-align: center; } @media only screen and (max-width: 640px) { h5.bigger { font-size: 206px; } } @media only screen and (max-width: 480px) { h5.bigger { font-size: 140px; } } h5.bigger span { font-family: "museo100"; font-style: italic; font-size: 80px; text-align: center; background: #ff6100; border-radius: 500px; display: inline-block; width: 258px; line-height: 258px; position: relative; top: -19px; margin-left: -20px; margin-right: -20px; vertical-align: middle; } @media only screen and (max-width: 640px) { h5.bigger span { width: 200px; line-height: 200px; font-size: 55px; } } @media only screen and (max-width: 480px) { h5.bigger span { width: 100px; line-height: 100px; font-size: 30px; } } h5.bigger span::before { border-radius: 500px; width: 274px; display: inline-block; text-align: center; height: 274px; content: ""; position: absolute; top: -12px; left: -12px; border: 3px solid #ff6100; background-color: rgba(255, 0, 0, 0); z-index: 9; } @media only screen and (max-width: 640px) { h5.bigger span::before { width: 210px; height: 210px; top: -8px; left: -8px; } } @media only screen and (max-width: 480px) { h5.bigger span::before { width: 110px; height: 110px; top: -8px; left: -8px; } } .label-404 { color: #fff; font-family: "museo300"; vertical-align: top; font-size: 17px; padding-left: 167px; position: relative; } @media only screen and (max-width: 640px) { .label-404 { font-size: 15px; padding-left: 0; text-align: center; } } .page403 { padding: 0px 0px 0px 0px !important; } .no-background { background: none !important; } .no-background h2 { display: none; } .page-403 { background: url(../images/403background.png) repeat center 0; background-size: cover; position: relative; border: 10px solid #c3157d; } .box-403 { width: 100%; float: left; padding-top: 30px; position: relative; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 640px) { .box-403 { width: 100%; padding: 125px 15px 0px; } } .box-403 .label-403 { width: 100%; float: left; position: relative; } .box-403 figure { margin: 0 0; padding: 0 0; position: relative; } @media only screen and (max-width: 640px) { .box-403 figure img { max-width: 100%; max-height: 100%; vertical-align: bottom; } } .box-403 p { margin: 15px 0 0 0; } .box-403 p a { color: #8c0052; font-family: "museo500"; } @keyframes verical-slow { 2% { transform: translate(0, 1.5px) rotate(1.5deg); } 4% { transform: translate(0, -1.5px) rotate(-0.5deg); } 6% { transform: translate(0, 1.5px) rotate(-1.5deg); } 8% { transform: translate(0, -1.5px) rotate(-1.5deg); } 10% { transform: translate(0, 2.5px) rotate(1.5deg); } 12% { transform: translate(0, -0.5px) rotate(1.5deg); } 14% { transform: translate(0, -1.5px) rotate(1.5deg); } 16% { transform: translate(0, -0.5px) rotate(-1.5deg); } 18% { transform: translate(0, 0.5px) rotate(-1.5deg); } 20% { transform: translate(0, -1.5px) rotate(2.5deg); } 22% { transform: translate(0, 0.5px) rotate(-1.5deg); } 24% { transform: translate(0, 1.5px) rotate(1.5deg); } 26% { transform: translate(0, 0.5px) rotate(0.5deg); } 28% { transform: translate(0, 0.5px) rotate(1.5deg); } 30% { transform: translate(0, -0.5px) rotate(2.5deg); } 32% { transform: translate(0, 1.5px) rotate(-0.5deg); } 34% { transform: translate(0, 1.5px) rotate(-0.5deg); } 36% { transform: translate(0, -1.5px) rotate(2.5deg); } 38% { transform: translate(0, 1.5px) rotate(-1.5deg); } 40% { transform: translate(0, -0.5px) rotate(2.5deg); } 42% { transform: translate(0, 2.5px) rotate(-1.5deg); } 44% { transform: translate(0, 1.5px) rotate(0.5deg); } 46% { transform: translate(0, -1.5px) rotate(2.5deg); } 48% { transform: translate(0, -0.5px) rotate(0.5deg); } 50% { transform: translate(0, 0.5px) rotate(0.5deg); } 52% { transform: translate(0, 2.5px) rotate(2.5deg); } 54% { transform: translate(0, -1.5px) rotate(1.5deg); } 56% { transform: translate(0, 2.5px) rotate(2.5deg); } 58% { transform: translate(0, 0.5px) rotate(2.5deg); } 60% { transform: translate(0, 2.5px) rotate(2.5deg); } 62% { transform: translate(0, -0.5px) rotate(2.5deg); } 64% { transform: translate(0, -0.5px) rotate(1.5deg); } 66% { transform: translate(0, 1.5px) rotate(-0.5deg); } 68% { transform: translate(0, -1.5px) rotate(-0.5deg); } 70% { transform: translate(0, 1.5px) rotate(0.5deg); } 72% { transform: translate(0, 2.5px) rotate(1.5deg); } 74% { transform: translate(0, -0.5px) rotate(0.5deg); } 76% { transform: translate(0, -0.5px) rotate(2.5deg); } 78% { transform: translate(0, -0.5px) rotate(1.5deg); } 80% { transform: translate(0, 1.5px) rotate(1.5deg); } 82% { transform: translate(0, -0.5px) rotate(0.5deg); } 84% { transform: translate(0, 1.5px) rotate(2.5deg); } 86% { transform: translate(0, -1.5px) rotate(-1.5deg); } 88% { transform: translate(0, -0.5px) rotate(2.5deg); } 90% { transform: translate(0, 2.5px) rotate(-0.5deg); } 92% { transform: translate(0, 0.5px) rotate(-0.5deg); } 94% { transform: translate(0, 2.5px) rotate(0.5deg); } 96% { transform: translate(0, -0.5px) rotate(1.5deg); } 98% { transform: translate(0, -1.5px) rotate(-0.5deg); } 0%, 100% { transform: translate(0, 0) rotate(0); } } .shake-vertical-slow { animation-duration: 10s; animation-iteration-count: infinite; animation-name: verical-slow; animation-timing-function: ease-in-out; } .slick-slider { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; margin: 0 auto; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .animated { visibility: hidden; } .visible { visibility: visible; } .hidden { display: none !important; visibility: hidden !important; } .invisible { visibility: hidden !important; } .show { display: block !important; } .popup-header { -webkit-box-shadow: 0px 1px 5px 0px rgba(55, 55, 55, 0.67); -moz-box-shadow: 0px 1px 5px 0px rgba(55, 55, 55, 0.67); box-shadow: 0px 1px 5px 0px rgba(55, 55, 55, 0.67); } .popup-footer { -webkit-box-shadow: 0px 1px 5px 0px rgba(55, 55, 55, 0.67); -moz-box-shadow: 0px 1px 5px 0px rgba(55, 55, 55, 0.67); box-shadow: 0px 1px 5px 0px rgba(55, 55, 55, 0.67); } .popup-content p { font-family: "museo500"; font-size: 15; color: #222; line-height: 24px; } .popup-content p span { font-family: "museo500"; font-size: 18px; color: #444; color: #b00069; } .popup-content ul { margin: 0px 0px; padding: 0px 0px; list-style-type: none; } .popup-content ul li { width: 50%; float: left; font-family: "museo500"; font-size: 15; color: #222; position: relative; padding: 0 0 0 25px; cursor: pointer; line-height: 27px; } @media only screen and (max-width: 640px) { .popup-content ul li { width: 100%; } } .popup-content ul li::before { position: absolute; font-family: "FontAwesome"; content: "\f18e"; left: 0px; color: #ad1457; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .popup-content ul li:hover::before { color: #00838f; } #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } #loading-emblem { text-align: center; position: relative; right: 0; left: 0; top: 50%; margin: 0 auto; width: 60px; height: 60px; padding: 10px; background-color: #fff; z-index: 1010; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; } #loading-emblem img { vertical-align: middle; display: inline-block; } #loader { display: block; position: relative; left: 50%; top: 45%; width: 150px; height: 150px; margin: -80px 0 0 -75px; -webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; border: 3px solid transparent; border-top-color: #fff; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: 1001; } #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #d14097; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #8c0052; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } #loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 1000; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #loader-wrapper .loader-section.section-left { left: -0.95%; } @media only screen and (max-width: 320px) { #loader-wrapper .loader-section.section-left { left: -0.85%; } } #loader-wrapper .loader-section.section-right { right: -1%; } .loaded #loader-wrapper .loader-section.section-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #loader-wrapper .loader-section.section-right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #loader { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .loaded #loader-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.3s 1s ease-out; -moz-transition: all 0.3s 1s ease-out; -ms-transition: all 0.3s 1s ease-out; -o-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; } .no-js #loader-wrapper { display: none; } .no-js h1 { color: #222222; } .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .requestBtn { background: #fff; text-transform: uppercase; font-size: 16px; font-family: "museo700"; background-color: #8c0052; color: #fff; display: inline-block; padding: 12px 22px; border: 1px solid #8c0052; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .requestBtn:hover, .requestBtn:focus { background: #fff; color: #8c0052; border-color: #8c0052; -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.3); } .yrs_div img { max-width: 100%; } .yrs_div>i { display: block; width: 103px; } .yrs_div { position: absolute; right: -40px; top: -11px; } @media only screen and (min-width: 1025px) and (max-width: 1080px) { #header .col2 #desktop-menu ul li { color: #222; float: left; font-family: "museo700"; font-size: 17px; padding: 0 12px; position: relative; text-transform: uppercase; } } @media only screen and (max-width: 767px) { #header .col2 { padding-top: 0; padding-right: 0; } } @media only screen and (max-width: 767px) { .yrs_div { left: 10px; position: absolute; right: auto; top: -3px; } .yrs_div>i { display: block; width: 60px; } } .innerpage .tabs li a { font-size: 17px; } .contact-us .msg-block { position: absolute; top: unset !important; bottom: 22px; left: 262px; } .career-pg .msg-block.error-block, .career-pg .msg-block.sucess-block, .contact-us .msg-block.error-block, .contact-us .msg-block.sucess-block { background-color: transparent; color: #000; } .career-pg .msg-block.error-block p, .career-pg .msg-block.sucess-block p, .contact-us .msg-block.error-block p, .contact-us .msg-block.sucess-block p { color: #000 !important; } .career-pg .msg-block.sucess-block i, .contact-us .msg-block.sucess-block i { border-radius: 50%; margin-right: 10px; padding: 7px; background-color: rgb(3, 97, 50); color: #fff; } .career-pg .msg-block.error-block i, .contact-us .msg-block.error-block i { border-radius: 50%; margin-right: 10px; padding: 7px; background-color: rgb(139, 0, 0); color: #fff; } .career-pg { position: relative; } .career-pg .msg-block { position: absolute; top: unset !important; bottom: 2px; left: 225px; } @media screen and (max-width: 991px) { .career-pg .msg-block { position: static; width: 100%; float: left; display: block; padding-left: 0; } } @media screen and (max-width: 540px) { .career-pg .msg-block, .contact-us .msg-block { position: static; padding-left: 0; width: 100%; float: left; display: block; } } /* updated team css - 09-09-2019 */ .rio-team-sp { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; margin-bottom: 25px; } .rio-team-sp article { text-align: center; width: 20%; } .rio-team-sp figure { margin: 0; padding: 0; } .rio-team-sp article { padding-right: 20px; padding-left: 20px; margin-bottom: 40px; } .rio-team-sp article .prof-img-sp { height: 300px; position: relative; transition: all 1s ease; transform-style: preserve-3d; } .rio-team-sp article:hover .prof-img-sp { transform: rotateY(180deg) !important; } .rio-team-sp .profile-front img { filter: grayscale(100%); } .rio-team-sp .profile-front, .rio-team-sp .profile-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rio-team-sp img { height: 100%; object-fit: cover; width: 100%; } .rio-team-sp .profile-back { transform: rotateY(180deg) !important; } #our-team .rio-team-sp article h3 { font-family: "museo700"; font-size: 20px; color: #c3157d; margin: 8px 0px 10px; } #our-team .rio-team-sp article h5 { font-family: "museo500"; font-size: 15px; color: #333333; margin: 0px 0px; } .team-details { padding-top: 7px; } .section-title-s { padding: 0px 20px; width: 100%; } .section-title-s h4 { font-family: "museo700"; font-size: 25px; margin-bottom: 15px; color: #c3157d; } @media screen and (max-width: 1600px) { .rio-team-sp article .prof-img-sp { height: 250px; } } @media screen and (max-width: 1280px) { .rio-team-sp article .prof-img-sp { height: 270px; } .rio-team-sp article { width: 25%; } } @media screen and (max-width: 991px) { .rio-team-sp article { width: 33.3%; } } @media screen and (max-width: 768px) { .rio-team-sp article { width: 50%; } } @media screen and (max-width: 500px) { .rio-team-sp article { width: 100%; } .rio-team-sp article .prof-img-sp { height: calc(100vw * 95 / 100); } .rio-team-sp article .prof-img-sp img { height: auto; } } .sitemap-sec {} #content-wrap .content-area .sitemap-sec h4 { font-size: 22px; margin-bottom: 15px; } #content-wrap .content-area .sitemap-sec ul li { position: relative; padding-left: 15px; font-family: "museo300"; font-size: 13px; color: #fff; line-height: 30px; } #content-wrap .content-area .sitemap-sec ul li a { color: #444; } #content-wrap .content-area .sitemap-sec ul li a:hover { color: #8c0052; } #content-wrap .content-area .sitemap-sec ul li::after { position: absolute; content: ""; width: 6px; height: 6px; background-color: #8c0052; display: block; left: 0; top: 12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #content-wrap .content-area .sitemap-sec ul li>ul li::after { background-color: transparent; border: 1px solid #8c0052; } #content-wrap .content-area .sitemap-sec ul li>ul li>ul li::after { border-radius: 50%; width: 5px; height: 5px; border: 0; background-color: #999; } #content-wrap .content-area .sitemap-sec .sitemap-blk { margin-bottom: 25px; } @media screen and (max-width: 1200px) { #content-wrap.sitemap-wrap .decorative-emblem { display: none; } } /* @media only screen and (max-width: 767px) { #requsetaquote .requestQuoteContainer #formWrapper { position: relative !important; } .g-recaptcha iframe { width: 200px !important; } #requsetaquote .requestQuoteContainer #formWrapper .wrapBlock { position: relative !important; } #requsetaquote .col-tab-6 { float: left; } } */ @media only screen and (max-width: 767px) { #requsetaquote .requestQuoteContainer #formWrapper { position: relative !important; } #requsetaquote .requestQuoteContainer #formWrapper .wrapBlock { position: relative !important; } } @media only screen and (max-width: 444px) { .g-recaptcha { -webkit-transform: scale(0.7); width: 7px; } } .col-tab-6.button-submit { width: 100%; float: left; } #requsetaquote .requestQuoteForm .quoteBtn { margin: 0 0 9px 0 !important; }@charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2013 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; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) 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 { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(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: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -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: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-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: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-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: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); -ms-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); -ms-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); -ms-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); -ms-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; transform-origin: center top; } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }/* ------------------------------ Career page style new ------------------------------------ */ .r-section .r-title h4 { margin: 0; padding: 0; font-weight: 700; line-height: 30px; font-size: 24px; color: #b10069; margin-bottom: 20px; } .r-section p { font-size: 14px; font-weight: 500; line-height: 24px; font-family: "museo500"; color: #666666; } .r-career-page .career-about { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; padding-bottom: 60px; } @media screen and (max-width: 1080px) { .r-career-page .career-about { width: unset; padding-bottom: 30px; } } .r-career-page .career-about > div { padding-right: 15px; padding-left: 15px; } .r-career-page .career-about .ca-left { width: 60%; } @media screen and (max-width: 1141px) { .r-career-page .career-about .ca-left { width: 50%; } } @media screen and (max-width: 800px) { .r-career-page .career-about .ca-left { width: 100%; } } .r-career-page .career-about .ca-left .ca-img { width: 100%; } .r-career-page .career-about .ca-left .ca-img img { width: 100%; } .r-career-page .career-about .ca-right { width: 40%; } @media screen and (max-width: 1141px) { .r-career-page .career-about .ca-right { width: 50%; } .r-career-page .career-about .ca-right .ca-content { padding-top: 10px !important; } .r-career-page .career-about .ca-right .ca-content ul { margin-top: 15px !important; } } @media screen and (max-width: 800px) { .r-career-page .career-about .ca-right { width: 100%; } .r-career-page .career-about .ca-right .ca-content { padding-top: 30px !important; } } .r-career-page .career-about .ca-right .ca-content { padding-top: 30px; } .r-career-page .career-about .ca-right .ca-content ul { margin: 0; padding: 0; list-style: none; margin-top: 30px; } .r-career-page .career-about .ca-right .ca-content ul li { font-size: 14px; font-weight: 500; line-height: 35px; font-family: "museo500"; color: #333333; } .r-career-page .career-about .ca-right .ca-content ul li::before { vertical-align: middle; content: ""; width: 10px; height: 10px; border: 1px solid #b10069; display: inline-block; border-radius: 50%; margin-right: 15px; } .r-career-sec { width: 100%; float: left; background-color: #f9f9f9; padding: 60px 0; } .r-career-sec .r-flex { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media screen and (max-width: 1080px) { .r-career-sec .r-flex { width: unset; } } .r-career-sec .r-flex > div { padding-right: 15px; padding-left: 15px; } .r-career-sec .r-flex .career-left { width: 60%; } @media screen and (max-width: 1080px) { .r-career-sec .r-flex .career-left { width: 100%; } } .r-career-sec .r-flex .career-left .r-career-item { padding: 20px 25px; width: 100%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-shadow: 0px 0px 87px rgba(0, 0, 0, 0.089); box-shadow: 0px 0px 87px rgba(0, 0, 0, 0.089); border-radius: 15px; margin-bottom: 15px; } @media screen and (max-width: 768px) { .r-career-sec .r-flex .career-left .r-career-item { padding: 25px; } } .r-career-sec .r-flex .career-left .r-career-item > div { width: 50%; } @media screen and (max-width: 640px) { .r-career-sec .r-flex .career-left .r-career-item > div { text-align: center; width: 100%; } .r-career-sec .r-flex .career-left .r-career-item > div:first-of-type { margin-bottom: 20px; } } .r-career-sec .r-flex .career-left .r-career-item h5 { margin: 0; font-family: "museo500"; font-weight: 700; font-size: 18px; margin-bottom: 15px; color: #333; } .r-career-sec .r-flex .career-left .r-career-item ul { margin: 0; padding: 0; list-style: none; } .r-career-sec .r-flex .career-left .r-career-item ul li { font-family: "museo500"; line-height: 28px; } .r-career-sec .r-flex .career-left .r-career-item .c-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .r-career-sec .r-flex .career-left .r-career-item .c-right p { margin: 0; margin-bottom: 10px; } .r-career-sec .r-flex .career-left .r-career-item .c-right p i { color: #b10069; font-size: 16px; margin-right: 5px; } .r-career-sec .r-flex .career-left .r-career-item .aply-btn2 { border-radius: 20px; background: #fff; text-transform: capitalize; font-size: 14px; font-family: "museo700"; background: transparent; color: #b10069; display: inline-block; padding: 11px 50px; border: 1px solid #b10069; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .r-career-sec .r-flex .career-left .r-career-item .aply-btn2:hover, .r-career-sec .r-flex .career-left .r-career-item .aply-btn2:focus { color: #fff; background-color: #b10069; } .r-career-sec .r-flex .career-right { width: 40%; } @media screen and (max-width: 1080px) { .r-career-sec .r-flex .career-right { width: 100%; } } .r-career-sec .r-flex .career-right .part { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 340px; margin-bottom: 14px; } .r-career-sec .r-flex .career-right .part:hover .col--6.r-overlay::after { opacity: 0.3; } .r-career-sec .r-flex .career-right .part img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 1600px) { .r-career-sec .r-flex .career-right .part { min-height: 270px; } } @media screen and (max-width: 400px) { .r-career-sec .r-flex .career-right .part { min-height: auto; } } .r-career-sec .r-flex .career-right .part .col--6 { width: 50%; z-index: 1; } @media screen and (max-width: 400px) { .r-career-sec .r-flex .career-right .part .col--6 { width: 100%; } } .r-career-sec .r-flex .career-right .part .col--6.r-overlay { position: relative; } .r-career-sec .r-flex .career-right .part .col--6.r-overlay::after { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; top: 0; right: 0; bottom: 0; left: 0; position: absolute; content: ""; opacity: 0; z-index: 1; background-color: #b10069; } .r-career-sec .r-flex .career-right .part .col--6.text-block { padding: 25px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #b10069; } .r-career-sec .r-flex .career-right .part .col--6.text-block h5 { margin: 0; line-height: 32px; font-family: "museo500"; font-weight: 700; font-size: 20px; color: #fff; margin-bottom: 7px; } .r-career-sec .r-flex .career-right .part .col--6.text-block p { color: #fff; font-weight: 500; font-size: 14px; line-height: 24px; margin-bottom: 20px; } .r-career-sec .r-flex .career-right .part .col--6.text-block .view-more-btn { border-radius: 20px; background: #fff; text-transform: capitalize; font-size: 14px; font-family: "museo700"; color: #b10069; display: inline-block; padding: 10px 28px; border: 1px solid #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .r-career-sec .r-flex .career-right .part .col--6.text-block .view-more-btn:hover, .r-career-sec .r-flex .career-right .part .col--6.text-block .view-more-btn:focus { background: transparent; color: #fff; } .r-career-sec .r-flex .career-right .r-social { padding: 25px 0; padding-left: 25px; } .r-career-sec .r-flex .career-right .r-social h5 { margin: 0; font-weight: 700; font-family: "museo500"; font-size: 20px; color: #333; margin-bottom: 20px; } .r-career-sec .r-flex .career-right .r-social ul { margin: 0; padding: 0; list-style: none; } .r-career-sec .r-flex .career-right .r-social ul li { display: inline-block; } .r-career-sec .r-flex .career-right .r-social ul li a { display: block; width: 37px; height: 37px; background-color: #fff; -webkit-box-shadow: 3px 3px 30px #0002; box-shadow: 3px 3px 30px #0002; text-align: center; border-radius: 50%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin-right: 13px; } .r-career-sec .r-flex .career-right .r-social ul li a i { line-height: 37px; color: #555; } .r-career-sec .r-flex .career-right .r-social ul li a:hover { background-color: #b10069; } .r-career-sec .r-flex .career-right .r-social ul li a:hover i { color: #fff; } .aply-btn2 { border-radius: 20px; background: #fff; text-transform: capitalize; font-size: 14px; font-family: "museo700"; background-color: #b10069; color: #fff; display: inline-block; padding: 11px 50px; border: 1px solid #b10069; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .aply-btn2:hover, .aply-btn2:focus { background: transparent; color: #b10069; } .r-career-page-single { width: 100%; float: left; background-color: #f5f5f5; } .r-career-page-single#content-wrap { padding: 60px 0; } .r-career-page-single .cr-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .r-career-page-single .cr-flex > div { padding-right: 15px; padding-left: 15px; } .r-career-page-single .cr-flex .cr-left { width: 60%; } @media screen and (max-width: 991px) { .r-career-page-single .cr-flex .cr-left { width: 100%; } } .r-career-page-single .cr-flex .cr-left .ca-img { width: 100%; } .r-career-page-single .cr-flex .cr-left .ca-img img { width: 100%; } .r-career-page-single .cr-flex .cr-left .cr-details { padding: 30px 0; } .r-career-page-single .cr-flex .cr-left .cr-details .cr-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .r-career-page-single .cr-flex .cr-left .cr-details .cr-item:not(:last-of-type) { margin-bottom: 35px; padding-bottom: 35px; border-bottom: 1px solid #bbbb; } .r-career-page-single .cr-flex .cr-left .cr-details .cr-item .title { width: 30%; } @media screen and (max-width: 480px) { .r-career-page-single .cr-flex .cr-left .cr-details .cr-item .title { width: 100%; margin-bottom: 10px; } } .r-career-page-single .cr-flex .cr-left .cr-details .cr-item .title h6 { margin: 0; font-weight: 700; font-family: "museo500"; font-size: 16px; } .r-career-page-single .cr-flex .cr-left .cr-details .cr-item .title p { font-family: "museo500"; font-size: 16px; color: #555; line-height: 26px; margin: 0; } .r-career-page-single .cr-flex .cr-left .cr-details .cr-item .content { width: 70%; } @media screen and (max-width: 480px) { .r-career-page-single .cr-flex .cr-left .cr-details .cr-item .content { width: 100%; } } .r-career-page-single .cr-flex .cr-right { width: 40%; } @media screen and (max-width: 991px) { .r-career-page-single .cr-flex .cr-right { width: 100%; } } .r-career-page-single .cr-flex .cr-right .cr-box { background-color: #fff; padding: 40px; -webkit-box-shadow: 1px 2px 11px -4px #0000003d; box-shadow: 1px 2px 11px -4px #0000003d; margin-bottom: 15px; } .r-career-page-single .cr-flex .cr-right .cr-box ul { margin: 0; padding: 0; list-style: none; } .r-career-page-single .cr-flex .cr-right .cr-box ul li { font-family: "museo500"; line-height: 28px; } .r-career-page-single .cr-flex .cr-right .cr-box ul li strong { color: #b10069; } .r-career-page-single .cr-flex .cr-right .cr-form { background-color: #fff; padding: 40px; -webkit-box-shadow: 1px 2px 11px -4px #0000003d; box-shadow: 1px 2px 11px -4px #0000003d; width: 100%; float: left; } .r-career-page-single .cr-flex .cr-right .cr-form .form-title { margin-bottom: 10px; } .r-career-page-single .cr-flex .cr-right .cr-form .form-title h6 { font-weight: 500; font-size: 20px; font-family: "museo500"; margin: 0px 0px 10px; } .r-career-page-single .cr-flex .cr-right .cr-form .form-title h6 span { color: #b10069; } .r-career-page-single .cr-flex .cr-right .cr-form .form-title h5 { font-size: 22px; font-weight: 700; font-family: "museo500"; margin: 0px 0px 25px; } .r-career-page-single .cr-flex .cr-right .cr-form .r-upload { cursor: pointer; padding: 10px; overflow: hidden; width: 150px; border: 1px solid #aaaaaa; } .r-career-page-single .cr-flex .cr-right .cr-form .r-upload i { margin-right: 8px; }