@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;
}
