@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont3e6e.html?v=4.7.0');src:url('../fonts/fontawesome-webfontd41d.html?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont3e6e-2.html?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont3e6e-3.html?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont3e6e-4.html?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont3e6e-5.html?v=4.7.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{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-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{-ms-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-pp: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-resistance: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: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"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /*Structure*/ body, html{ height: 100%; background-color: #fff; } body { font-family: 'Roboto', sans-serif; font-weight: 500; } a { background-color: transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .section-padding { padding: 60px 0px; } .portfolio_fold{ padding-bottom: 0px; border-top: 1px solid #e8e8e8; background-color: #fff; z-index: 2; position: relative;} .portfolio_page{ padding-top: 100px; } .testimonials{ overflow: hidden; } .testimonials a{ margin-right:20px; } .testimonial-dec{ height: 100%; margin-top: 30px; padding-bottom: 30px; } .testimonials .sensation-dots { bottom: 0px; position: relative; } a.dmca-badge { padding: 15px 0 0 0; display: inline-block; } .video-container{ position: absolute; left: 105px; right: 62px; top: 72px; background-color: #000; bottom: 82px; } .video-container video{} .testimonials .sensation-dotted.sensation-slider { margin: 0px;height: auto;} .testimonials .sensation-list, .testimonials .sensation-track{ height: auto; overflow: hidden; } .d_t { display: table; height: 100%; margin: 0px auto } .d_c { display: table-cell; vertical-align: middle; position: relative } .service-detail ul{ margin-top: 20px; } /*zee*/ .process_wrap{ position: relative; z-index: 2; background-color: #fff; } .wrap_video{ position: fixed; width: 100%; height: 100%; } .anti_video{ width: 100%; background-color: #fff; z-index: 2; position: relative;} .pattern{ width: 100%; height: 100%; background:url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC ) repeat; } .hero-home .actions a{ margin: 0px; } .packages_wrap_home .contest{ max-width: inherit; } .packages_wrap_home .holder-offer { margin-top: 40%; margin-bottom: 40%; } .packages_paage_packages section.pricing{ padding-bottom: 10px; } /*.services_process_section .process{ padding-top: 0px; }*/ .package_slide_wrap .container.make-left h3{ text-align: center; } .package_slide_wrap .container.make-left h3::before{ } .package_slide_wrap .container.make-left p{ text-align: center; } .package_slide_wrap .sensation-slide img {margin: 0px auto;} .package_slide_wrap .sensation-prev, .package_slide_wrap .sensation-next{ top: -115px; } .package_slide_wrap .sensation-track .btn-line-fill { margin-bottom: 0px; } .package_slide_wrap .contest{ width: auto; } .package_slide_wrap .sensation-prev{ left: inherit; right: 60px; } .package_slide_wrap .sensation-next{ right: 0px; } /* Change the white to any color ;) */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; } .hero-home.hero-motion{ height: 520px; min-height: 520px; } .hero-home.hero-motion .video-container video.fillWidth{ height: auto; } .a-watch-placeholder { position: relative; top: 5px; left: 0px; right: 0px; z-index: 0; bottom: 0px; background-image: url(../img/ios-wearable.html); background-repeat: no-repeat; width: 260px; height: 500px; background-size: auto 100% } .a-watch-placeholder-wrapper { position: absolute; left: 10px; bottom: 109px; background-color: #fff; right: 17px; margin: 0px auto; top: 116px; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; overflow: hidden } .a-watch-placeholder-demo01 { background-image: url(../img/kit-image-17.html); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; left: 0px; bottom: 0px; right: 0px; margin: 0px auto; top: 0px; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; } .a-phone-placeholder { position: relative; top: 30px; left: 0px; right: 0px; z-index: 0; bottom: 0px; background-image: url(../img/android-phone.html); background-repeat: no-repeat; width: 260px; height: 500px; background-size: 100% 100% } .a-phone-placeholder-demo01 { background-image: url(../img/pockletmall.html); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; left: 18px; bottom: 52px; right: 22px; border-radius: 0px; margin: 0px auto; top: 47px; } .a-iphone-placeholder { position: relative; top: 5px; left: 0px; right: 0px; z-index: -1; bottom: 0px; background-image: url(../img/phone.html); background-repeat: no-repeat; width: 260px; height: 500px; background-size: auto 100% } .a-iphone-placeholder-demo01 { background-image: url(../img/pockletmall.html); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; left: 22px; bottom: 65px; right: 22px; margin: 0px auto; top: 54px } .a-iphone-placeholder-inside { position: relative; top: 140px; left: -160px; right: 0px; z-index: 14; bottom: 0px; background-image: url(../img/small_phone.html); background-repeat: no-repeat; width: 330px; height: 592px; background-size: auto 100%; float: right; } .a-iphone-placeholder-demo01-inside { background-image: url(../img/industry-application-development.html); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; left: 19px; bottom: 80px; right: 59px; margin: 0px auto; top: 72px; background-position: 0px -1px; } .ios-demo01 { background-image: url(../img/icart-advertising-ios-application.html)!important; } .ios-demo02 { background-image: url(../img/recording-advertising-ios-application.html) } .ios-demo03 { background-image: url(../img/b-and-b-real-estate-ios-application.html) } .ios-demo04 { background-image: url(../img/ride-transport-ios-application.html) } .ios-demo05 { background-image: url(../img/icart-ecommerce-ios-application.html) } .ios-demo06 { background-image: url(../img/instapay-ecommerce-ios-application.html) } .ios-demo07 { background-image: url(../img/recording-media-ios-application.html)!important; } .ios-demo08 { background-image: url(../img/go-wallet-education-ios-application.html) } .ios-demo09 { background-image: url(../img/instapay-software-development-ios-application.html) } .ios-demo10 { background-image: url(../img/simon-travel-ios-application.html)!important } .ios-demo11 { background-image: url(../img/ride-travel-ios-application.html) } .ios-demo12 { background-image: url(../img/train-you-healthcare-ios-application.html)!important } .ios-demo13 { background-image: url(../img/go-wallet-finance-ios-application.html) } .ios-demo14 { background-image: url(../img/instapay-finance-ios-application.html)!important; } .ios-demo15 { background-image: url(../img/goal-alert-sports-ios-application.html) } .ios-demo16 { background-image: url(../img/train-you-sports-ios-application.html) } .ios-demo17 { background-image: url(../img/stubhut-entertainment-ios-application.html)!important; } .ios-demo18 { background-image: url(../img/stubhut-entertainment-ios-application.html) } .ios-demo19 { background-image: url(../img/stubhut-entertainment-ios-application.html) } .ios-demo20 { background-image: url(../img/train-you-healthcare-ios-application.html) } .ios-demo21 { background-image: url(../img/fly-high-travel-ios-application.html)!important; } .ios-demo22 { background-image: url(../img/yumm-travel-ios-application.html) } .android-demo01 { background-image: url(../img/bricks-real-estate-android-application.html) } .android-demo02 { background-image: url(../img/bricks-real-estate-android-application.html) } .android-demo03 { background-image: url(../img/Tictactoe-gaming-android-application.html) } .android-demo04 { background-image: url(../img/zigzag-gaming-android-application.html) } .android-demo05 { background-image: url(../img/stubhut-entertainment-ios-application.html) } .android-demo06 { background-image: url(../img/swap-me-humarn-resource-android-application.html) } .android-demo07 { background-image: url(../img/swap-me-software-development-android-application.html) } .android-demo08 { background-image: url(../img/train-you-healthcare-ios-application.html) } .android-demo09 { background-image: url(../img/docplus-healthcare-android-application.html) } .portfolio_services .contest-list__item .contest{ min-height: inherit; border-radius:0px; box-shadow: none; margin:15px 8px 45px;} .package_row_2{ padding-top: 25px; } .portfolio_services.row_2{ padding-top: 0px; padding-bottom: 20px;} .portfolio_services.row_1 .contest{ margin-bottom: 0px; } .portfolio_services{} form{ margin: 0px; } .login_now{} span.discount-bedge { display: block; width: 29%; float: right; } .package-detail-page a{ padding: 17px 0px 8px 0px!important; } .set-min-height-portfolio{ min-height: 750px; } .portfolio_fold .portfolio .row{ position: relative; } .packages-details-sub{ padding-top: 140px; } .package-detail-page a{ margin: 0px!important; } .package-detail-page h3::before{ display: none!important; } .package-detail-page div.sec-combo-two .single span.old-price {width: 60px; overflow: hidden;} .package-detail-page div.sec-combo-two .single span.add-only {width: 115px;} .package-detail-page .sec-combo { margin-top: 85px; } .package-detail-page div.single ul.no-scroll { height: 200px!important; } .package-details .branding-package{ background-image: none; } .package-detail-page div.single p:first-of-type{ text-align: center; margin-top: 30px; margin-bottom: 20px; } .actions-port{ bottom: 20px; max-width: 236px; clear: both; float: right; } .container-wrap { max-width:1920px; margin:0px auto;} .hero-subservices{ overflow: hidden; } .cost_calc_row-1 { width:49%; } .cost_calc_row-2{ float: left; margin-left: 0px; margin-top: 10px; clear: none; width: 15.6%; margin-right: 1%; } .cost_calc_row-3 { width: 24%; margin-top: 10px; margin-right: 0.5%; } .cost_calc_row-4 { width: 24%; margin-right: 0.5%; margin-top: 10px; } /* ====================== =====Core Styles====== ====================== */ .cost_calc_calculate { background-color: white; /*border: 1px solid rgb(74, 165, 145)!important;*/ color: rgb(74, 165, 145); font-size: 13px; padding: 15px; cursor: pointer; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 4px!important; border-left-width: 0px; -webkit-box-shadow: none; box-shadow: none; border-radius: 6px; } .cost_calc_calculate:hover { background-color: rgb(74, 165, 145); color: white; } .cost_calc_active{ /*background-color: rgb(74, 165, 145)!important;*/ color: rgb(255, 255, 255)!important; /*-webkit-box-shadow: inset 1px 0px 26px 1px rgba(0, 82, 45, 0.45); -moz-box-shadow: inset 1px 0px 26px 1px rgba(0,82,45,1); box-shadow: inset 1px 0px 26px 1px rgba(0, 82, 45, 0.45);*/ border-bottom: 0px!important; padding-bottom: 19px; } /* =========================== ==Calculation / breakdown== =========================== */ #cost_calc_original_price { font-size: 24px; text-decoration: line-through; } #cost_calc_breakdown_container { float: left; width: 100%; background-color: rgb(252, 252, 252); padding: 30px; box-sizing: border-box; border-radius: 10px; border: 1px solid rgb(215, 215, 215); margin-top: 22px; } .cost_calc_heading { float: left; font-size: 1.5em; width: 100%; height: auto; text-align: left; font-weight: normal; line-height: 1em; margin-left: 0%; margin-top: 0px; clear: none; min-height: 0px; color: rgb(139, 139, 139); margin-right: 0%; margin-bottom: 20px; } #cost_calc_total_cost { float: left; font-size: 3em; width: 100%; height: auto; text-align: left; font-weight: normal; line-height: 1em; margin-left: 0%; margin-top: 0px; clear: none; min-height: 0px; color:rgb(74, 165, 145); margin-right: 0%; margin-bottom: 20px; } #cost_calc_breakdown_container .cost_calc_sub-heading { float: left; font-size: 1em; width: 100%; height: auto; text-align: left; font-weight: normal; line-height: 1em; margin-left: 0%; margin-top: 0px; clear: none; min-height: 0px; color: rgb(83, 83, 83); margin-right: 0%; margin-bottom: 10px; } #cost_calc_breakdown_item { font-size: 1em; height: auto; text-align: left; font-weight: normal; /* line-height: 1em; */ line-height: 14px; margin-left: 0%; margin-top: 0px; clear: none; min-height: 0px; color: #2c2c2c; margin-right: 0%; margin-bottom:10px; border-bottom: 1px solid rgb(224, 224, 224); padding-bottom: 10px; margin-bottom: 10px; } #cost_calc_breakdown_price { margin-top: 0px; float: right; text-align: right; width: 50%; color: rgb(74, 165, 145); border-bottom: 1px solid rgb(224, 224, 224); padding-bottom: 8px; margin-bottom: 10px; line-height: 16px; } #cost_calc_breakdown { float: left; height: 14px; margin-left: 0px; margin-top: 0px; clear: both; width: 100%; margin-bottom: 10px; margin-right: 0%; min-width: 0px; height: auto; } .cost_calc_button { font-size: 14px; width: 100%; height: auto; text-align: center; font-weight: normal; line-height: 1em; min-height: 0px; position: relative; top: 0px; left: 0px; color: rgb(255, 255, 255); background-color: rgb(74, 165, 145); padding: 15px; text-transform: uppercase; margin-top: 30px; margin-left: auto; margin-right: auto; clear: none; float: left; /* margin-left: 10px; */ /* margin-right: 10px; */ border:none; cursor: pointer; border-radius: 6px; } .cost_calc_button:hover { -webkit-box-shadow: inset 1px 0px 26px 1px rgba(0, 82, 45, 0.45); -moz-box-shadow: inset 1px 0px 26px 1px rgba(0,82,45,1); box-shadow: inset 1px 0px 26px 1px rgba(0, 82, 45, 0.45); } #cost_calc_clear_calculation { float: left; clear: both; width: 120px; color: rgb(74, 165, 145); cursor:pointer; display: none; margin-top: 20px; } #cost_calc_info { /* float: right; */ width: 43%; margin-top: 20px; line-height: 29px; font-size: 14px; color: rgb(155, 155, 155); display: none; } #cost_calc_day_cost { font-size: 17px; } #cost_calc_monthly { font-size: 17px; } /* ====================== =====Checkout Page==== ====================== */ .cost_calc_quote_summary { background-color: rgb(240, 240, 240); padding: 30px; box-sizing: border-box; width: 1000px; margin-left: auto; margin-right: auto; color: rgb(123, 123, 123); font-family: 'Roboto', sans-serif; clear: both; margin-bottom: 20px; border-radius: 10px; } .cost_calc_item_name { float: left; width: 50%; padding-bottom: 5px; border-bottom: 1px solid rgb(207, 207, 207); } .cost_calc_item_price { float: right; width: 50%; text-align: right; font-weight: 800; color: rgb(14, 152, 125); padding-bottom: 5px; border-bottom: 1px solid rgb(207, 207, 207); } .cost_calc_checkout_form { background-color: rgb(240, 240, 240); padding: 30px; box-sizing: border-box; width: 1000px; margin-left: auto; margin-right: auto; color: rgb(123, 123, 123); font-family: 'Roboto', sans-serif; clear: both; border-radius: 10px; } .cost_calc_breakdown_total { float: right; font-size: 28px; color: rgb(14, 152, 125); font-weight: 600; } .cost_calc_form_information label { clear: both; float: left; width: 100%; font-size: 14px; position: relative; } .cost_calc_form_information input { width: 96%; margin-bottom: 15px; padding: 12px; font-size: 14px; margin-top: 5px; border-radius: 6px; border: 1px solid rgb(213, 213, 213); } .cost_calc_terms { width: 450px; float: left; margin-top: 3px; } .cost_calc_terms_checkbox { position: relative; float: left; width: 100%; } .cost_calc_terms_checkbox input[type='checkbox'] { float: left; width: 20px; } .cost_calc_cost_container { font-size: 30px; color: rgb(14, 152, 125); font-weight: 700; margin-bottom: 15px; } .cost_calc_total_cost_container{ float: left; width: 100%; font-size: 28px; color: rgb(14, 152, 125); margin-top: 10px; } /*Simple Validate required message styles (optional)*/ .SV_validate_form_message { color: rgb(208, 0, 0); top: 0px; right: 19px; font-size: 14px; position: absolute; } .boxedcontainer { max-width: 1170px; margin:auto; padding:0px 30px;} .tp-banner-container{ width:100%; position:relative; padding:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */ background: rgb(20,93,177); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */ background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */ } .tp-banner{ width:100%; position:relative; } .tp-banner-fullscreen-container { width:100%; position:relative; padding:0; } .tp-bannertimer { background:#fff !important; background:rgba(255,255,255,0.1) !important; height:5px !important; } .tp-bullets.simplebullets.navbar { height: 35px; padding: 0px 0px; } .tp-bullets.simplebullets .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(255, 255, 255, 0.5) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 14px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; } .tp-bullets.simplebullets .bullet.last { margin-right: 0px } .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(255, 255, 255, 1) !important; } .tparrows:before { font-family: 'revicons'; color: #fff; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; margin-right: 0; margin-top: 5px; text-align: center; width: 40px; font-size: 20px; } .tparrows { cursor: pointer; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 5px; border-radius: 5px; width: 40px !important; height: 40px !important; } .tparrows:hover { color: #fff; } .tp-leftarrow:before { content: '\e824'; } .tp-rightarrow:before { content: '\e825'; } .tparrows.tp-rightarrow:before { margin-left: 1px; } .tparrows:hover { background: rgba(0, 0, 0, 1) !important; } /****************************** - SLIDER NAV STYLE DEMOS - ********************************/ #slider4container .tparrows:before, #slider4container .tparrows:hover, #slider4container .tparrows { color: #000 !important; } #slider4container .tparrows { background:#fff !important; background:rgba(255,255,255,0.5) !important; } #slider4container .tparrows:hover { background:#fff !important } .tp-hide-revslider, .tp-caption.tp-hidden-caption { visibility: hidden !important; display: none !important; } .tp-caption { z-index: 1; } .tp-caption-demo .tp-caption { position: relative !important; display: inline-block; margin-bottom: 10px; margin-right: 20px !important; } .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.finewide_large_white { color: #ffffff; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; background-color: transparent; text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; font-size: 0px; line-height: 0; min-width: 468px; min-height: 3px; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.finewide_medium_white { color: #ffffff; text-shadow: none; font-size: 37px; line-height: 37px; font-weight: 300; background-color: transparent; text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.boldwide_small_white { font-size: 25px; line-height: 25px; font-weight: 800; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; text-shadow: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.whitedivider3px_vertical { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; font-size: 0px; line-height: 0; min-width: 3px; min-height: 130px; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.finewide_small_white { color: #ffffff; text-shadow: none; font-size: 25px; line-height: 25px; font-weight: 300; background-color: transparent; text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.finewide_verysmall_white_mw { font-size: 13px; line-height: 25px; font-weight: 500; color: #ffffff; text-decoration: none; background-color: transparent; text-shadow: none; text-transform: uppercase; letter-spacing: 5px; max-width: 470px; white-space: normal !important; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.lightgrey_divider { text-decoration: none; background-color: rgb(235, 235, 235); background-color: rgba(235, 235, 235, 1); width: 370px; height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position: absolute; color: rgb(223,75,107); font-weight: 500; font-size: 150px; line-height: 130px; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; background-color: rgb(45,49,54); padding: 0px; } .tp-caption.middle_yellow { position: absolute; color: rgb(251,213,114); font-weight: 600; font-size: 50px; line-height: 50px; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.huge_thin_yellow { position: absolute; color: rgb(251,213,114); font-weight: 300; font-size: 90px; line-height: 90px; margin: 0px; letter-spacing: 20px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.big_dark { position: absolute; color: #333; font-weight: 700; font-size: 70px; line-height: 70px; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.medium_dark { position: absolute; color: #333; font-weight: 300; font-size: 40px; line-height: 40px; margin: 0px; letter-spacing: 5px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.medium_grey { position: absolute; color: #fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 20px; line-height: 20px; padding: 2px 4px; margin: 0px; border-width: 0px; border-style: none; background-color: #888; white-space: nowrap; } .tp-caption.small_text { position: absolute; color: #fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 14px; line-height: 20px; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.medium_text { position: absolute; color: #fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 20px; line-height: 20px; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.large_bold_white_25 { font-size: 55px; line-height: 65px; font-weight: 700; color: #fff; text-decoration: none; background-color: transparent; text-align: center; text-shadow: #000 0px 5px 10px; border-width: 0px; border-color: rgb(255, 255, 255); border-style: none; } .tp-caption.medium_text_shadow { font-size: 25px; line-height: 25px; font-weight: 600; color: #fff; text-decoration: none; background-color: transparent; text-align: center; text-shadow: #000 0px 5px 10px; border-width: 0px; border-color: rgb(255, 255, 255); border-style: none; } .tp-caption.large_text { position: absolute; color: #fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 40px; line-height: 40px; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.medium_bold_grey { font-size: 30px; line-height: 30px; font-weight: 800; color: rgb(102, 102, 102); text-decoration: none; background-color: transparent; text-shadow: none; margin: 0px; padding: 1px 4px 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.very_large_text { position: absolute; color: #fff; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 60px; line-height: 60px; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; letter-spacing: -2px; } .tp-caption.very_big_white { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 60px; line-height: 60px; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; padding: 0px 4px; padding-top: 1px; background-color: #000; } .tp-caption.very_big_black { position: absolute; color: #000; text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; padding: 0px 4px; padding-top: 1px; background-color: #fff; } .tp-caption.modern_medium_fat { position: absolute; color: #000; text-shadow: none; font-weight: 800; font-size: 24px; line-height: 20px; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.modern_medium_fat_white { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 24px; line-height: 20px; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.modern_medium_light { position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 20px; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.modern_big_bluebg { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 30px; line-height: 36px; padding: 3px 10px; margin: 0px; border-width: 0px; border-style: none; background-color: #4e5b6c; letter-spacing: 0; } .tp-caption.modern_big_redbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 30px; line-height: 36px; padding: 3px 10px; padding-top: 1px; margin: 0px; border-width: 0px; border-style: none; background-color: #de543e; letter-spacing: 0; } .tp-caption.modern_small_text_dark { position: absolute; color: #555; text-shadow: none; font-size: 14px; line-height: 22px; margin: 0px; border-width: 0px; border-style: none; white-space: nowrap; } .tp-caption.boxshadow { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color: #000; text-shadow: none; } .tp-caption.noshadow { text-shadow: none; } .tp-caption a { color: #fff; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-caption a:hover { color: #145db1; } .tp-caption.thinheadline_dark { position: absolute; color: rgba(0,0,0,0.85); text-shadow: none; font-weight: 300; font-size: 30px; line-height: 30px; background-color: transparent; } .tp-caption.thintext_dark { position: absolute; color: rgba(0,0,0,0.85); text-shadow: none; font-weight: 300; font-size: 16px; line-height: 26px; background-color: transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size: 30px; line-height: 75px; font-weight: 800; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.498039); padding: 50px 25px; text-align: center; border-radius: 500px 500px 500px 500px; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.largeblackbg { font-size: 50px; line-height: 70px; font-weight: 300; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 0, 0); padding: 0px 20px 5px; text-shadow: none; border-width: 0px; border-color: rgb(255, 255, 255); border-style: none; } .tp-caption.largepinkbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; background-color: #db4360; padding: 0px 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .tp-caption.largewhitebg { position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; background-color: #fff; padding: 0px 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .tp-caption.largegreenbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; background-color: #67ae73; padding: 0px 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .tp-caption.excerpt { font-size: 34px; line-height: 36px; font-weight: 700; color: #ffffff; text-decoration: none; background-color: rgba(0, 0, 0, 1); text-shadow: none; margin: 0px; letter-spacing: -1.5px; padding: 1px 4px 0px 4px; width: 150px; white-space: normal !important; height: auto; border-width: 0px; border-color: rgb(255, 255, 255); border-style: none; } .tp-caption.large_bold_grey { font-size: 60px; line-height: 60px; font-weight: 800; color: rgb(102, 102, 102); text-decoration: none; background-color: transparent; text-shadow: none; margin: 0px; padding: 1px 4px 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_thin_grey { font-size: 34px; line-height: 30px; font-weight: 300; color: rgb(102, 102, 102); text-decoration: none; background-color: transparent; padding: 1px 4px 0px; text-shadow: none; margin: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.small_thin_grey { font-size: 18px; line-height: 26px; font-weight: 300; color: rgb(117, 117, 117); text-decoration: none; background-color: transparent; padding: 1px 4px 0px; text-shadow: none; margin: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.lightgrey_divider { text-decoration: none; background-color: rgba(235, 235, 235, 1); width: 370px; height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.large_bold_darkblue { font-size: 58px; line-height: 60px; font-weight: 800; color: rgb(52, 73, 94); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bg_darkblue { font-size: 20px; line-height: 20px; font-weight: 800; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(52, 73, 94); padding: 10px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bold_red { font-size: 24px; line-height: 30px; font-weight: 800; color: rgb(227, 58, 12); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_light_red { font-size: 21px; line-height: 26px; font-weight: 300; color: rgb(227, 58, 12); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bg_red { font-size: 20px; line-height: 20px; font-weight: 800; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(227, 58, 12); padding: 10px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bold_orange { font-size: 24px; line-height: 30px; font-weight: 800; color: rgb(243, 156, 18); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_bg_orange { font-size: 20px; line-height: 20px; font-weight: 800; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(243, 156, 18); padding: 10px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.grassfloor { text-decoration: none; background-color: rgba(160, 179, 151, 1); width: 4000px; height: 150px; border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.large_bold_white { font-size: 58px; line-height: 60px; font-weight: 800; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_light_white { font-size: 30px; line-height: 36px; font-weight: 300; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.mediumlarge_light_white { font-size: 34px; line-height: 40px; font-weight: 300; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.mediumlarge_light_white_center { font-size: 34px; line-height: 40px; font-weight: 300; color: #ffffff; text-decoration: none; background-color: transparent; padding: 0px 0px 0px 0px; text-align: left; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; font-family: 'Roboto', sans-serif; font-weight: bold; width: 600px; } .tp-caption.medium_bg_asbestos { font-size: 20px; line-height: 20px; font-weight: 800; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(127, 140, 141); padding: 10px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.medium_light_black { font-size: 24px; line-height: 28px; color: #fff; text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; font-family: 'Roboto', sans-serif; font-weight: 500; width: 600px; } .tp-caption.large_bold_black { font-size: 58px; line-height: 60px; font-weight: 800; color: rgb(0, 0, 0); text-decoration: none; background-color: transparent; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.mediumlarge_light_darkblue { font-size: 34px; line-height: 40px; font-weight: 300; color: rgb(52, 73, 94); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.small_light_white { font-size: 17px; line-height: 28px; font-weight: 300; color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; padding: 0px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.roundedimage { border-width: 0px; border-color: rgb(34, 34, 34); border-style: none; } .tp-caption.large_bg_black { font-size: 40px; line-height: 40px; font-weight: 800; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 0, 0); padding: 10px 20px 15px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.mediumwhitebg { font-size: 30px; line-height: 30px; font-weight: 300; color: rgb(0, 0, 0); text-decoration: none; background-color: rgb(255, 255, 255); padding: 5px 15px 10px; text-shadow: none; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; } .tp-caption.medium_bg_orange_new1 { font-size: 20px; line-height: 20px; font-weight: 800; color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(243, 156, 18); padding: 10px; border-width: 0px; border-color: rgb(255, 214, 88); border-style: none; } .tp-caption.boxshadow { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute; left: -40px; top: 0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; right: 0px; top: 0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; left: -40px; top: 0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute; right: 0px; top: 0px; } /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding: 6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size: 15px; line-height: 45px !important; background: url(../img/gradient/g30.html) repeat-x top; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; padding: 9px 20px; font-size: 19px; line-height: 57px !important; background: url(../img/gradient/g40.html) repeat-x top; } .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position: bottom, 15px 11px; } @media only screen and (min-width: 768px) and (max-width: 959px) {} @media only screen and (min-width: 480px) and (max-width: 767px) { .web-placeholder { width: 100% !important; left: 0 !important; } .tp-simpleresponsive .button { padding: 4px 8px 3px; line-height: 25px !important; font-size: 11px !important; font-weight: normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding: 2px 5px 2px; line-height: 20px !important; font-size: 10px !important; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color: #21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color: #1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68; } .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color: #cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212; } .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color: #ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00; } .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color: #555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222; } .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color: #888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555; } /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width: 100%; position: relative; padding: 0; } .fullwidthbanner-container { width: 100%; position: relative; padding: 0; overflow: hidden; } .fullwidthbanner-container .fullwidthbanner { width: 100%; position: relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position: absolute; visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width: none; } /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter: none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position: absolute; margin-left: auto; margin-right: auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background: url(../img/shadow1.html) no-repeat; background-size: 100% 100%; width: 890px; height: 60px; bottom: -60px; } .tp-bannershadow.tp-shadow2 { background: url(../img/shadow2.html) no-repeat; background-size: 100% 100%; width: 890px; height: 60px; bottom: -60px; } .tp-bannershadow.tp-shadow3 { background: url(../img/shadow3.html) no-repeat; background-size: 100% 100%; width: 890px; height: 60px; bottom: -60px; } /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; } .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width: 100% !important; height: 100% !important; display: none } .tp-caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; } .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width: 100% !important; height: 100% !important; display: none; } .fullcoveredvideo video, .fullscreenvideo video { background: #000; } .fullcoveredvideo .tp-poster { background-position: center center; background-size: cover; width: 100%; height: 100%; top: 0px; left: 0px; } .html5vid.videoisplaying .tp-poster { display: none } .tp-video-play-button { background: #000; background: rgba(0,0,0,0.3); padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width: 6px; height: 20px; border-left: 5px solid #fff; border-right: 5px solid #fff; position: relative; margin: 10px 20px; } .html5vid .tp-revstop { display: none; } .html5vid.videoisplaying .revicon-right-dir { display: none } .html5vid.videoisplaying .tp-revstop { display: block } .html5vid.videoisplaying .tp-video-play-button { display: none } .html5vid:hover .tp-video-play-button { display: block } .fullcoveredvideo .tp-video-play-button { display: none !important } /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; } .tp-dottedoverlay.twoxtwo { background: url(../img/gridtile.html) } .tp-dottedoverlay.twoxtwowhite { background: url(../img/gridtile_white.html) } .tp-dottedoverlay.threexthree { background: url(../img/gridtile_3x3.html) } .tp-dottedoverlay.threexthreewhite { background: url(../img/gridtile_3x3_white.html) } /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear: both; } .tp-bullets { z-index: 1000; position: absolute; left: 20% !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5px); opacity: 0 !important; } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border: 1px solid #666; border-bottom: 1px solid #444; background: url(../img/boxed_bgtile.html); height: 40px; padding: 0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tp-bullets.simplebullets.navbar-old { background: url(../img/navigdots_bgtile.html); height: 35px; padding: 0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative; background: url(../img/bullet.html) no-Repeat top left; width: 20px; height: 20px; margin-right: 0px; float: left; margin-top: 0px; margin-left: 3px; } .tp-bullets.simplebullets.round .bullet.last { margin-right: 3px; } .tp-bullets.simplebullets.round-old .bullet { cursor: pointer; position: relative; background: url(../img/bullets.html) no-Repeat bottom left; width: 23px; height: 23px; margin-right: 0px; float: left; margin-top: 0px; } .tp-bullets.simplebullets.round-old .bullet.last { margin-right: 0px; } /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor: pointer; position: relative; background: url(../img/bullets2.html) no-Repeat bottom left; width: 19px; height: 19px; margin-right: 0px; float: left; margin-top: 0px; } .tp-bullets.simplebullets.square .bullet.last { margin-right: 0px; } /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor: pointer; position: relative; background: url(../img/bullets2.html) no-Repeat bottom left; width: 19px; height: 19px; margin-right: 0px; float: left; margin-top: 0px; } .tp-bullets.simplebullets.square-old .bullet.last { margin-right: 0px; } /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor: pointer; position: relative; background: url(../img/bullet_boxed.html) no-Repeat top left; width: 18px; height: 19px; margin-right: 5px; float: left; margin-top: 0px; } .tp-bullets.simplebullets.navbar .bullet.first { margin-left: 0px !important; } .tp-bullets.simplebullets.navbar .bullet.last { margin-right: 0px !important; } /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor: pointer; position: relative; background: url(../img/navigdots.html) no-Repeat bottom left; width: 15px; height: 15px; margin-left: 5px !important; margin-right: 5px !important; float: left; margin-top: 10px; } .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left: 0px !important; } .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right: 0px !important; } .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position: top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position: bottom left; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index: 600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index: 100; cursor: pointer; position: relative; background: url(../img/large_left.html) no-Repeat top left; width: 40px; height: 40px; } .tp-rightarrow { z-index: 100; cursor: pointer; position: relative; background: url(../img/large_right.html) no-Repeat top left; width: 40px; height: 40px; } .tp-leftarrow.round { z-index: 100; cursor: pointer; position: relative; background: url(../img/small_left.html) no-Repeat top left; width: 19px; height: 14px; margin-right: 0px; float: left; margin-top: 0px; } .tp-rightarrow.round { z-index: 100; cursor: pointer; position: relative; background: url(../img/small_right.html) no-Repeat top left; width: 19px; height: 14px; margin-right: 0px; float: left; margin-top: 0px; } .tp-leftarrow.round-old { z-index: 100; cursor: pointer; position: relative; background: url(../img/arrow_left.html) no-Repeat top left; width: 26px; height: 26px; margin-right: 0px; float: left; margin-top: 0px; } .tp-rightarrow.round-old { z-index: 100; cursor: pointer; position: relative; background: url(../img/arrow_right.html) no-Repeat top left; width: 26px; height: 26px; margin-right: 0px; float: left; margin-top: 0px; } .tp-leftarrow.navbar { z-index: 100; cursor: pointer; position: relative; background: url(../img/small_left_boxed.html) no-Repeat top left; width: 20px; height: 15px; float: left; margin-right: 6px; margin-top: 12px; } .tp-rightarrow.navbar { z-index: 100; cursor: pointer; position: relative; background: url(../img/small_right_boxed.html) no-Repeat top left; width: 20px; height: 15px; float: left; margin-left: 6px; margin-top: 12px; } .tp-leftarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; background: url(../img/arrowleft.html) no-Repeat top left; width: 9px; height: 16px; float: left; margin-right: 6px; margin-top: 10px; } .tp-rightarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; background: url(../img/arrowright.html) no-Repeat top left; width: 9px; height: 16px; float: left; margin-left: 6px; margin-top: 10px; } .tp-leftarrow.navbar-old.thumbswitharrow { margin-right: 10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left: 0px; } .tp-leftarrow.square { z-index: 100; cursor: pointer; position: relative; background: url(../img/arrow_left2.html) no-Repeat top left; width: 12px; height: 17px; float: left; margin-right: 0px; margin-top: 0px; } .tp-rightarrow.square { z-index: 100; cursor: pointer; position: relative; background: url(../img/arrow_right2.html) no-Repeat top left; width: 12px; height: 17px; float: left; margin-left: 0px; margin-top: 0px; } .tp-leftarrow.square-old { z-index: 100; cursor: pointer; position: relative; background: url(../img/arrow_left2.html) no-Repeat top left; width: 12px; height: 17px; float: left; margin-right: 0px; margin-top: 0px; } .tp-rightarrow.square-old { z-index: 100; cursor: pointer; position: relative; background: url(../img/arrow_right2.html) no-Repeat top left; width: 12px; height: 17px; float: left; margin-left: 0px; margin-top: 0px; } .tp-leftarrow.default { z-index: 100; cursor: pointer; position: relative; background: url(../img/large_left.html) no-Repeat 0 0; width: 40px; height: 40px; display: none; } .tp-rightarrow.default { z-index: 100; cursor: pointer; position: relative; background: url(../img/large_right.html) no-Repeat 0 0; width: 40px; height: 40px; display: none; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position: bottom left; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index: 1000; position: absolute; padding: 3px; background-color: #fff; width: 500px; height: 50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top: -50px; } .fullwidthbanner-container .tp-thumbs { padding: 3px; } .tp-bullets.tp-thumbs .tp-mask { width: 500px; height: 50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow: hidden; position: relative; } .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width: 5000px; position: absolute; } .tp-bullets.tp-thumbs .bullet { width: 100px; height: 50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor: pointer; overflow: hidden; background: none; margin: 0; float: left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width: 100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width: 100%; height: 10px; background: url(../img/timer.html); position: absolute; z-index: 200; top: 0px; } .tp-bannertimer.tp-bottom { bottom: 0px; height: 5px; top: auto; } /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display: none } .responsive .tparrows { display: none; } } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a { text-decoration: none; } .tp-simpleresponsive ul { list-style: none; padding: 0; margin: 0; } .tp-simpleresponsive >ul >li { list-stye: none; position: absolute; visibility: hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width: 3000px; height: 1500px; background: url(../img/coloredbg.html) repeat; } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top: 50%; left: 50%; z-index: 10000; position: absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background: url(../img/loader.html) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background: url(../img/loader.html) no-repeat 10px 10px; background-color: #fff; margin: -22px -22px; width: 44px; height: 44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) } } @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) } } @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content: "url(../img/transparent.png)" } .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('../fonts/revicons90c6.html?5510888'); src: url('../fonts/revicons90c6.html?5510888#iefix') format('embedded-opentype'), url('../fonts/revicons90c6-2.html?5510888') format('woff'), url('../fonts/revicons90c6-3.html?5510888') format('truetype'), url('../fonts/revicons90c6-4.html?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em;/* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'; } /* '' */ .revicon-pencil-1:before { content: '\e831'; } /* '' */ .revicon-picture-1:before { content: '\e803'; } /* '' */ .revicon-cancel:before { content: '\e80a'; } /* '' */ .revicon-info-circled:before { content: '\e80f'; } /* '' */ .revicon-trash:before { content: '\e801'; } /* '' */ .revicon-left-dir:before { content: '\e817'; } /* '' */ .revicon-right-dir:before { content: '\e818'; } /* '' */ .revicon-down-open:before { content: '\e83b'; } /* '' */ .revicon-left-open:before { content: '\e819'; } /* '' */ .revicon-right-open:before { content: '\e81a'; } /* '' */ .revicon-angle-left:before { content: '\e820'; } /* '' */ .revicon-angle-right:before { content: '\e81d'; } /* '' */ .revicon-left-big:before { content: '\e81f'; } /* '' */ .revicon-right-big:before { content: '\e81e'; } /* '' */ .revicon-magic:before { content: '\e807'; } /* '' */ .revicon-picture:before { content: '\e800'; } /* '' */ .revicon-export:before { content: '\e80b'; } /* '' */ .revicon-cog:before { content: '\e832'; } /* '' */ .revicon-login:before { content: '\e833'; } /* '' */ .revicon-logout:before { content: '\e834'; } /* '' */ .revicon-video:before { content: '\e805'; } /* '' */ .revicon-arrow-combo:before { content: '\e827'; } /* '' */ .revicon-left-open-1:before { content: '\e82a'; } /* '' */ .revicon-right-open-1:before { content: '\e82b'; } /* '' */ .revicon-left-open-mini:before { content: '\e822'; } /* '' */ .revicon-right-open-mini:before { content: '\e823'; } /* '' */ .revicon-left-open-big:before { content: '\e824'; } /* '' */ .revicon-right-open-big:before { content: '\e825'; } /* '' */ .revicon-left:before { content: '\e836'; } /* '' */ .revicon-right:before { content: '\e826'; } /* '' */ .revicon-ccw:before { content: '\e808'; } /* '' */ .revicon-arrows-ccw:before { content: '\e806'; } /* '' */ .revicon-palette:before { content: '\e829'; } /* '' */ .revicon-list-add:before { content: '\e80c'; } /* '' */ .revicon-doc:before { content: '\e809'; } /* '' */ .revicon-left-open-outline:before { content: '\e82e'; } /* '' */ .revicon-left-open-2:before { content: '\e82c'; } /* '' */ .revicon-right-open-outline:before { content: '\e82f'; } /* '' */ .revicon-right-open-2:before { content: '\e82d'; } /* '' */ .revicon-equalizer:before { content: '\e83a'; } /* '' */ .revicon-layers-alt:before { content: '\e804'; } /* '' */ .revicon-popup:before { content: '\e828'; } /* '' */ #header-sroll.small{} .hero-services.hero-subservices { } .hero-subservices img{ width: 100%; } .about-client-inner h3{ margin-top: 0px; } .cta-block span.icon-chat, .cta-block span.icon-support{ float: left; line-height: 40px;} .cta-block span.icon-chat {font-size: 50px;} .cta-block span.icon-support{ font-size: 50px; line-height: 45px;} .cta-block:hover > .icon-support, .cta-block:hover > .icon-chat{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */ background: rgb(20,93,177); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */ background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */ color:transparent; -webkit-background-clip: text;} .chat:hover > .cta-block > .info > a, .no:hover > .cta-block > .info > span{color: #2c2c2c; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} .chat:hover > .cta-block > .info > small, .no:hover > .cta-block > .info > small{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */ background: rgb(20,93,177); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */ background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */ color:transparent; -webkit-background-clip: text; background-clip: text; font-weight: 900;} .info{ padding-left: 40px; } .breakdown .cs-options li { background: #fff; border: 1px solid #e5e5e5 !important; } .breakdown .cs-skin-elastic.cs-active .cs-options { border: none; } .testimonial-sec-inner p.testimonial-second-name{ font-size: 14px; } small.border-right{ border-right: 1px solid #fff; position: absolute; right: -15px; height: 42px; top: 0px; opacity: 0.6; } .top-action .btn-line-fill{color: #fff;background: linear-gradient(to right,#f05a28 0,#e80a89 100%);} header #header-sroll:hover .top-action .btn-line-fill{ color: #fff; } #header-sroll.small .top-action .btn-line-fill{ color: #fff; } .top-action .btn-line-fill:hover{ color: #fff!important; } /*.logo { background: url(../img/logo.png) no-repeat; display: inline-block; position: relative; text-indent: -9999px; width: 148px; height: 50px; background-position: 0px 0px; } .logo span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/logo.png) no-repeat; background-position: 0px -60px; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s } .logo:hover > span { opacity: 1 }*/ .methodology{ border-top:1px solid #e8e8e8; overflow: hidden;} .methodology h3{ margin-top: 0px; } .clients-answer .cs-skin-elastic .cs-options > ul::before{ background-color: #fff; } .clients-answer .cs-skin-elastic.cs-active .cs-options{ padding-top: 0px; } .clients-answer .cs-skin-elastic.cs-active .cs-options ul li { border-bottom: 1px solid #cccccc; } .methodology-slider{ margin-top: 25px; } .quick-contact-slider .sensation-slide { padding: 0px 20px 0px 20px; } div.filter-industry div.cbp-filter-item-active.cbp-filter-item.all-btn { background-color: #145db1; color: #fff; text-decoration: none; max-width: 175px; } div.filter-industry div.cbp-filter-item.all-btn { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,145db1+50,90298b+100 */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(left, rgb(184,255,255) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(255,255255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=1 ); /* IE6-9 */ background-color: #fff; color: #888888; text-decoration: none; height: 45px; font-size: 11px; text-transform: uppercase; display: inline-block; padding: 13px 15px; outline: none; border:none; min-width: 154px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 5px; font-size: 12px; border:1px solid #ECECEC; margin-bottom: 40px; } div.filter-industry div.cbp-filter-item.all-btn:hover, div.cbp-filter-item.all-btn:focus { background-color: #10519c; color: #fff; text-decoration: none; } .filter-wrapper{ padding-left: 106px; } div.filter-wrapper div.cbp-filter-item{ float: left; margin-bottom: 40px; } .filter-industry{} div.filter-industry div.cbp-filter-item{ text-align: left; height: auto; width: 100%; border:none; border-bottom: 1px solid #fff; border-radius:0px; padding: 0px; margin: 0px 0px 20px 0px; text-transform: none; font-size: 12px; } div.filter-industry div.cbp-filter-item:hover{ color:#145db1; background: transparent; filter: none; background-color: transparent; text-decoration: underline; } div.filter-industry div.cbp-filter-item.cbp-filter-item-active{ color:#145db1; background: transparent; filter: none; background-color: transparent; text-decoration: underline; } .contest-list.contest-list--scrollable .contest-list__item .contest .actions{ position: relative; } .clients-section h3::before{ display: none; } .contest-list.contest-list--scrollable .contest-list__item .contest .actions::before{ position: absolute; content: ""; height: 43px; background-color: #eee; width: 1px; left: 52%; top: 10px;} .mult-contact-form small.phone-number{ float: none; display: block; font-size: 16px; } .branding-cust{} .branding-cust h3::before { width: 75px; margin: 15px 0px; background-color: #fff; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(left, rgb(255,255,255) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(255,255,255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=1 ); /* IE6-9 */ background-color: #fff; } .holder-offer h3{ color: #2d2b25; font-size:28px; font-family: 'Roboto', sans-serif; } .holder-offer h3::before{ display: none; } .mult-contact-form h3::before{ display: none; } .subscribe_fold h3::before{ display: none; } .progress-area h3::before{ margin: 15px 0px; } .sec-combo-two .actions a{min-width: inherit;width: 45%;float: left;margin: 25px 0px 0px 0px; color: #fff;} .sec-combo-two .actions a span small{ display: block; font-size: 12px; } .branding-cust .single { -webkit-transition: all 200ms ease-in; -webkit-transform: none; -ms-transition: all 200ms ease-in; -ms-transform: none; -moz-transition: all 200ms ease-in; -moz-transform: none; transition: all 200ms ease-in; transform: none; } .branding-cust .single:hover { z-index: 2; -webkit-transition: all 200ms ease-in; -webkit-transform: none; -ms-transition: all 200ms ease-in; -ms-transform: none; -moz-transition: all 200ms ease-in; -moz-transform: none; transition: all 200ms ease-in; transform: none; box-shadow: none!important; } .sec-combo-two h3::before, section.call-actions h2::before, section.call-actions h3::before { display: none; } h2::before, h3::before { content: ""; width: 75px; height: 10px; display: block; margin:0px auto 15px; background-color: #ed2775; } h3::before { width: 75px; margin: 0px auto 15px; } .holder-offer {text-align: center;margin-top: 50%;margin-bottom: 50%;} .contest-list.contest-list--scrollable .contest-list__item .holder-offer p{ padding: 0px 50px; line-height: normal; font-size: 14px; text-align: center; } .d_t { display: table; height: 100%; margin: 0px auto } .d_c { display: table-cell; vertical-align: middle; position: relative } [data-scrollable] { overflow:hidden; position:relative } [data-scrollable-inner] { white-space:nowrap; overflow-x:auto; overflow-y:hidden; position:relative } .contest-list { text-align: center; display: -webkit-inline-box; display: -ms-inline-flexbox; /*display: inline-flex*/ } .contest-list__item { display: inline-block; vertical-align: top; white-space: normal } .contest { text-align: left; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 345px; min-height: 520px; margin: 15px 15px 20px; padding: 0px; background: #fff; box-shadow: 0 10px 20px 0 rgba(0,0,0,.1); border-radius: 16px; font-size: 16px; overflow: hidden; border:1px solid #e8e8e8; } .contest__description, .contest__entries, .contest__prize, .contest__stats, .contest__title { display: block; width: 100%; padding-left: 15px; padding-right: 15px } .contest__prize, .contest__title { font-size: 19px; margin-top: 0; font-family: 'Roboto', sans-serif; font-weight: 500; line-height: 1.3; letter-spacing: 0; margin-bottom: 10px } @media (min-width:600px) and (max-width:899px) { .contest__prize, .contest__title { font-size: 16px } .mdl-cell.mdl-cell--12-col { width: 100%; overflow: scroll; } } @media (min-width:0) and (max-width:599px) { .contest__prize, .contest__title { font-size: 16px } .mdl-cell.mdl-cell--12-col { width: 100%; overflow: scroll; } } .contest__description { margin-top: 0; margin-right: 0; margin-left: 0; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 1.6; margin-bottom: 0!important; color: #999; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .contest__prize { color: #ccc } .contest__entries { font-size: 0; padding-top: 16px; padding-bottom: 15px } .contest__entries__entry { display: inline-block; margin: 0 2.5px; width: 65px; height: 65px; vertical-align: middle; position: relative; border: 1px solid #f3f2f0 } .contest__entries__entry--winner { width: 100px; height: 100px; margin-left: 16px } .contest__entries__entry__icon { position: absolute; top: -16px; left: -16px; font-size: initial; line-height: 1; z-index: 10; color: #fff; background: #555; border: 8px solid #555; border-radius: 50% } .contest__entries__entry__icon:before { position: absolute; content: ""; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 100%; background: #fff; z-index: -1 } .contest--cta { box-shadow: none; border: 2px dashed #bbbbbb; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .hero.hero-home .container{ z-index: 3; } .hero-overlay{ position: absolute; width: 100%; height: 100%; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 2; background: rgba(28, 28, 28, 0.5); } .homepage-hero-module { border-right: none; border-left: none; left: 0px; right: 0px; bottom: 0px; top: 0px; z-index: 1; position: absolute; height: 100%!important; width: 100%!important; } .no-video .video-container video, .touch .video-container video { display: none; } .no-video .video-container .poster, .touch .video-container .poster { display: block !important; } .video-container { position: relative; bottom: 0%; top: 0px; left: 0%; height: 100%; width: 100%; overflow: hidden; background: #000; } .video-container .poster img { width: 100%; bottom: 0; position: absolute; } .video-container .filter { z-index: 100; position: absolute; background: rgba(0, 0, 0, 0.4); width: 100%!important; height: 100%!important; } .video-container video { position: absolute; z-index: 0; left: -10%; right: 0px; top: 0px; width: 110%!important; bottom: 0; } .video-container video.fillWidth { width: 100%; } .clients-section{ background-color: #fff; } .comp-symbol{ margin-bottom: 20px; } #header-sroll.small ul#navigation li a{color: #888888; opacity: 1;} #header-sroll.small .call-action span small{ color: #888888; } #header-sroll.small .call-action a{ color: #888888; } .top-action{ display: inline-block; vertical-align: top; padding-right: 33px; margin-top: 6px; } .call-action a{ color: #fff; font-size: 14px; } .header-content { display: inline-block; padding-right: 20px; margin-top: 0; padding-bottom: 15px; } .hero-home .actions a{ min-width: 234px; font-size: 12px; } .sub-footer{ padding:40px 0px 10px 0px ; } /*.slimScrollDiv { padding-bottom: 20px; overflow: inherit!important; padding-left: 20px; padding-right: 20px; height: auto !important; }*/ .slimScrollDiv { overflow: inherit!important; padding-left: 0px; padding-right: 20px; height: auto !important; } .qualities{border-top:1px solid #e6e6e6;} .privacyPolicy{ position: relative; } .privacyPolicy .margin-bottom-20.contact_info .address, .privacyPolicy .margin-bottom-20.contact_info .phone, .privacyPolicy .margin-bottom-20.contact_info .mail { display: inline-block; padding-right: 15px; position: relative; } .privacyPolicy .margin-bottom-20.contact_info .address p, .privacyPolicy .margin-bottom-20.contact_info .phone p, .privacyPolicy .margin-bottom-20.contact_info .mail p { padding-left: 20px; font-size: 18px; } .privacyPolicy .address i, .privacyPolicy .phone i, .privacyPolicy .mail i { color: #bebebe; position: absolute; left: 0px; top: 4px!important; } .privacyPolicy .phone i { top: 3px; } .privacyPolicy .margin-bottom-20.contact_info .address i, .privacyPolicy .margin-bottom-20.contact_info .phone i, .privacyPolicy .margin-bottom-20.contact_info .mail i { font-size: 20px; top: 0px; } .privacyPolicy .margin-bottom-20.contact_info .mail a { padding-left: 28px; font-size: 18px; color: #737373; text-decoration: none; position: relative; top: -3px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .privacyPolicy{ background-color: #fff; padding: 60px 0px; margin-top: 60px; } .privacyPolicy h3 { font-size: 24px; text-align: left; } .privacyPolicy p { font-size: 16px; color: #737373; text-align: left; } .web-placeholder-demo01 { left: 5px; bottom: 5px; right: 5px; position: absolute; top: 40px; } .web-placeholder-demo02 { width: 98% !important; left: 6px; bottom: 5px; right: 5px; position: absolute; top: 40px; height: 301px !important; border-radius: 0 0 8px 8px; } .form-signin ::-webkit-input-placeholder ,.login ::-webkit-input-placeholder{ /* Chrome/Opera/Safari */ text-transform: capitalize; } .form-signin ::-moz-placeholder ,.login ::-webkit-input-placeholder { /* Firefox 19+ */ text-transform: capitalize; } .form-signin :-ms-input-placeholder,.login :-ms-input-placeholder{ /* IE 10+ */ text-transform: capitalize; } .form-signin :-moz-placeholder,.login :-moz-placeholder{ /* Firefox 18- */ text-transform: capitalize; } .web-placeholder .slimScrollBar {margin-top: 40px !important;right: 5px !important;} .web-demo-01{ background-image: url(../img/portfolio/13-portfolio-web.html); background-size: 100% 100%;} .web-demo-02{ background-image: url(../img/portfolio/09-portfolio-web.html); background-size: 100% 100%;} *:focus { outline: 0; } .subscribe_fold .form-control input:-webkit-autofill { -webkit-box-shadow: none; -webkit-text-fill-color: #000 !important; } ;.subscribe_fold button:-webkit-autofill { -webkit-box-shadow: none; -webkit-text-fill-color: #000 !important; } button:focus, input:focus, a:focus{ text-decoration: none !important; outline: none !important; } section.pricing{ /*overflow: hidden;*/ padding-bottom: 50px;} .about-slider .sensation-dots{ bottom: 10px; } .if-brand .content-height{ height: 530px; } .contact{ overflow: hidden; } .award-slid .sensation-slide{ text-align: center; } .quality{ text-align: center; } .if-phone .content-height{ height: 550px;} .if-web .content-height{ height: 355px; padding-left: 50px;} .if-wearable .content-height{ height: 545px; padding-left: 50px;} .if-android .content-height{ height: 475px; padding-left: 50px;} .if-ios .content-height{ height: 475px; padding-left: 50px;} .mobile-device { width: 364px; min-height: 654px; background-image: url(../img/stubhut-entertainment-ios-application.html), url(../img/casestudy_mobile.html); background-repeat: no-repeat, no-repeat; background-position: center 78px, 0px 0px; background-size: 75%, 100%; float: right; } .a-iphone-placeholder { position: relative; top: 5px; left: 0px; right: 0px; z-index: -1; bottom: 0px; background-image: url(../img/phone.html); background-repeat: no-repeat; width: 285px; height: 550px; z-index: 1; background-size: auto 100%; } .ios-demo17 { background-image: url(../img/stubhut-entertainment-ios-application.html); } .a-iphone-placeholder-demo01 { background-image: url(../img/stubhut-entertainment-ios-application.html); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; left: 22px; bottom: 65px; right: 17px; margin: 0px auto; top: 54px; } .web-placeholder { position: relative; top: 5px; background-position: right; left: 50px; right: 0px; z-index: -1; bottom: 0px; background-image: url(../img/browser-frame.html); background-repeat: no-repeat; width: 510px; height: 347px; z-index: 1; background-size: auto 100%; } .web-demo01 { background-image: url(../img/stubhut-entertainment-ios-application.html); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; left: 22px; bottom: 65px; right: 22px; margin: 0px auto; top: 54px; } .branding-pricing{ padding-top: 50px; } .address{ display: block; padding-right: 54px;} /*.height-for-quote{ height: 652px; }*/ .awards h4{ line-height: normal; text-transform: none; text-transform: uppercase;} .awards h4:last-child{ color:#2e2e2e; } .badge-guranteed{ width: 150px; margin: 0px auto; margin-top: 29px;} .no-theme-btn{ color:#000; font-size: 12px; } .wow { visibility: hidden } .main-menu{ position: relative; top: 0px; left:0px; display: inline-block; z-index: 1; } #header-sroll.small .main-menu{ display: block; } #header-sroll.small .secondary-nav-wrap{ display: none; } #nav {} ul#navigation { margin:0px; } ul#navigation li { font-size:12px; margin:0; padding:0; float:left; position:relative; text-align: left; } ul#navigation li a { padding:6px 0px 0px 14px; color: #fff; opacity: 0.7; text-decoration:none; display:inline-block; -webkit-transition:color 0.2s linear, background 0.2s linear; -moz-transition:color 0.2s linear, background 0.2s linear; -o-transition:color 0.2s linear, background 0.2s linear; transition:color 0.2s linear, background 0.2s linear; text-transform: uppercase; font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: 500; z-index: 1000000000; position: relative; } ul#navigation li a:hover { color:#145db1!important; background-color: transparent; } ul#navigation ul li a:hover { color:#fff!important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */ background: rgb(20,93,177); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */ background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */ } ul#navigation li:hover > a { color: #fff; background-color: transparent; opacity: 1; } ul#navigation li:hover > ul { visibility:visible; opacity:1; } ul#navigation ul, ul#navigation ul li ul { list-style: none; margin: 0; padding: 0; visibility:hidden; position: absolute; z-index: 99999; width:250px; opacity:0; -webkit-transition:opacity 0s linear, visibility 0s linear; -moz-transition:opacity 0s linear, visibility 0s linear; -o-transition:opacity 0s linear, visibility 0s linear; transition:opacity 0s linear, visibility 0s linear; } ul#navigation ul { top: 0px; padding-top: 38px; left: 1px; } ul#navigation ul li ul { top: 0; left: 181px; } ul#navigation ul li { clear:both; width:100%; border:0 none; border-bottom:1px solid #f2f2f2; background-color: #fff; } ul#navigation ul li:last-child{ border-bottom: none; } ul#navigation ul li a { background:none; padding:15px 25px; color:#616161; text-decoration:none; display:inline-block; border:0 none; float:left; clear:both; width:100%; text-transform: none; } ul#navigation li.first { border-left: 0 none; } ul#navigation li.last { border-bottom: 0 none; } .pricing-box h2{ position: relative; z-index: 1; width: 77px; color: #fff; font-size: 24px; margin:0px auto; opacity: 0.8; } .pricing-box h2:before { border-top: 2px solid #fff; content: ""; margin: 0 auto; /* this centers the line to the full width specified */ position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */ top: 50%; left: 0; right: 0; bottom: 0; width: 95%; z-index: -1; } .row.brand-package-details .pricing-box h3.price{ font-size: 36px!important; text-align: center; margin: 1px 0px 0px 0px; padding: 0px; } .brand-package-details{ padding-top: 30px; } .pricing-box a.orderNow{ width: 100%; min-width: 100%; margin:8px 0px; background-color: #fff; color: #145db1; text-decoration: none; height: 50px; font-size: 12px; text-transform: uppercase; font-family: 'Roboto', sans-serif; display: inline-block; padding: 16px 15px; outline: none; border: none; min-width: 175px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pricing-box .btn-fill:hover{background-color: #000; color: #fff; } .pricing-box{ max-width: 300px; text-align: center; color: #fff; } .pricing-box span.old-price{ width: 0px; } .branding-package { background-color: #145db1; background:#145db1 url("../img/proficient-bg.html") no-repeat top center; position: relative; background-size: 100% 100%; } .branding-package.multiply { background-blend-mode: multiply; } .branding-package .no-theme-btn { color: #fff; opacity: 0.8; } .branding-package .no-theme-btn:hover { opacity: 1; } .overlay-green{ background-color: rgba(208, 46, 72, 0.8); position: absolute; top: 0px; width: 100%; height: 100%; } .branding-package .brandpackage{ padding: 0px 40px 30px 40px; border: 1px solid #fff; } .branding-package h4, .branding-package p{ opacity: 0.8; } .row.brand-package-details h3{ font-size: 20px!important; text-align: left; } .branding-package .brandpackage:hover{ -webkit-transition:none; -webkit-transform: none; -ms-transition:none; -ms-transform:none; -moz-transition: none; -moz-transform:none; transition: none; transform:none; box-shadow: none; } .branding-package h4, .branding-package h3, .branding-package p{ text-align: center; color: #fff !important;; } .sec-combo-two div.single ul li{ padding-left: 0px; } .branding-package li{ color: #fff !important; font-size: 16px; opacity: 0.8; list-style-type: disc; margin-left: 15px;} .margin-bottom-30{ margin-bottom: 30px; } .margin-bottom-40{ margin-bottom: 15px; } .branding-package .brandpackage h3{ font-size: 34px;} .home-tabs ul.tabs {margin: 20px 0px;} .single { -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in; transform: scale(1); } .single:hover { box-shadow: 0px 0px 30px -13px #8c8caa; z-index: 2; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.05); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.05); -moz-transition: all 200ms ease-in; -moz-transform: scale(1.05); transition: all 200ms ease-in; transform: scale(1.05); } a{box-shadow: none!important;} .bggray{ background-color: #f9f9f9;} .bggray section.progress-area{background-color: #f9f9f9;} .quality h4 { font-size: 26px; line-height: 30px; padding-top: 5px; color: #2e2e2e; margin-bottom: 10px; text-align: left; padding:0 7px 0 0; } .add_border{ border-top: 1px solid #e8e8e8; z-index: 2; position: relative; } .add_border-bottom{ border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; } .awards{ border-bottom: 1px solid #e8e8e8; z-index: 2; position: relative; background-color: #fff;} @-webkit-keyframes float { 0% { -webkit-transform: translatex(0px); transform: translatex(0px); } 50% { -webkit-transform: translatex(-20px); transform: translatex(-20px); } 100% { -webkit-transform: translatex(0px); transform: translatex(0px); } } @keyframes float { 0% { -webkit-transform: translatex(0px); transform: translatex(0px); } 50% { -webkit-transform: translatex(-20px); transform: translatex(-20px); } 100% { -webkit-transform: translatex(0px); transform: translatex(0px); } } .floatme { -webkit-transform: translatex(0px); transform: translatex(0px); -webkit-animation: float 1s ease-in-out infinite; animation: float 1s ease-in-out infinite; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap.mbgblue{ background-color: #093051!important; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap.mbglblue{ background-color: #00f5cb!important; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap.mbgblack{ background-color: #000!important; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap.mbgorange{ background-color: #ea631f!important; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap.mbgpink{ background-color: #ed207d!important; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap.mbgsblue{ background-color: #95d9ff!important; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap.mbgyellow{ background-color: #ffcb08!important; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap.mbgdblue{ background-color: #41b7d3!important; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap.mbglpink{ background-color: #f490a8!important; } .service_fold .sensation-prev, .service_fold .sensation-next{ top: 96%; } .service_fold .sensation-prev { right: 35px; z-index: 1071; left: inherit; } .color{ position: absolute; width: 100%; height: 100%; z-index: 1;} .color.green{background-color: rgba(22, 160, 133, 0.5);} .color.red{background-color: rgba(192, 57, 43, 0.3);} .color.blue{background-color: rgba(68, 108, 179, 0.3);} a.action-no{} .modal.in .modal-dialog{ width: 100%; margin: 0px; height: 100%; } .modal-backdrop{z-index: 20000000;} .modal{ z-index: 30000000 } .modal-content{ height: 100%; border-radius: 0px; border: none;} .modal-body h4, .modal-body h3, .modal-body p{ text-align: left; } .modal-body .container{ height: 100%; } .modal-body h3{color: #fff; } .modal-body h3::before{ display: none; } .modal-body .btn-line{ color: #fff; } .modal-backdrop.in { display: block; } .modal-body{ padding: 0px; height: 100%; } .modal-open .modal{ padding:0px!important; margin-bottom: -1px; margin-right: -1px; overflow: hidden;} .btn-close{ background-color: transparent; border: none; position: absolute; right: 10px; top: 10px; font-size: 25px; outline: none; z-index: 1; box-shadow: none; color: #fff; height: 46px; width: 46px; } .modal-content.greenbg{ background-color: rgba(0, 0, 0, 0.85); } .hero.hero-core{ background-image: none; background-color: #fcfcfc; padding-top: 100px; height: auto; min-height: 330px;} .header-nav.open .logo{} .header-nav.open .logo a{} .m-b-3{ margin-bottom: 3rem; } .about{ background-color: #fff; } .margin-top-20{ margin-top: 20px; } .margin-left-15{ margin-left: 15px; } .about-text{ padding: 0px 24px 0px 24px; height: 440px; } .clients-section .client-slider{ margin-top: 30px; } .pricing-slider .sensation-dots { bottom: 0px; } .actions .action-chat {margin-right: 0px;color: #7b7b7b;cursor: pointer;} .view-detail{font-size:12px; color: #000; font-weight: 600; margin:15px; display: block; line-height: normal;} .view-detail:hover{ color: #000; } .pricing-slider .sensation-list{ padding-top: 31px; padding-bottom: 20px } .about-slide{ position: relative; top: 230px; left: -30px; z-index: 1; } .about-slide-branding { top: 173px; } .about-slide-logo { top: 224px; } .about_fold .sensation-prev, .about_fold .sensation-next { top: 85%; } .about_fold .sensation-prev { left: 485px; background-image: url(../img/arrow-left.html); background-repeat: no-repeat; background-position: top center; width: 41px; height: 75px; opacity: 0.3; } .about_fold .sensation-next { opacity: 0.2; right: 15%; } .about_fold .sensation-prev:hover{background-image: url(../img/arrow-left.html); background-repeat: no-repeat; background-position: top center;} .about_fold .sensation-prev:hover, .about_fold .sensation-prev:focus { color: inherit; outline: none; background:inherit; background-position: top center; opacity: 1; background-image: url(../img/arrow-left.html); } .about_fold .sensation-next:hover, .about_fold .sensation-next:focus { color: inherit; outline: none; background:inherit; background-position: top center; opacity: 1; background-image: url(../img/arrow-right.html); } .about_fold .sensation-prev:hover:before, .about_fold .sensation-prev:focus:before, .about_fold .sensation-next:hover:before, .about_fold .sensation-next:focus:before { opacity: 1; } .about_fold .sensation-prev.sensation-disabled:before, .about_fold .sensation-next.sensation-disabled:before { opacity: 1; } a{ outline: none; } .about_fold h4, .about_fold p, .about_fold h3{ text-align: left; } a.action-no { font-size: 16px; color: #7b7b7b; } .about_fold .container{ min-height: 800px; height: 100%; } .frame{ background-image: url(../img/frame.html); background-repeat: no-repeat; background-position: left center; width: 56%; min-height: 606px; position: absolute; right: 0%; top: 96px; z-index: 1; } .cup-about{ background-image: url(../img/cup-about.html); background-repeat: no-repeat; background-position: top center; width: 380px; min-height: 331px; position: absolute; right: 390px; top: -203px; z-index: 3; } .about_fold{min-height: 800px;position: relative; background-size: 100% 100%; background-image: url(../img/bg-plain.html); background-repeat: no-repeat; background-position: top center; overflow:hidden} .about-image-1{ width: 100%; height: 800px; background-size: 2200px; background-image: url(../img/key-industries.html); background-repeat: no-repeat; background-position: top center; position: absolute; left: -16px; top:0px; z-index: -1; } .about-image-2{ width: 100%; height: 800px; background-size: 2200px; background-image: url(../img/brand-identity-solutions.html); background-repeat: no-repeat; background-position: top center; position: absolute; left: -16px; top:0px; z-index: -1; } .about-image-3{ width: 100%; height: 800px; background-size: 2200px; background-image: url(../img/logo-design.html); background-repeat: no-repeat; background-position: top center; position: absolute; left: -16px; top:0px; z-index: -1; } .header-services{} .header-services .portfolio-jump a{ font-size: 18px; } .service-mid-brand{ overflow: hidden; } .service_fold{ background-color: #fff; overflow: hidden;} .margin-top-20{ margin-top: 20px; } .margin-top-30{ margin-top: 30px; } .margin-top-40{ margin-top: 40px; } .margin-top-60{ margin-top: 60px; } .actions a{ margin-right: 20px; min-width: 230px; font-weight:500;} input[type=submit]{ min-width: 230px;} .portfolio{ margin-top: 20px; position: relative; overflow: hidden; z-index: 0;} .cbp,.cbp *,.cbp :after,.cbp :before,.cbp-l-filters-alignCenter,.cbp-l-filters-alignCenter *,.cbp-l-filters-alignLeft,.cbp-l-filters-alignLeft *,.cbp-l-filters-alignRight,.cbp-l-filters-alignRight *,.cbp-l-filters-button,.cbp-l-filters-button *,.cbp-l-filters-buttonCenter,.cbp-l-filters-buttonCenter *,.cbp-l-filters-dropdown,.cbp-l-filters-dropdown *,.cbp-l-filters-list,.cbp-l-filters-list *,.cbp-l-filters-work,.cbp-l-filters-work *,.cbp-l-filters-big,.cbp-l-filters-big *,.cbp-l-filters-text,.cbp-l-filters-text *,.cbp-l-filters-underline,.cbp-l-filters-underline *,.cbp-popup-wrap,.cbp-popup-wrap *,.cbp-popup-singlePage,.cbp-popup-singlePage *,.cbp-search,.cbp-search *,.cbp-search :after,.cbp-search :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cbp-l-grid-agency-title,.cbp-l-grid-agency-desc,.cbp-l-grid-work-title,.cbp-l-grid-work-desc,.cbp-l-grid-blog-title,.cbp-l-grid-projects-title,.cbp-l-grid-projects-desc,.cbp-l-grid-masonry-projects-title,.cbp-l-grid-masonry-projects-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cbp-l-filters-alignCenter,.cbp-l-filters-alignCenter *,.cbp-l-filters-alignLeft,.cbp-l-filters-alignLeft *,.cbp-l-filters-alignRight,.cbp-l-filters-alignRight *,.cbp-l-filters-button,.cbp-l-filters-button *,.cbp-l-filters-buttonCenter,.cbp-l-filters-buttonCenter *,.cbp-l-filters-dropdown,.cbp-l-filters-dropdown *,.cbp-l-filters-list,.cbp-l-filters-list *,.cbp-l-filters-work,.cbp-l-filters-work *,.cbp-l-filters-big,.cbp-l-filters-big *,.cbp-l-filters-text,.cbp-l-filters-text *,.cbp-l-filters-underline,.cbp-l-filters-underline *{-webkit-tap-highlight-color:transparent}.cbp-item{display:inline-block;margin:0 10px 20px 0}.cbp{position:relative;margin:0 auto;z-index:1;height:400px}.cbp:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:url("../img/cbp-loading.html") no-repeat scroll center center transparent}.cbp>*{visibility:hidden}.cbp .cbp-item{position:absolute;top:0;left:0;list-style-type:none;margin:0;padding:0;overflow:hidden}.cbp img{display:block;width:100%;height:auto;border:0}.cbp a,.cbp a:hover,.cbp a:active{text-decoration:none;outline:0}.cbp-ready>*{visibility:visible}.cbp-ready:before{display:none;visibility:hidden}.cbp-wrapper-outer{overflow:hidden;position:relative;margin:0 auto}.cbp-wrapper-outer,.cbp-wrapper,.cbp-wrapper-helper{list-style-type:none;padding:0;width:100%;height:100%;z-index:1}.cbp-wrapper,.cbp-wrapper-helper{position:absolute;top:0;left:0;margin:0}.cbp-item-off{z-index:-1;pointer-events:none;visibility:hidden}.cbp-item-on2off{z-index:0}.cbp-item-off2on{z-index:1}.cbp-item-on2on{z-index:2}.cbp-item-wrapper{width:100%;height:100%;position:relative;top:0;left:0}.cbp-l-project-related-wrap img,.cbp-l-inline img{display:block;width:100%;height:auto;border:0}.cbp-addItems{-webkit-transition:height .5s ease-in-out !important;transition:height .5s ease-in-out !important;will-change:height}.cbp-addItems .cbp-item{-webkit-transition:top .5s ease-in-out,left .5s ease-in-out;transition:top .5s ease-in-out,left .5s ease-in-out}.cbp-addItems .cbp-item-loading{-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out;-webkit-transition:none;transition:none}.cbp-panel{width:94%;max-width:1170px;margin:0 auto}.cbp-misc-video{position:relative;height:0;padding-bottom:56.25%;background:#000}.cbp-misc-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.clearfix:after{content:" ";display:block;height:0;clear:both}.cbp-l-filters-left{float:left}.cbp-l-filters-right{float:right}.cbp-caption,.cbp-caption-defaultWrap,.cbp-caption-activeWrap{display:block}.cbp-caption-activeWrap{background-color:#282727}.cbp-caption-active .cbp-caption,.cbp-caption-active .cbp-caption-defaultWrap,.cbp-caption-active .cbp-caption-activeWrap{overflow:hidden;position:relative;z-index:1}.cbp-caption-active .cbp-caption-defaultWrap{top:0}.cbp-caption-active .cbp-caption-activeWrap{width:100%;position:absolute;z-index:2;height:100%}.cbp-l-caption-title{color:#fff;}.cbp-l-caption-desc{color:#aaa;font:400 12px/16px "Open Sans",sans-serif}.cbp-l-caption-text{font:400 14px/21px "Open Sans",sans-serif;color:#fff;letter-spacing:3px;padding:0 6px}.cbp-l-caption-buttonLeft,.cbp-l-caption-buttonRight{background-color:#3288C4;color:#FFFFFF;display:inline-block;font:400 12px/30px "Open Sans",sans-serif;min-width:90px;text-align:center;margin:4px;padding:0 6px}.cbp-l-caption-buttonLeft:hover,.cbp-l-caption-buttonRight:hover{opacity:0.9}.cbp-caption-none .cbp-caption-activeWrap{display:none}.cbp-l-caption-alignLeft .cbp-l-caption-body{padding:12px 30px}.cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body,.cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body{padding-top:30px}.cbp-l-caption-alignCenter{display:table;width:100%;height:100%}.cbp-l-caption-alignCenter .cbp-l-caption-body{display:table-cell;vertical-align:middle;text-align:center;padding:10px 15px}.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{position:relative;-webkit-transition:left .4s cubic-bezier(.19, 1, .22, 1);transition:left .4s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft{left:-20px}.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{left:20px}.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight{left:0}.cbp-caption-fadeIn .cbp-caption-activeWrap{opacity:0;top:0;background-color:rgba(0,0,0,0.85);-webkit-transition:opacity .9s cubic-bezier(.19, 1, .22, 1);transition:opacity .9s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap{opacity:1}.cbp-caption-minimal .cbp-l-caption-title,.cbp-caption-minimal .cbp-l-caption-desc{position:relative;left:0;opacity:0;-webkit-transition:-webkit-transform .35s ease-out;transition:transform .35s ease-out}.cbp-caption-minimal .cbp-l-caption-title{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cbp-caption-minimal .cbp-l-caption-desc{-webkit-transform:translateY(70%);transform:translateY(70%)}.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title,.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.cbp-caption-minimal .cbp-caption-activeWrap{top:0;background-color:black;background-color:rgba(0,0,0,0.8);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"}.cbp-caption-moveRight .cbp-caption-activeWrap{left:-100%;top:0;-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateX(100%);transform:translateX(100%)}.cbp-caption-overlayBottom .cbp-caption-activeWrap{height:60px;background-color:#181616;background-color:rgba(24,22,22,0.7);-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap,.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap{height:60px}.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-30px);transform:translateY(-30px)}.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-overlayBottomPush .cbp-caption-defaultWrap{-webkit-transition:top .6s cubic-bezier(.19, 1, .22, 1);transition:top .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-overlayBottomPush .cbp-caption-activeWrap{bottom:-60px;height:60px;-webkit-transition:bottom .6s cubic-bezier(.19, 1, .22, 1);transition:bottom .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap{top:-60px}.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap{bottom:0}.cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap{z-index:2;-webkit-transition:top .5s cubic-bezier(.19, 1, .22, 1);transition:top .5s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap{bottom:0;z-index:1;height:60px}.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap{top:-60px}.cbp-caption-overlayRightAlong .cbp-caption-defaultWrap,.cbp-caption-overlayRightAlong .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-overlayRightAlong .cbp-caption-activeWrap{top:0;left:-50%;width:50%}.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateX(25%);transform:translateX(25%)}.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateX(100%);transform:translateX(100%)}.cbp-caption-pushDown .cbp-caption-defaultWrap,.cbp-caption-pushDown .cbp-caption-activeWrap{-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-pushDown .cbp-caption-activeWrap{top:-102%;height:102%}.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(100%);transform:translateY(100%)}.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(99%);transform:translateY(99%)}.cbp-caption-pushTop .cbp-caption-activeWrap,.cbp-caption-pushTop .cbp-caption-defaultWrap{-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-pushTop .cbp-caption-activeWrap{height:102%}.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateY(-99%);transform:translateY(-99%)}.cbp-caption-revealBottom .cbp-caption-defaultWrap{z-index:2;-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-revealBottom .cbp-caption-activeWrap{top:0;z-index:1}.cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.cbp-caption-revealLeft .cbp-caption-activeWrap{left:100%;top:0;-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.cbp-caption-revealTop .cbp-caption-defaultWrap{z-index:2;-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-revealTop .cbp-caption-activeWrap{top:0;z-index:1}.cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:translateY(100%);transform:translateY(100%)}.cbp-caption-zoom .cbp-caption-defaultWrap{-webkit-transition:-webkit-transform .6s cubic-bezier(.19, 1, .22, 1);transition:transform .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:scale(1.25);transform:scale(1.25)}.cbp-caption-zoom .cbp-caption-activeWrap{opacity:0;top:0;background-color:rgba(0,0,0,0.9);-webkit-transition:opacity .8s cubic-bezier(.19, 1, .22, 1);transition:opacity .8s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap{opacity:1}.cbp-caption-opacity .cbp-item{padding:1px}.cbp-caption-opacity .cbp-caption,.cbp-caption-opacity .cbp-caption-activeWrap,.cbp-caption-opacity .cbp-caption-defaultWrap{background-color:transparent}.cbp-caption-opacity .cbp-caption{border:1px solid transparent}.cbp-caption-opacity .cbp-caption:hover{border-color:#EDEDED}.cbp-caption-opacity .cbp-caption-defaultWrap{opacity:1;-webkit-transition:opacity .6s cubic-bezier(.19, 1, .22, 1);transition:opacity .6s cubic-bezier(.19, 1, .22, 1)}.cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap{opacity:.8}.cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap{top:0}.cbp-caption-expand .cbp-caption-activeWrap{height:auto;background-color:transparent}.cbp-caption-expand .cbp-caption{border-bottom:1px dotted #eaeaea}.cbp-caption-expand .cbp-caption-defaultWrap{cursor:pointer;font:500 15px/23px "Roboto",sans-serif;color:#474747;padding:12px 0 11px 26px}.cbp-caption-expand .cbp-caption-defaultWrap .fa{position:absolute;top:16px;left:0;width:16px;text-align:center;font-size:14px}.cbp-caption-expand .cbp-l-caption-body{font:400 13px/21px "Roboto",sans-serif;color:#888;padding:0 0 20px 26px}.cbp-caption-expand-active{transition:height .4s !important}.cbp-caption-expand-active .cbp-item{transition:left .4s,top .4s !important}.cbp-caption-expand-open .cbp-caption-activeWrap{transition:height .4s}.cbp-l-filters-alignCenter{margin-bottom:30px;text-align:center;font:400 12px/21px sans-serif;color:#DADADA}.cbp-l-filters-alignCenter .cbp-filter-item{color:#949494;cursor:pointer;font:400 13px/21px "Open Sans",sans-serif;padding:0 12px;transition:all .3s ease-in-out;position:relative;overflow:visible;margin:0 0 10px;display:inline-block}.cbp-l-filters-alignCenter .cbp-filter-item:hover{color:#2D2C2C}.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active{color:#2D2C2C;cursor:default}.cbp-l-filters-alignCenter .cbp-filter-counter{background:none repeat scroll 0 0 #626161;border-radius:3px;color:#FFFFFF;font:400 11px/18px "Open Sans",sans-serif;margin:0 auto;padding:4px 0;text-align:center;width:34px;position:absolute;bottom:0;left:0;right:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;-webkit-transition:all .25s ease;transition:all .25s ease}.cbp-l-filters-alignCenter .cbp-filter-counter:before{content:"";position:absolute;bottom:-4px;left:0;right:0;margin:0 auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #626161;display:none}.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter:before{display:block}.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter{bottom:30px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1}.cbp-l-filters-alignLeft{margin-bottom:30px}.cbp-l-filters-alignLeft .cbp-filter-item{background-color:#fff;border:1px solid #cdcdcd;cursor:pointer;font:400 12px/30px "Open Sans",sans-serif;padding:0 13px;position:relative;overflow:visible;margin:0 8px 10px 0;display:inline-block;color:#888888;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.cbp-l-filters-alignLeft .cbp-filter-item:hover{color:#111}.cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active{background-color:#6C7A89;border:1px solid #6C7A89;color:#fff;cursor:default}.cbp-l-filters-alignLeft .cbp-filter-counter{display:inline}.cbp-l-filters-alignRight{margin-bottom:30px;text-align:right}.cbp-l-filters-alignRight .cbp-filter-item{background-color:transparent;color:#8B8B8B;cursor:pointer;font:400 11px/29px "Open Sans",sans-serif;padding:0 12px;position:relative;overflow:visible;margin:0 0 10px 5px;border:1px solid #E4E2E2;text-transform:uppercase;display:inline-block;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.cbp-l-filters-alignRight .cbp-filter-item:hover{color:#2B3444}.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:before{display:block}.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter{bottom:44px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1}.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active{color:#FFFFFF;background-color:#049372;border-color:#049372;cursor:default}.cbp-l-filters-alignRight .cbp-filter-counter{background:none repeat scroll 0 0 #049372;border-radius:3px;color:#fff;font:400 11px/18px "Open Sans",sans-serif;margin:0 auto;padding:4px 0;text-align:center;width:34px;position:absolute;bottom:0;left:0;right:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;-webkit-transition:opacity .25s ease,bottom .25s ease;transition:opacity .25s ease,bottom .25s ease}.cbp-l-filters-alignRight .cbp-filter-counter:before{content:"";position:absolute;bottom:-4px;left:0;right:0;margin:0 auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #049372;display:none}.cbp-l-filters-button{margin-bottom:30px}.cbp-l-filters-button .cbp-filter-item{background-color:#FFFFFF;border:1px solid #ECECEC;color:#888888;cursor:pointer;font:400 12px/32px "Open Sans",sans-serif;margin:0 10px 10px 0;overflow:visible;padding:0 17px;position:relative;display:inline-block;-webkit-transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out}.cbp-l-filters-button .cbp-filter-item:hover{color:#545454;border-color:#DADADA}.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active{background-color:#545454;color:#fff;border-color:#5d5d5d;cursor:default}.cbp-l-filters-button .cbp-filter-counter{background-color:#545454;border-radius:3px;color:#fff;font:400 11px/18px "Open Sans",sans-serif;margin:0 auto;padding:4px 0;text-align:center;width:34px;position:absolute;bottom:0;left:0;right:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity .25s ease,bottom .25s ease;transition:opacity .25s ease,bottom .25s ease}.cbp-l-filters-button .cbp-filter-counter:before{content:"";position:absolute;bottom:-4px;left:0;right:0;margin:0 auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #545454;display:none}.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter:before{display:block}.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter{bottom:44px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1}.cbp-l-filters-buttonCenter{margin-bottom:30px;text-align:center} .cbp-l-filters-buttonCenter .cbp-filter-item { background-color: #FFFFFF; border: 1px solid #ECECEC; color: #2c2c2c; cursor: pointer; margin: 0px 0px 10px 10px; overflow: visible; padding: 13px 0px; font-size: 12px; height: 45px; width: 155px; border-radius: 5px; text-transform: uppercase; position: relative; display: inline-block; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: center; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover{ color:#fff; background-color: #10519c; } .cbp-l-filters-buttonCenter { text-align: left; } .cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active{ color:#fff; cursor:default; background-color: #10519c; } .cbp-l-filters-buttonCenter .cbp-filter-counter{background-color:#68ABBC;border-radius:3px;color:#fff;font:400 11px/18px Roboto,sans-serif;margin:0 auto;padding:4px 0;text-align:center;width:34px;position:absolute;bottom:0;left:0;right:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:opacity .25s ease,bottom .25s ease;transition:opacity .25s ease,bottom .25s ease}.cbp-l-filters-buttonCenter .cbp-filter-counter:before{content:"";position:absolute;bottom:-4px;left:0;right:0;margin:0 auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #68ABBC;display:none}.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter:before{display:block}.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter{bottom:44px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1} .cbp-l-filters-dropdown{margin-bottom:40px;height:38px;position:relative;z-index:5} .cbp-l-filters-dropdownWrap{width:100%;position:absolute;right:0;background:#4d4c4d} .cbp-l-filters-dropdownHeader{font-size: 20px; margin:0 17px;color:#FFF;cursor:default;position:relative; z-index: 1;} .cbp-l-filters-dropdownHeader:after{border-color:#FFFFFF transparent;border-style:solid;border-width:5px 5px 0;content:"";height:0;position:absolute;right:0;top:50%;width:0;margin-top:-1px} .cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after{border-width:0 5px 5px} .cbp-l-filters-dropdownList{display:none;list-style:none outside none;margin:0;padding:0} .cbp-l-filters-dropdownList>li{margin:0;list-style:none} .cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList{display:block;margin:0} .cbp-l-filters-dropdownList .cbp-filter-item{ height: auto; background:transparent;color:#b3b3b3;width:100%;text-align:left;margin:0;padding:0 17px;cursor:pointer;border:none;}.cbp-l-filters-dropdownList .cbp-filter-item:hover{color:#e6e6e6}.cbp-l-filters-dropdownList .cbp-filter-item-active{color:#fff;cursor:default}.cbp-l-filters-dropdownList .cbp-filter-counter{display:inline} .cbp-l-filters-dropdown-floated{float:right; margin: 0px 0px 10px 0px; width:280px} .cbp-l-filters-list{margin-bottom:30px;content:"";display:table;clear:both}.cbp-l-filters-list .cbp-filter-item{background-color:transparent;color:#585252;cursor:pointer;font:400 12px/35px "Open Sans",sans-serif;padding:0 18px;position:relative;overflow:visible;margin:0 0 10px;float:left;border:1px solid #3288C4;border-right-width:0;-webkit-transition:left .3s ease-in-out;transition:left .3s ease-in-out}.cbp-l-filters-list .cbp-filter-item:hover{color:#000}.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active{cursor:default;color:#FFFFFF;background-color:#3288C4}.cbp-l-filters-list-first{border-radius:6px 0 0 6px}.cbp-l-filters-list-last{border-radius:0 6px 6px 0;border-right-width:1px !important}.cbp-l-filters-list .cbp-filter-counter{display:inline}@media only screen and (max-width: 600px){.cbp-l-filters-list .cbp-filter-item{margin-right:5px;border-radius:6px;border-right-width:1px}}.cbp-l-filters-work{margin-bottom:30px;text-align:center}.cbp-l-filters-work .cbp-filter-item{background-color:#FFFFFF;color:#888;cursor:pointer;font:600 11px/37px "Open Sans",sans-serif;margin:0 5px 10px 0;overflow:visible;padding:0 16px;position:relative;display:inline-block;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.cbp-l-filters-work .cbp-filter-item:hover{color:#fff;background:#607D8B}.cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active{background:#607D8B;color:#fff;cursor:default}.cbp-l-filters-work .cbp-filter-counter{font:600 11px/37px "Open Sans",sans-serif;text-align:center;display:inline-block;margin-left:8px}.cbp-l-filters-work .cbp-filter-counter:before{content:'('}.cbp-l-filters-work .cbp-filter-counter:after{content:')'}.cbp-l-filters-big{margin-bottom:30px;text-align:center}.cbp-l-filters-big .cbp-filter-item{color:#444;cursor:pointer;font:400 15px/22px Roboto,sans-serif;margin:0 15px 10px 0;padding:10px 23px;position:relative;display:inline-block;border:1px solid transparent;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.cbp-l-filters-big .cbp-filter-item:hover{color:#888}.cbp-l-filters-big .cbp-filter-item.cbp-filter-item-active{border-color:#d5d5d5;cursor:default;color:#444}.cbp-l-filters-text{margin-bottom:30px;text-align:center;font:400 12px/21px Lato,sans-serif;color:#DADADA;padding:0 15px}.cbp-l-filters-text .cbp-filter-item{color:#949494;cursor:pointer;font:400 13px/21px Lato,sans-serif;padding:0 12px;transition:all .3s ease-in-out;position:relative;overflow:visible;margin:0 0 10px;display:inline-block}.cbp-l-filters-text .cbp-filter-item:hover{color:#2D2C2C}.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active{color:#2D2C2C;cursor:default}.cbp-l-filters-text .cbp-filter-counter{background:none repeat scroll 0 0 #626161;border-radius:3px;color:#FFFFFF;font:400 11px/16px Lato,sans-serif;margin:0 auto;padding:4px 0;text-align:center;width:32px;position:absolute;bottom:0;left:0;right:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;-webkit-transition:all .25s ease;transition:all .25s ease}.cbp-l-filters-text .cbp-filter-counter:before{content:"";position:absolute;bottom:-4px;left:0;right:0;margin:0 auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #626161;display:none}.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter:before{display:block}.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter{bottom:30px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1}.cbp-l-filters-text-sort{display:inline-block;font:400 13px/21px Lato,sans-serif;color:#949494;margin-right:15px}.cbp-l-filters-underline{margin-bottom:30px}.cbp-l-filters-underline .cbp-filter-item{border-bottom:3px solid transparent;cursor:pointer;font:600 14px/21px "Open Sans",sans-serif;padding:8px 10px;position:relative;overflow:visible;margin:0 20px 10px 0;display:inline-block;color:#787878;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.cbp-l-filters-underline .cbp-filter-item:hover{color:#111}.cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active{border-bottom-color:#666;color:#444;cursor:default}.cbp-l-filters-underline .cbp-filter-counter{display:inline}.cbp-animation-quicksand{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-quicksand .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-quicksand .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-quicksand .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-quicksand .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:quicksand-off .6s ease-out both;animation:quicksand-off .6s ease-out both}.cbp-animation-quicksand .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:quicksand-on .6s ease-out both;animation:quicksand-on .6s ease-out both}@-webkit-keyframes quicksand-off{100%{opacity:0;-webkit-transform:scale3d(0, 0, 0)}}@keyframes quicksand-off{100%{opacity:0;transform:scale3d(0, 0, 0)}}@-webkit-keyframes quicksand-on{0%{opacity:0;-webkit-transform:scale3d(0, 0, 0)}}@keyframes quicksand-on{0%{opacity:0;transform:scale3d(0, 0, 0)}}.cbp-animation-fadeOut,.cbp-animation-boxShadow{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-fadeOut .cbp-item,.cbp-animation-boxShadow .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-fadeOut .cbp-item,.cbp-animation-boxShadow .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-fadeOut .cbp-item-wrapper,.cbp-animation-boxShadow .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-fadeOut .cbp-item-on2off .cbp-item-wrapper,.cbp-animation-boxShadow .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:fadeOut-off .6s ease-in-out both;animation:fadeOut-off .6s ease-in-out both}.cbp-animation-fadeOut .cbp-item-off2on .cbp-item-wrapper,.cbp-animation-boxShadow .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:fadeOut-on .6s ease-in-out both;animation:fadeOut-on .6s ease-in-out both}@-webkit-keyframes fadeOut-off{0%{opacity:1}80%,100%{opacity:0}}@keyframes fadeOut-off{0%{opacity:1}80%,100%{opacity:0}}@-webkit-keyframes fadeOut-on{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut-on{0%{opacity:0}100%{opacity:1}}.cbp-animation-flipOut{-webkit-transition:height .7s ease-in-out;transition:height .7s ease-in-out;will-change:height}.cbp-animation-flipOut .cbp-item{-webkit-transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out}.cbp-animation-flipOut .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-flipOut .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-flipOut .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:flipOut-out .7s both ease-in;animation:flipOut-out .7s both ease-in}.cbp-animation-flipOut .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:flipOut-in .7s ease-out both;animation:flipOut-in .7s ease-out both}@-webkit-keyframes flipOut-out{50%,100%{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@keyframes flipOut-out{50%,100%{transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2}}@-webkit-keyframes flipOut-in{0%,50%{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}@keyframes flipOut-in{0%,50%{transform:translateZ(-1000px) rotateY(90deg);opacity:0.2}}.cbp-animation-flipBottom{-webkit-transition:height .7s ease-in-out;transition:height .7s ease-in-out;will-change:height}.cbp-animation-flipBottom .cbp-item{-webkit-transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out}.cbp-animation-flipBottom .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-flipBottom .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-flipBottom .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:flipBottom-out .7s both ease-in;animation:flipBottom-out .7s both ease-in}.cbp-animation-flipBottom .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:flipBottom-in .7s ease-out both;animation:flipBottom-in .7s ease-out both}@-webkit-keyframes flipBottom-out{50%,100%{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@keyframes flipBottom-out{50%,100%{transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2}}@-webkit-keyframes flipBottom-in{0%,50%{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}@keyframes flipBottom-in{0%,50%{transform:translateZ(-1000px) rotateX(90deg);opacity:0.2}}.cbp-animation-scaleSides{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-scaleSides .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-scaleSides .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-scaleSides .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-scaleSides .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:scaleSides-out .9s ease both;animation:scaleSides-out .9s ease both}.cbp-animation-scaleSides .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:scaleSides-in .9s ease both;animation:scaleSides-in .9s ease both}@-webkit-keyframes scaleSides-out{50%,100%{-webkit-transform:scale(.6);opacity:0}}@keyframes scaleSides-out{50%,100%{transform:scale(.6);opacity:0}}@-webkit-keyframes scaleSides-in{0%,50%{-webkit-transform:scale(.6);opacity:0}}@keyframes scaleSides-in{0%,50%{transform:scale(.6);opacity:0}}.cbp-animation-skew{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-skew .cbp-item{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.cbp-animation-skew .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-skew .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-skew .cbp-item-on2off .cbp-item-wrapper{-webkit-animation:skew-off .6s ease-out both;animation:skew-off .6s ease-out both}.cbp-animation-skew .cbp-item-off2on .cbp-item-wrapper{-webkit-animation:skew-on .6s ease-out both;animation:skew-on .6s ease-out both}@-webkit-keyframes skew-off{100%{opacity:0;-webkit-transform:scale3d(0, 0, 0) skew(20deg, 0)}}@keyframes skew-off{100%{opacity:0;transform:scale3d(0, 0, 0) skew(20deg, 0)}}@-webkit-keyframes skew-on{0%{opacity:0;-webkit-transform:scale3d(0, 0, 0) skew(0, 20deg)}}@keyframes skew-on{0%{opacity:0;transform:scale3d(0, 0, 0) skew(0, 20deg)}}.cbp-animation-fadeOutTop{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-fadeOutTop .cbp-wrapper-outer{overflow:visible}.cbp-animation-fadeOutTop .cbp-item{-webkit-perspective:1000px;perspective:1000px;overflow:visible}.cbp-animation-fadeOutTop .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-fadeOutTop .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:fadeOutTop-out .6s both ease-in-out;animation:fadeOutTop-out .6s both ease-in-out}.cbp-animation-fadeOutTop .cbp-wrapper .cbp-item-wrapper{-webkit-animation:fadeOutTop-in .6s both ease-in-out;animation:fadeOutTop-in .6s both ease-in-out}@-webkit-keyframes fadeOutTop-out{0%{-webkit-transform:translateY(0);opacity:1}50%,100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fadeOutTop-out{0%{transform:translateY(0);opacity:1}50%,100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes fadeOutTop-in{0%,50%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fadeOutTop-in{0%,50%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}.cbp-animation-slideLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-slideLeft .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-slideLeft .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-slideLeft .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:slideLeft-out .8s both ease-in-out;animation:slideLeft-out .8s both ease-in-out}.cbp-animation-slideLeft .cbp-wrapper .cbp-item-wrapper{-webkit-animation:slideLeft-in .8s both ease-in-out;animation:slideLeft-in .8s both ease-in-out}@-webkit-keyframes slideLeft-out{0%{opacity:1;transform:scale(1)}25%{opacity:.75;-webkit-transform:scale(.8)}75%{opacity:.75;-webkit-transform:scale(.8) translateX(-200%)}100%{opacity:.75;-webkit-transform:scale(.8) translateX(-200%)}}@keyframes slideLeft-out{0%{opacity:1;transform:scale(1)}25%{opacity:.75;transform:scale(.8)}75%{opacity:.75;transform:scale(.8) translateX(-200%)}100%{opacity:.75;transform:scale(.8) translateX(-200%)}}@-webkit-keyframes slideLeft-in{0%,25%{opacity:.75;-webkit-transform:scale(.8) translateX(200%)}75%{opacity:.75;-webkit-transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1) translateX(0)}}@keyframes slideLeft-in{0%,25%{opacity:.75;transform:scale(.8) translateX(200%)}75%{opacity:.75;transform:scale(.8)}100%{opacity:1;transform:scale(1) translateX(0)}}.cbp-animation-sequentially{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-sequentially .cbp-wrapper-outer{overflow:visible}.cbp-animation-sequentially .cbp-item{-webkit-perspective:1000px;perspective:1000px;overflow:visible}.cbp-animation-sequentially .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-sequentially .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:fadeOutTop-out .6s both ease;animation:fadeOutTop-out .6s both ease}.cbp-animation-sequentially .cbp-wrapper .cbp-item-wrapper{-webkit-animation:fadeOutTop-in .6s both ease-out;animation:fadeOutTop-in .6s both ease-out}.cbp-animation-3dflip{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-3dflip .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-3dflip .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-3dflip .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-animation:flip-out 0.6s both ease-in-out;animation:flip-out 0.6s both ease-in-out}.cbp-animation-3dflip .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:flip-in 0.6s both ease-in-out;animation:flip-in 0.6s both ease-in-out}@-webkit-keyframes flip-out{100%{opacity:0;-webkit-transform:rotateY(90deg)}}@keyframes flip-out{100%{opacity:0;transform:rotateY(90deg)}}@-webkit-keyframes flip-in{0%{opacity:0;-webkit-transform:rotateY(-90deg)}100%{opacity:1;-webkit-transform:rotateY(0deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateY(-90deg)}100%{opacity:1;transform:rotateY(0deg)}}.cbp-animation-flipOutDelay{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-flipOutDelay .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-flipOutDelay .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-flipOutDelay .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:flipOut-out 1s both ease-in;animation:flipOut-out 1s both ease-in}.cbp-animation-flipOutDelay .cbp-wrapper .cbp-item-wrapper{-webkit-animation:flipOut-in 1s both ease-out;animation:flipOut-in 1s both ease-out}.cbp-animation-slideDelay{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-slideDelay .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-slideDelay .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-slideDelay .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:slideDelay-out 0.5s both ease-in-out;animation:slideDelay-out 0.5s both ease-in-out}.cbp-animation-slideDelay .cbp-wrapper .cbp-item-wrapper{-webkit-animation:slideDelay-in 0.5s both ease-in-out;animation:slideDelay-in 0.5s both ease-in-out}@-webkit-keyframes slideDelay-out{100%{-webkit-transform:translateX(-100%)}}@keyframes slideDelay-out{100%{transform:translateX(-100%)}}@-webkit-keyframes slideDelay-in{0%{-webkit-transform:translateX(100%)}100%{-webkit-transform:translateX(0)}}@keyframes slideDelay-in{0%{transform:translateX(100%)}100%{transform:translateX(0)}}.cbp-animation-rotateSides{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-rotateSides .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-rotateSides .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-rotateSides .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:-50% 50%;-webkit-animation:rotateSides-out .5s both ease-in;transform-origin:-50% 50%;animation:rotateSides-out .5s both ease-in}.cbp-animation-rotateSides .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:150% 50%;-webkit-animation:rotateSides-in .6s both ease-out;transform-origin:150% 50%;animation:rotateSides-in .6s both ease-out}@-webkit-keyframes rotateSides-out{100%{opacity:0;-webkit-transform:translateZ(-500px) rotateY(90deg)}}@keyframes rotateSides-out{100%{opacity:0;transform:translateZ(-500px) rotateY(90deg)}}@-webkit-keyframes rotateSides-in{0%{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg)}40%{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg)}}@keyframes rotateSides-in{0%{opacity:0;transform:translateZ(-500px) rotateY(-90deg)}40%{opacity:0;transform:translateZ(-500px) rotateY(-90deg)}}.cbp-animation-foldLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-foldLeft .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-foldLeft .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-foldLeft .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:foldLeft-out .7s both ease;animation:foldLeft-out .7s both ease}.cbp-animation-foldLeft .cbp-wrapper .cbp-item-wrapper{-webkit-animation:foldLeft-in .7s both ease;animation:foldLeft-in .7s ease both}@-webkit-keyframes foldLeft-out{100%{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg)}}@keyframes foldLeft-out{100%{opacity:0;transform:translateX(-100%) rotateY(-90deg)}}@-webkit-keyframes foldLeft-in{0%{opacity:0.3;-webkit-transform:translateX(100%)}}@keyframes foldLeft-in{0%{opacity:0.3;transform:translateX(100%)}}.cbp-animation-unfold{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-unfold .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-unfold .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-unfold .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:unfold-out .8s ease both;animation:unfold-out .8s ease both}.cbp-animation-unfold .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:0% 50%;-webkit-animation:unfold-in .8s both ease;transform-origin:0% 50%;animation:unfold-in .8s both ease}@-webkit-keyframes unfold-out{90%{opacity:0.3}100%{opacity:0;-webkit-transform:translateX(-100%)}}@keyframes unfold-out{90%{opacity:0.3}100%{opacity:0;transform:translateX(-100%)}}@-webkit-keyframes unfold-in{0%{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg)}}@keyframes unfold-in{0%{opacity:0;transform:translateX(100%) rotateY(90deg)}}.cbp-animation-scaleDown{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-scaleDown .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-scaleDown .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-scaleDown .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:scaleDown-out .7s ease both;animation:scaleDown-out .7s ease both}.cbp-animation-scaleDown .cbp-wrapper .cbp-item-wrapper{-webkit-animation:scaleDown-in .6s ease both;animation:scaleDown-in .6s ease both}@-webkit-keyframes scaleDown-out{100%{opacity:0;-webkit-transform:scale(.8)}}@keyframes scaleDown-out{100%{opacity:0;transform:scale(.8)}}@-webkit-keyframes scaleDown-in{0%{-webkit-transform:translateX(100%)}}@keyframes scaleDown-in{0%{transform:translateX(100%)}}.cbp-animation-frontRow{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-frontRow .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-frontRow .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-frontRow .cbp-wrapper-helper .cbp-item-wrapper{-webkit-animation:frontRow-out .7s both ease;animation:frontRow-out .7s both ease}.cbp-animation-frontRow .cbp-wrapper .cbp-item-wrapper{-webkit-animation:frontRow-in .6s both ease;animation:frontRow-in .6s both ease}@-webkit-keyframes frontRow-out{100%{-webkit-transform:translateX(-60%) scale(.8);opacity:0}}@keyframes frontRow-out{100%{transform:translateX(-60%) scale(.8);opacity:0}}@-webkit-keyframes frontRow-in{0%{-webkit-transform:translateX(100%) scale(.8)}100%{opacity:1;-webkit-transform:translateX(0%) scale(1)}}@keyframes frontRow-in{0%{transform:translateX(100%) scale(.8)}100%{opacity:1;transform:translateX(0%) scale(1)}}.cbp-animation-rotateRoom{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-rotateRoom .cbp-item{-webkit-perspective:1000px;perspective:1000px}.cbp-animation-rotateRoom .cbp-item-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cbp-animation-rotateRoom .cbp-wrapper-helper .cbp-item-wrapper{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation:rotateRoom-out .8s both ease;animation:rotateRoom-out .8s both ease}.cbp-animation-rotateRoom .cbp-wrapper .cbp-item-wrapper{-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-animation:rotateRoom-in .8s both ease;animation:rotateRoom-in .8s both ease}@-webkit-keyframes rotateRoom-out{90%{opacity:.3}100%{opacity:0;-webkit-transform:translateX(-100%) rotateY(90deg)}}@keyframes rotateRoom-out{90%{opacity:.3}100%{opacity:0;transform:translateX(-100%) rotateY(90deg)}}@-webkit-keyframes rotateRoom-in{0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg)}}@keyframes rotateRoom-in{0%{opacity:.3;transform:translateX(100%) rotateY(-90deg)}}.cbp-animation-bounceBottom{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-bounceBottom .cbp-wrapper-helper{-webkit-animation:bounceBottom-out .6s both ease-in-out;animation:bounceBottom-out .6s both ease-in-out}.cbp-animation-bounceBottom .cbp-wrapper{-webkit-animation:bounceBottom-in .6s both ease-in-out;animation:bounceBottom-in .6s both ease-in-out}@-webkit-keyframes bounceBottom-out{100%{-webkit-transform:translateY(100%);opacity:0}}@keyframes bounceBottom-out{100%{transform:translateY(100%);opacity:0}}@-webkit-keyframes bounceBottom-in{0%{-webkit-transform:translateY(100%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes bounceBottom-in{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:1}}.cbp-animation-bounceLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-bounceLeft .cbp-wrapper-helper{-webkit-animation:bounceLeft-out .6s both ease-in-out;animation:bounceLeft-out .6s both ease-in-out}.cbp-animation-bounceLeft .cbp-wrapper{-webkit-animation:bounceLeft-in .6s both ease-in-out;animation:bounceLeft-in .6s both ease-in-out}@-webkit-keyframes bounceLeft-out{100%{-webkit-transform:translateX(-100%);opacity:0}}@keyframes bounceLeft-out{100%{transform:translateX(-100%);opacity:0}}@-webkit-keyframes bounceLeft-in{0%{-webkit-transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes bounceLeft-in{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}.cbp-animation-bounceTop{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-bounceTop .cbp-wrapper-helper{-webkit-animation:bounceTop-out .6s both ease-in-out;animation:bounceTop-out .6s both ease-in-out}.cbp-animation-bounceTop .cbp-wrapper{-webkit-animation:bounceTop-in .6s both ease-in-out;animation:bounceTop-in .6s both ease-in-out}@-webkit-keyframes bounceTop-out{100%{-webkit-transform:translateY(-100%);opacity:0}}@keyframes bounceTop-out{100%{transform:translateY(-100%);opacity:0}}@-webkit-keyframes bounceTop-in{0%{-webkit-transform:translateY(-100%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes bounceTop-in{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}.cbp-animation-moveLeft{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out;will-change:height}.cbp-animation-moveLeft .cbp-wrapper-helper{-webkit-animation:moveLeft-out .6s both ease-in-out;animation:moveLeft-out .6s both ease-in-out}.cbp-animation-moveLeft .cbp-wrapper{-webkit-animation:moveLeft-in .6s both ease-in-out;animation:moveLeft-in .6s both ease-in-out}@-webkit-keyframes moveLeft-out{100%{-webkit-transform:translateX(-100%);opacity:0}}@keyframes moveLeft-out{100%{transform:translateX(-100%);opacity:0}}@-webkit-keyframes moveLeft-in{0%{-webkit-transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes moveLeft-in{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}.cbp-displayType-lazyLoading{-webkit-animation:fadeIn .5s both ease-in;animation:fadeIn .5s both ease-in}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.cbp-displayType-fadeInToTop{-webkit-perspective:1000px;perspective:1000px;-webkit-animation:fadeInToTop .5s both ease-in;animation:fadeInToTop .5s both ease-in}@-webkit-keyframes fadeInToTop{0%{opacity:0;-webkit-transform:translateY(30px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInToTop{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}.cbp-displayType-sequentially .cbp-item{-webkit-animation:fadeIn .5s both ease-in;animation:fadeIn .5s both ease-in}.cbp-displayType-bottomToTop{-webkit-perspective:1000px;perspective:1000px}.cbp-displayType-bottomToTop .cbp-item{-webkit-animation:fadeInBottomToTop .3s both ease-in;animation:fadeInBottomToTop .3s both ease-in}@-webkit-keyframes fadeInBottomToTop{0%{opacity:0;-webkit-transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInBottomToTop{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}.cbp-lightbox img{display:block;width:100%;height:auto;border:0}.cbp-popup-ie8bg{position:absolute;width:100%;height:100%;min-height:100%;top:0;left:0;z-index:-1;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}.cbp-popup-wrap{height:100%;text-align:center;position:fixed;width:100%;left:0;top:0;display:none;overflow-y:scroll;overflow-x:hidden;z-index:9990;padding:0 10px}.cbp-popup-lightbox{background:rgba(0,0,0,0.8)}.cbp-popup-singlePage{background:white;padding:0}.cbp-popup-wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.cbp-popup-content{position:relative;display:inline-block;vertical-align:middle;text-align:left;max-width:100%}.cbp-popup-singlePage .cbp-popup-content{position:relative;z-index:1;margin-top:145px;max-width:1024px;vertical-align:top;width:94%}.cbp-popup-singlePage .cbp-popup-content-basic{position:relative;z-index:1;margin-top:104px;vertical-align:top;width:100%;display:inline-block;text-align:left}.cbp-popup-lightbox-figure{position:relative}.cbp-popup-lightbox-bottom{left:0;position:absolute;top:100%;width:100%;margin-top:3px}.cbp-popup-lightbox-title{padding-right:70px;font:400 12px/18px "Open Sans",sans-serif;color:#eee}.cbp-popup-lightbox-counter{position:absolute;top:0;right:0;font:400 12px/18px "Open Sans",sans-serif;color:#eee}.cbp-popup-lightbox-img{width:auto;max-width:100%;height:auto;display:block;margin:40px 0 40px;box-shadow:0 0 8px rgba(0,0,0,0.6)}.cbp-popup-lightbox-img[data-action]{cursor:pointer}.cbp-popup-lightbox-isIframe .cbp-popup-content{width:75%}@media only screen and (max-width: 768px){.cbp-popup-lightbox-isIframe .cbp-popup-content{width:95%}}.cbp-popup-lightbox-isIframe .cbp-lightbox-bottom{left:0;position:absolute;top:100%;width:100%;margin-top:3px}.cbp-popup-lightbox-iframe{position:relative;height:0;padding-bottom:56.25%;background:#000}.cbp-popup-lightbox-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6)}.cbp-popup-lightbox-iframe audio{margin-top:27%}.cbp-popup-singlePage .cbp-popup-navigation-wrap{position:absolute;top:0;left:0;width:100%;z-index:9990;height:104px;background-color:#34425C}.cbp-popup-singlePage .cbp-popup-navigation{position:relative;width:100%;height:100%}.cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap{position:fixed;top:0 !important}.cbp-popup-singlePage-counter{color:#bbc0df;position:absolute;margin:auto;right:40px;top:0;bottom:0;font:400 13px/30px "Open Sans",sans-serif;height:30px}@media only screen and (max-width: 768px){.cbp-popup-singlePage-counter{right:3%}}.cbp-popup-next,.cbp-popup-prev,.cbp-popup-close{padding:0;border:medium none;position:absolute;cursor:pointer;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cbp-popup-lightbox .cbp-popup-prev,.cbp-popup-lightbox .cbp-popup-next,.cbp-popup-lightbox .cbp-popup-close{visibility:hidden}.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next,.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev,.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close{visibility:visible}.cbp-popup-lightbox .cbp-popup-prev{background:url("../img/cbp-sprite.html") no-repeat scroll 0 0 transparent;width:44px;height:44px;top:0;bottom:0;left:20px;margin:auto}.cbp-popup-lightbox .cbp-popup-prev:hover{background-position:0 -46px}.cbp-popup-singlePage .cbp-popup-prev{background:url("../img/cbp-sprite.html") no-repeat scroll 0 -92px transparent;width:44px;height:44px;margin:auto;top:0;right:108px;bottom:0;left:0}.cbp-popup-singlePage .cbp-popup-prev:hover{background-position:0 -138px}.cbp-popup-lightbox .cbp-popup-next{background:url("../img/cbp-sprite.html") no-repeat scroll -46px 0 transparent;width:44px;height:44px;top:0;bottom:0;right:20px;margin:auto}.cbp-popup-lightbox .cbp-popup-next:hover{background-position:-46px -46px}.cbp-popup-singlePage .cbp-popup-next{background:url("../img/cbp-sprite.html") no-repeat scroll -46px -92px transparent;width:44px;height:44px;margin:auto;top:0;right:0;bottom:0;left:108px}.cbp-popup-singlePage .cbp-popup-next:hover{background-position:-46px -138px}.cbp-popup-lightbox .cbp-popup-close{background:url("../img/cbp-sprite.html") no-repeat scroll -92px 0 transparent;height:40px;width:40px;right:20px;top:20px}.cbp-popup-lightbox .cbp-popup-close:hover{background-position:-92px -46px}.cbp-popup-singlePage .cbp-popup-close{background:url("../img/cbp-sprite.html") no-repeat scroll -92px -92px transparent;height:44px;width:44px;margin:auto;top:0;right:0;bottom:0;left:0}.cbp-popup-singlePage .cbp-popup-ie8bg{background-color:#fff}.cbp-popup-singlePage .cbp-popup-close:hover{background-position:-92px -138px}@media only screen and (max-width: 360px),(max-height: 600px){.cbp-popup-next,.cbp-popup-prev,.cbp-popup-close{-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8)}.cbp-popup-lightbox .cbp-popup-close{right:10px;top:10px}.cbp-popup-lightbox .cbp-popup-next{right:10px}.cbp-popup-lightbox .cbp-popup-prev{left:10px}.cbp-popup-singlePage .cbp-popup-navigation-wrap{height:84px}.cbp-popup-singlePage .cbp-popup-content{margin-top:120px}}.cbp-popup-loadingBox{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:2;background:url("../img/cbp-loading-popup.html") no-repeat scroll center center #0D0D0D;border:1px solid rgba(79,80,79,0.3);border-radius:3px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=71)";opacity:.71;width:50px;height:50px}.cbp-popup-ready .cbp-popup-loadingBox{visibility:hidden}.cbp-popup-loading .cbp-popup-loadingBox{visibility:visible}.cbp-popup-singlePage{left:100%;-webkit-transition:left .6s ease-in-out;transition:left .6s ease-in-out}.cbp-popup-singlePage.cbp-popup-loading .cbp-popup-content{opacity:0}.cbp-popup-singlePage-open{left:0}.cbp-popup-singlePage.cbp-popup-singlePage-fade{left:0;opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.cbp-popup-singlePage-open.cbp-popup-singlePage-fade{opacity:1}.cbp-popup-singlePage.cbp-popup-singlePage-right{left:-100%;-webkit-transition:left .6s ease-in-out;transition:left .6s ease-in-out}.cbp-popup-singlePage-open.cbp-popup-singlePage-right{left:0}.cbp-l-project-title{color:#454444;font:600 42px/46px "Open Sans",sans-serif;letter-spacing:2px;margin-bottom:15px;text-align:center;text-transform:uppercase}.cbp-l-project-subtitle{color:#787878;font:400 14px/21px "Open Sans",sans-serif;margin:0 auto 50px;max-width:500px;text-align:center}.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img{display:block;margin:0 auto;max-width:100%}.cbp-l-project-container{overflow:hidden;margin:40px auto 0;clear:both}.cbp-l-project-desc{float:left;width:64%}.cbp-l-project-social-wrapper,.cbp-l-inline-social-wrapper{display:inline-block;width:100px;height:20px;overflow:hidden}.cbp-l-inline-social-wrapper{margin-top:5px}.cbp-l-project-details{float:right;width:36%;padding-left:40px;margin-bottom:15px}@media only screen and (max-width: 768px){.cbp-l-project-title{font-size:30px;line-height:34px}.cbp-l-project-desc{width:100%}.cbp-l-project-details{width:100%;margin-top:20px;padding-left:0}}.cbp-l-project-desc-title{border-bottom:1px solid #cdcdcd;margin-bottom:22px;color:#444}.cbp-l-project-desc-title span,.cbp-l-project-details-title span{border-bottom:1px solid #747474;display:inline-block;margin:0 0 -1px 0;font:400 16px/36px "Open Sans",sans-serif;padding:0 5px 0 0}.cbp-l-project-desc-text{font:400 13px/20px "Open Sans",sans-serif;color:#555;margin-bottom:20px}.cbp-l-project-details-title{border-bottom:1px solid #cdcdcd;margin-bottom:19px;color:#444}.cbp-l-project-details-list{margin:0;padding:0;list-style:none}.cbp-l-project-details-list>li,.cbp-l-project-details-list>div{border-bottom:1px dotted #DFDFDF;padding:inherit;color:#666;font:400 12px/30px "Open Sans",sans-serif}.cbp-l-project-details-list strong{display:inline-block;color:#696969;font-weight:600;min-width:100px}.cbp-l-project-details-visit{color:#FFFFFF;float:right;clear:both;text-decoration:none;font:400 11px/18px "Open Sans",sans-serif;margin-top:10px;background-color:#53668A;padding:8px 19px}.cbp-l-project-details-visit:hover{opacity:0.9;color:#fff}.cbp-l-project-related{}.cbp-l-project-related-wrap{font-size:0;margin:0;padding:0}.cbp-l-project-related-item{margin-left:5%;max-width:30%;float:left}.cbp-l-project-related-item:first-child{margin-left:0}.cbp-l-project-related-title{font:700 14px/18px "Open Sans",sans-serif;color:#474747;margin-top:20px}.cbp-l-project-related-link{text-decoration:none}.cbp-l-project-related-link:hover{opacity:0.9}.cbp-l-member-img{float:left;width:40%;margin-top:20px}.cbp-l-member-img img{border:1px solid #e2e2e2;width:auto;max-width:100%;height:auto;display:inline-block;border:0}.cbp-l-member-info{margin-top:20px;padding-left:25px;float:left;width:60%}@media only screen and (max-width: 768px){.cbp-l-member-img{width:100%;text-align:center}.cbp-l-member-info{width:100%;padding-left:0}}.cbp-l-member-name{font:400 28px/28px "Open Sans",sans-serif;color:#474747}.cbp-l-member-position{font:400 13px/21px "Open Sans",sans-serif;color:#888;margin-top:6px}.cbp-l-member-desc{font:400 12px/18px "Open Sans",sans-serif;margin-top:25px;color:#474747}.cbp-popup-singlePageInline-open{-webkit-transition:height .5s ease 0s !important;transition:height .5s ease 0s !important}.cbp-popup-singlePageInline-open .cbp-item{-webkit-transition:-webkit-transform .5s ease 0s !important;transition:transform .5s ease 0s !important}.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline::before{display:none}.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-content,.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-navigation{-webkit-transition-delay:0;transition-delay:0}.cbp-popup-singlePageInline{width:100%;position:absolute;top:0;left:0;z-index:0;overflow:hidden}.cbp-popup-singlePageInline:before{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:2;content:'';width:30px;height:30px;border:1px solid rgba(79,80,79,0.3);border-right:5px solid #000;border-bottom:5px solid #000;border-radius:50%;border-left:5px solid transparent;border-top:5px solid transparent;animation:loading .5s infinite linear;-webkit-animation:loading .5s infinite linear;opacity:0.6}.cbp-popup-singlePageInline .cbp-popup-content{opacity:0;width:100%;z-index:1;min-height:300px}.cbp-popup-singlePageInline .cbp-popup-content,.cbp-popup-singlePageInline .cbp-popup-navigation{-webkit-transition:opacity .4s ease-in .2s;transition:opacity .4s ease-in .2s}.cbp-popup-singlePageInline .cbp-popup-navigation{opacity:0;position:absolute;top:0;right:0;z-index:2;width:40px;height:40px}.cbp-popup-singlePageInline .cbp-popup-close{background:url("../img/cbp-sprite.html") no-repeat scroll -92px 0 transparent;height:40px;width:40px;right:20px;top:30px}.cbp-popup-singlePageInline .cbp-popup-close:hover{opacity:0.7}.cbp-popup-singlePageInline-ready{z-index:4}.cbp-popup-singlePageInline-ready .cbp-popup-content,.cbp-popup-singlePageInline-ready .cbp-popup-navigation{opacity:1}.cbp-popup-singlePageInline-ready:before{display:none}.cbp-singlePageInline-active{opacity:0.6 !important}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.cbp-l-inline{margin:20px 0;overflow:hidden;background:#FAFAFA;padding:30px}.cbp-l-inline-left{float:left;width:44%}.cbp-l-project-img{max-width:100%}.cbp-l-inline-right{float:right;width:56%;padding-left:inherit}@media only screen and (max-width: 768px){.cbp-l-inline-left{width:100%;text-align:center;margin-top:40px}.cbp-l-inline-right{width:100%;padding-left:0;margin-top:20px}}.cbp-l-inline-title{font:400 28px/30px "Open Sans",sans-serif;color:#474747}.cbp-l-inline-subtitle{font:400 13px/21px "Open Sans",sans-serif;color:#888;margin-top:7px}.cbp-l-inline-desc{font:400 13px/20px "Open Sans",sans-serif;color:#474747;margin-top:25px}.cbp-l-inline-view-wrap{text-align:right}.cbp-l-inline-view{font:400 13px/35px "Open Sans",sans-serif;color:#9C9C9C;margin-top:40px;display:inline-block;padding:0 20px;border:1px solid #ccc;text-decoration:none}.cbp-l-inline-view:hover{color:#757575}.cbp-l-inline-details{margin-top:15px;font:13px/22px "Open Sans",sans-serif}.cbp-l-loadMore-defaultText,.cbp-l-loadMore-button-defaultText{display:block}.cbp-l-loadMore-loadingText,.cbp-l-loadMore-noMoreLoading,.cbp-l-loadMore-button-loadingText,.cbp-l-loadMore-button-noMoreLoading{display:none}.cbp-l-loadMore-loading .cbp-l-loadMore-loadingText,.cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText{display:block}.cbp-l-loadMore-loading .cbp-l-loadMore-defaultText,.cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading,.cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText,.cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading{display:none}.cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading,.cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading{display:block}.cbp-l-loadMore-stop .cbp-l-loadMore-defaultText,.cbp-l-loadMore-stop .cbp-l-loadMore-loadingText,.cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText,.cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText{display:none}.cbp-l-loadMore-bgbutton{text-align:center}.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link{border:1px solid #DEDEDE;color:#7E7B7B;display:inline-block;font:400 13px/40px "Lato",sans-serif;min-width:80px;text-decoration:none;padding:0 50px;margin-top:50px;outline:0;box-shadow:none;letter-spacing:1px;-webkit-transition:color .25s;transition:color .25s}.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover,.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-loading{color:#B0B0B0}.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop{cursor:default;color:#B0B0B0}.cbp-l-loadMore-button{text-align:center}.cbp-l-loadMore-button .cbp-l-loadMore-link,.cbp-l-loadMore-button .cbp-l-loadMore-button-link{border:1px solid #DEDEDE;color:#7E7B7B;display:inline-block;font:400 12px/36px "Open Sans",sans-serif;min-width:80px;text-decoration:none;padding:0 30px;outline:0;margin-top:40px;box-shadow:none;-webkit-transition:color .25s;transition:color .25s}.cbp-l-loadMore-button .cbp-l-loadMore-link:hover,.cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-loading{color:#B0B0B0}.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop,.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop,.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop{cursor:default;color:#B0B0B0}.cbp-l-loadMore-text{text-align:center}.cbp-l-loadMore-text .cbp-l-loadMore-link,.cbp-l-loadMore-text .cbp-l-loadMore-text-link{font:400 15px "Open Sans",sans-serif;color:#7E7B7B;text-decoration:none;cursor:pointer;margin-top:50px;display:block}.cbp-l-loadMore-text .cbp-l-loadMore-stop,.cbp-l-loadMore-text .cbp-l-loadMore-text-stop{color:#B0B0B0;cursor:default}.cbp-mode-slider{-webkit-transition:height .35s cubic-bezier(0.22, 0.6, 0.345, 1);transition:height .35s cubic-bezier(0.22, 0.6, 0.345, 1)}.cbp-mode-slider .cbp-wrapper,.cbp-mode-slider .cbp-item{-webkit-transition:-webkit-transform .35s cubic-bezier(0.22, 0.6, 0.345, 1);transition:transform .35s cubic-bezier(0.22, 0.6, 0.345, 1)}.cbp-mode-slider .cbp-wrapper{cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.cbp-mode-slider-dragStart *{cursor:move !important;cursor:-ms-grabbing !important;cursor:-webkit-grabbing !important;cursor:-moz-grabbing !important;cursor:grabbing !important}.cbp-mode-slider-dragStart .cbp-wrapper{-webkit-transition:none;transition:none}.cbp-nav-next,.cbp-nav-prev{position:relative;background:#7c8b90;cursor:pointer;display:inline-block;margin-left:1px;height:22px;width:21px}.cbp-nav-next{border-radius:0 2px 2px 0}.cbp-nav-prev{border-radius:2px 0 0 2px}.cbp-nav-next:hover,.cbp-nav-prev:hover{opacity:0.8}.cbp-nav-next:after,.cbp-nav-prev:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:url("../img/cbp-sprite.html") no-repeat;height:10px;width:7px}.cbp-nav-next:after{background-position:-134px 0}.cbp-nav-prev:after{background-position:-134px -12px}.cbp-nav-stop{opacity:0.5 !important;cursor:default !important}.cbp-nav{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cbp-nav-controls{position:absolute;top:-51px;right:0;z-index:100}.cbp-nav-pagination{position:absolute;bottom:-30px;right:0;z-index:100;left:0;text-align:center}.cbp-nav-pagination-item{position:relative;width:10px;height:10px;border-radius:50%;margin:0 4px;display:inline-block;cursor:pointer;background:#c2c2c2;-webkit-transition:background 0.5s;transition:background 0.5s}.cbp-nav-pagination-active{background:#797979}.cbp-slider-wrap,.cbp-slider-item{margin:0;padding:0;list-style-type:none}.cbp-slider .cbp-nav-controls{position:static}.cbp-slider .cbp-nav-next,.cbp-slider .cbp-nav-prev{background:transparent;position:absolute;margin:auto;top:0;bottom:0;z-index:100;width:44px;height:44px}.cbp-slider .cbp-nav-next{right:25px;left:auto}.cbp-slider .cbp-nav-prev{left:25px;right:auto}.cbp-slider .cbp-nav-next:after,.cbp-slider .cbp-nav-prev:after{background:url("../img/cbp-sprite.html") no-repeat;width:44px;height:44px}.cbp-slider .cbp-nav-next:after{background-position:-46px -92px}.cbp-slider .cbp-nav-next:hover:after{background-position:-46px -46px}.cbp-slider .cbp-nav-prev:after{background-position:0 -92px}.cbp-slider .cbp-nav-prev:hover:after{background-position:0 -46px}.cbp-slider .cbp-nav-pagination{text-align:right;bottom:20px;right:25px;left:auto}.cbp-slider-edge .cbp-nav-controls{position:static}.cbp-slider-edge .cbp-nav-next,.cbp-slider-edge .cbp-nav-prev{background:transparent;position:absolute;margin:auto;top:0;bottom:0;z-index:100;width:44px;height:44px}.cbp-slider-edge .cbp-nav-next{right:-14px;left:auto}.cbp-slider-edge .cbp-nav-prev{left:-14px;right:auto}.cbp-slider-edge .cbp-nav-next:after,.cbp-slider-edge .cbp-nav-prev:after{background:url("../img/cbp-sprite.html") no-repeat;width:9px;height:16px}.cbp-slider-edge .cbp-nav-next:after{background-position:-134px -24px}.cbp-slider-edge .cbp-nav-prev:after{background-position:-134px -42px}.cbp-slider-edge .cbp-nav-pagination{bottom:-50px}.cbp-slider-edge .cbp-nav-pagination-item{border:2px solid #0f0f0f;opacity:0.4;background:transparent}.cbp-slider-edge .cbp-nav-pagination-active{background:#000}.cbp-l-grid-agency .cbp-caption:after{position:absolute;content:'';width:0;height:0;border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent;bottom:0px;left:50%;margin-left:-5px;z-index:1}.cbp-l-grid-agency.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap{-webkit-transform:scale(1.15);transform:scale(1.15)}.cbp-l-grid-agency-title{margin-top:18px;font:700 17px/24px Lato,sans-serif;color:#666;text-align:center}.cbp-item:hover .cbp-l-grid-agency-title{color:#222}.cbp-l-grid-agency-desc{font:400 12px/21px "Open Sans",sans-serif;color:#aaa;text-align:center}.cbp-l-grid-work.cbp-caption-zoom .cbp-caption-activeWrap{background-color:rgba(0,0,0,0.7)}.cbp-l-grid-work .cbp-item{padding:3px}.cbp-l-grid-work .cbp-item-wrapper{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.2);padding:7px 7px 27px;border-top:1px solid #F4F4F4}.cbp-l-grid-work-title{margin-top:17px;font:400 17px/25px "Roboto Condensed",sans-serif;color:#607D8B;text-align:center;text-transform:uppercase;display:block}.cbp-l-grid-work-title:hover{color:#365D67}.cbp-l-grid-work-desc{font:400 11px/16px "Open Sans",sans-serif;color:#888888;text-align:center;text-transform:uppercase}.cbp-l-grid-blog-title{font:400 18px/30px "Open Sans",sans-serif;color:#444;display:block;margin-top:17px}.cbp-l-grid-blog-title:hover{color:#787878}.cbp-l-grid-blog-date{font:400 12px/18px "Open Sans",sans-serif;color:#787878;display:inline-block}.cbp-l-grid-blog-comments{font:400 12px/18px "Open Sans",sans-serif;color:#3C6FBB;display:inline-block}.cbp-l-grid-blog-comments:hover{opacity:.8}.cbp-l-grid-blog-desc{font:400 13px/18px "Open Sans",sans-serif;color:#9B9B9B;margin-top:9px}.cbp-l-grid-blog-split{margin:0 4px;font:400 13px/16px "Open Sans",sans-serif;color:#787878;display:inline-block}.cbp-l-grid-clients{height:180px}.cbp-l-clients-title-block{font:400 32px/53px Roboto,sans-serif;color:#666464;text-align:center;margin-bottom:40px}.cbp-l-grid-faq .cbp-item{width:100%}.cbp-l-grid-projects-title{font:700 14px/21px "Open Sans",sans-serif;color:#474747;margin-top:15px}.cbp-l-grid-projects-desc{font:400 12px/18px "Open Sans",sans-serif;color:#888888;margin-top:5px}.cbp-l-grid-masonry-projects .cbp-caption-activeWrap{background-color:#59a3b6;background-color:rgba(89,163,182,0.95)}.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft,.cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight{background-color:#545454}.cbp-l-grid-masonry-projects-title{font:500 15px/22px Roboto,sans-serif;color:#59a3b6;text-align:center;display:block;margin-top:12px}.cbp-l-grid-masonry-projects-title:hover{color:#457C8B}.cbp-l-grid-masonry-projects-desc{font:400 12px/18px Roboto,sans-serif;color:#b2b2b2;text-align:center}.cbp-l-grid-team-name{font:400 17px/24px "Open Sans",sans-serif;color:#456297;display:block;text-align:center;margin-top:18px}.cbp-l-grid-team-name:hover{color:#34425C}.cbp-l-grid-team-position{font:italic 400 13px/21px "Open Sans",sans-serif;color:#999;text-align:center}.cbp-l-grid-mosaic-flat .cbp-caption-activeWrap{background-color:#2c2825; }.cbp-l-grid-mosaic-flat .cbp-l-caption-title{ font-family: 'Roboto', sans-serif; color:#fff;font-size:22px; text-transform:none;letter-spacing:2px;display:inline-block}.cbp-l-grid-mosaic-flat .cbp-l-caption-title:after{display:none!important;content:'';display:block;width:40%;height:1px;background-color:#145db1;margin:8px auto 0}.cbp-l-grid-mosaic-projects .cbp-caption-activeWrap{background-color:#59a3b6;background-color:rgba(89,163,182,0.97)}.cbp-l-grid-mosaic .cbp-caption-activeWrap{background-color:#FFEA71;background-color:rgba(255,234,113,0.95)}.cbp-l-grid-mosaic .cbp-l-caption-title{color:#5A5A5A;font:500 18px/22px "Roboto",sans-serif;text-transform:uppercase;margin-bottom:5px}.cbp-l-grid-mosaic .cbp-l-caption-desc{color:#585858;font:400 13px/20px "Roboto",sans-serif}.cbp-l-slider-title-block{border-bottom:1px solid #cdcdcd;margin-bottom:22px}.cbp-l-slider-title-block div{padding:0 2px 6px 0;display:inline-block;border-bottom:1px solid #a9a5a5;color:#5e5e5e;margin-bottom:-1px;font:15px/21px Roboto,sans-serif}.cbp-l-grid-slider-team-name{float:left;font:20px/30px Roboto,sans-serif;color:#494949;margin-top:16px}.cbp-l-grid-slider-team-position{clear:both;font:14px/21px Roboto,sans-serif;color:#A6A6A6}.cbp-l-grid-slider-team-desc{color:#969696;margin-top:15px}.cbp-l-grid-slider-team-social{float:right;margin-top:16px}.cbp-l-grid-slider-team-social a{color:#737373;line-height:30px;margin-left:6px}.cbp-l-grid-slider-team-social a:hover{opacity:0.8}.cbp-l-slider-testimonials-wrap{background:#f8f9f9;padding:80px 0 110px;border-width:1px 0;border-style:solid;border-color:#dce1e2}.cbp-l-grid-slider-testimonials-body{color:#424242;max-width:800px;margin:0 auto;font:20px/32px sans-serif;text-align:center;padding:0 20px}.cbp-l-grid-slider-testimonials-footer{font:12px/19px Roboto,sans-serif;color:#777;text-align:center;margin-bottom:10px;margin-top:30px}.cbp-l-grid-tabs{height:100px}.cbp-l-grid-tabs .cbp-item{font:14px/24px Lato,sans-serif;max-width:700px;width:100%;margin:0 auto;right:0;text-align:center;color:#5a5a5a}.cbp-l-testimonials-title-block{position:relative;text-align:center;font:26px/36px Roboto,sans-serif;color:#E7E7E7;margin-bottom:60px}.cbp-l-testimonials-title-block :after{content:'';position:absolute;margin:0 auto;width:23px;height:2px;bottom:-6px;background-color:#C2C2C2;left:0;right:0}.cbp-l-testimonials-wrap{background:#2D2D2D;padding:60px 0 110px}.cbp-l-grid-testimonials-body{color:#e7e7e7;max-width:800px;margin:0 auto;font:20px/32px sans-serif;text-align:center;padding:0 20px}.cbp-l-grid-testimonials-footer{font:12px/19px Roboto,sans-serif;color:#C2C2C2;text-align:center;margin-bottom:40px;margin-top:35px}.cbp-search{position:relative;width:220px;margin-bottom:40px}.cbp-search .cbp-search-nothing{display:none}.cbp-search-icon{position:absolute;width:32px;height:100%;top:0;right:0;text-align:center;cursor:pointer;pointer-events:none}.cbp-search-icon:after{content:'\f002';font-family:'FontAwesome';font-size:14px;color:#797979;line-height:36px;pointer-events:none}.cbp-search-input{height:36px;padding:0 32px 0 12px;margin:0;border-radius:1px;border:1px solid #c6c3c4;font:400 12px "Open Sans",sans-serif;width:100%}.cbp-search-input[value]+.cbp-search-icon{pointer-events:auto}.cbp-search-input[value]+.cbp-search-icon:after{content:'\f00d'}.cbp-search-nothing{position:absolute;top:0;padding:0 0 30px;text-align:center;width:100%;font:13px "Open Sans",sans-serif} .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .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 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% { -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% { -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(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -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-out; animation-timing-function: ease-out; } 50% { -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-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -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-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 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); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 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); opacity: 1; -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; } 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; } .subscribe_fold{ background-color: #145db1; overflow: hidden; position: relative; z-index: 2;} .subscribe_fold a{ margin-top: 26px; color: #000; font-size: 12px; font-weight: 900; display: block; font-size: 12px; text-transform: uppercase; } .subscribe-now{ max-width: 506px; margin: 0px auto; position: relative;} .subscribe-now input[type="text"]{ padding-right: 190px; } .company_profile{ max-width: 170px; } .fill-help .control{ padding-left: 0px; opacity: 0.3;} .subscribe-now button { position: absolute; right: 0px; top: 0px; min-width: 175px; font-size: 11px; background: none; color: #fff; height: 50px; font-weight: bold; border:1px solid #fff; background-color: #fff; color: #145db1; } .subscribe-now button:hover { background:#fff; color:#145db1; } .control { display: block; position: relative; padding-left: 15px; margin-bottom: 9px; cursor: pointer; color: #6b6b6b; font-size: 12px; } .control input { position: absolute; z-index: -1; opacity: 0; } .control__indicator { position: absolute; top: 4px; left: 0; height: 10px; width: 10px; background: #fff; border: 1px solid #145db1; } .control--radio .control__indicator { border-radius: 50%; } .control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { background: #fff; border: 1px solid #145db1; } .control input:checked ~ .control__indicator { background: #fff; border: 1px solid #145db1 } .control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator { background: #fff; border: 1px solid #145db1; } .control input:disabled ~ .control__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; } .control__indicator:after { content: ''; position: absolute; display: none; } .control input:checked ~ .control__indicator:after { display: block; } .control--checkbox .control__indicator:after { left: 4px; top: -2px; width: 4px; height: 9px; border: solid #145db1; border-width: 0 2px 2px 0; transform: rotate(45deg); } .control--checkbox input:disabled ~ .control__indicator:after { border-color: #7b7b7b; } .control--radio .control__indicator:after { left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #fff; } .control--radio input:disabled ~ .control__indicator:after { background: #7b7b7b; } .select { position: relative; display: inline-block; margin-bottom: 15px; width: 100%; } .select select { display: inline-block; width: 100%; cursor: pointer; padding: 10px 15px; outline: 0; border: 0; border-radius: 0; background: #e6e6e6; color: #7b7b7b; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .select select::-ms-expand { display: none; } .select select:hover, .select select:focus { color: #000; background: #ccc; } .select select:disabled { opacity: 0.5; pointer-events: none; } .select__arrow { position: absolute; top: 16px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #7b7b7b transparent transparent transparent; } .select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow { border-top-color: #000; } .select select:disabled ~ .select__arrow { border-top-color: #ccc; } .h4, h4 { color: #145db1; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 0px 0px 5px 0px; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-transform: none; } .h3, h3 { color: #2e2e2e; text-transform: none; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 34px; margin: 0px 0px 10px 0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } p{ font-size: 16px; color: #4f4f4f; line-height: 24px; font-weight: 500; font-family: 'Roboto', sans-serif; } .field-mergedright{ padding-right: 10px; } .field-mergedleft{ padding-left: 10px; } /* Default custom select styles */ div.cs-select { display: inline-block; vertical-align: middle; position: relative; text-align: left; background: #fff; z-index: 100; width: 100%; max-width: 100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.cs-select:focus { outline: none; /* For better accessibility add a style for this in your skin */ } .cs-select select { display: none; } .cs-select span { display: block; position: relative; cursor: pointer; padding: 14px 18px; height:50px; font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Placeholder and selected option */ .cs-select > span { padding-right: 3em; } .cs-select > span::after, .cs-select .cs-selected span::after { speak: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cs-select > span::after { content: '\25BE'; right: 1em; } .cs-select .cs-selected span::after { content: '\2713'; margin-left: 1em; } .cs-select.cs-active > span::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } div.cs-active { z-index: 200; } /* Options */ .cs-select .cs-options { position: absolute; overflow: hidden; width: 100%; background: #fff; visibility: hidden; } .cs-select.cs-active .cs-options { visibility: visible; } .cs-select ul { list-style: none; margin: 0; padding: 0; width: 100%; } .cs-select ul span { padding: 1em; } .cs-select ul li.cs-focus span { background-color: #ddd; } /* Optgroup and optgroup label */ .cs-select li.cs-optgroup ul { padding-left: 1em; } .cs-select li.cs-optgroup > span { cursor: default; } div.cs-skin-elastic { background: transparent; } .boder-space .qualities { padding-top: 75px; border: none; } @media screen and (max-width: 30em) { div.cs-skin-elastic { font-size: 1em; } } .cs-skin-elastic > span { z-index: 100; border: 1px solid #6b6b6b; color: #6b6b6b; border-radius: 5px; background-color: #2e2e2e; } } .cs-skin-elastic > span::after { font-family: 'FontAwesome'; content: "\f107"; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cs-skin-elastic .cs-options { overflow: visible; background: transparent; opacity: 1; visibility: visible; pointer-events: none; } .cs-skin-elastic.cs-active .cs-options { pointer-events: auto; margin-top:-1px; overflow:hidden; border: 1px solid #6b6b6b; top: 1px; padding-top: 50px; border-radius: 25px; } .cs-skin-elastic .cs-options > ul::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transform: scale3d(1,0,1); transform: scale3d(1,0,1); background: #2e2e2e; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .cs-skin-elastic.cs-active .cs-options > ul::before { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); -webkit-transition: none; transition: none; -webkit-animation: expand 0.6s ease-out; animation: expand 0.6s ease-out; } .cs-skin-elastic .cs-options ul li { opacity: 0; -webkit-transform: translate3d(0,-25px,0); transform: translate3d(0,-25px,0); -webkit-transition: opacity 0.15s, -webkit-transform 0.15s; transition: opacity 0.15s, transform 0.15s; } .cs-skin-elastic.cs-active .cs-options ul li { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; -webkit-transition: none; transition: none; -webkit-animation: bounce 0.6s ease-out; animation: bounce 0.6s ease-out; border-bottom: 1px solid #6b6b6b; margin: 0px; } .cs-skin-elastic.cs-active .cs-options ul li:last-child{ border-bottom: none; } /* Optional delays (problematic in IE 11/Win) */ /* .cs-skin-elastic.cs-active .cs-options ul li:first-child { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .cs-skin-elastic.cs-active .cs-options ul li:nth-child(2) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } .cs-skin-elastic.cs-active .cs-options ul li:nth-child(3) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .cs-skin-elastic.cs-active .cs-options ul li:nth-child(4) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } /* with more items, more delays declarations are needed */ .cs-skin-elastic .cs-options span {color: #acacac;} .cs-skin-elastic .cs-options span:hover, .cs-skin-elastic .cs-options li.cs-focus span, .cs-skin-elastic .cs-options .cs-selected span { color: #0096ad; } .cs-skin-elastic .cs-options .cs-selected span { color: #fff; } .cs-skin-elastic .cs-options .cs-selected span::after { content: ''; } @-webkit-keyframes expand { 0% { -webkit-transform: scale3d(1,0,1); } 25% { -webkit-transform: scale3d(1,1.2,1); } 50% { -webkit-transform: scale3d(1,0.85,1); } 75% { -webkit-transform: scale3d(1,1.05,1) } 100% { -webkit-transform: scale3d(1,1,1); } } @keyframes expand { 0% { -webkit-transform: scale3d(1,0,1); transform: scale3d(1,0,1); } 25% { -webkit-transform: scale3d(1,1.2,1); transform: scale3d(1,1.2,1); } 50% { -webkit-transform: scale3d(1,0.85,1); transform: scale3d(1,0.85,1); } 75% { -webkit-transform: scale3d(1,1.05,1); transform: scale3d(1,1.05,1); } 100% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } } @-webkit-keyframes bounce { 0% { -webkit-transform: translate3d(0,-25px,0); opacity:0; } 25% { -webkit-transform: translate3d(0,10px,0); } 50% { -webkit-transform: translate3d(0,-6px,0); } 75% { -webkit-transform: translate3d(0,2px,0); } 100% { -webkit-transform: translate3d(0,0,0); opacity: 1; } } @keyframes bounce { 0% { -webkit-transform: translate3d(0,-25px,0); transform: translate3d(0,-25px,0); opacity:0; } 25% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 50% { -webkit-transform: translate3d(0,-6px,0); transform: translate3d(0,-6px,0); } 75% { -webkit-transform: translate3d(0,2px,0); transform: translate3d(0,2px,0); } 100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } .cs-select.cs-skin-elastic.cs-active span.cs-placeholder{ } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-60{ margin-bottom: 60px; } .margin-bottom-50{ margin-bottom: 50px; } .set-height { min-height: 250px; width: 100%; } .set-height p { text-align: justify; } .margin-bottom-10 { margin-bottom: 10px; } .getQuote-space section.section-padding.gray_bg.get_quote { padding: 25px 0 60px; } .get_quote { background-color: #2e2e2e; z-index: 2; position: relative; overflow: hidden; padding-top: 90px; } .get_quote p { text-align: center; color: #8a8a8a; margin-bottom: 5px; } .get_quote .form-control { border: 1px solid #6b6b6b; background-color: transparent; height: 50px; color: #6b6b6b font-size: 14px; text-transform: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: none; border-radius: 5px!important; } .get_quote input[type=number]::-webkit-inner-spin-button, .get_quote input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } .get_quote .btn-fill{ height: 50px; padding: 18px 15px;} .get_quote textarea.form-control { resize: none; min-height: 105px; padding-top: 14px; border-radius: 15px !important; } .hero .container{ height: 100%; position: relative; } .clients{ } .clients .sensation-slide img {opacity: 0.3;} .clients .sensation-slide img:hover {opacity: 1;} .client-wrpper{ position: absolute; bottom: 150px; } .clients .sensation-slide.sensation-current.sensation-active img{ opacity: 0.3; } .clients .sensation-slide.sensation-current.sensation-active:hover img{ opacity: 1; } .client-wrpper a{ font-weight: 900; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 12px; padding-right: 60px; } .clients .regular{ padding-top: 10px; } .portfolio-jump{ position: absolute; bottom: 69px; right: 16px; z-index: 5; } .portfolio-jump a{ text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 900; font-size: 14px; color: #145db1; } form#quoteForm p { padding-left: 5px; } .contest-list__item a.action-chat { cursor: pointer; } @-webkit-keyframes ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @-moz-keyframes ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @keyframes ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } .scroll-btn { display: block; position: absolute; left: 0; right: 0; bottom: 0px; max-width: 100px; text-align: center; margin: 0px auto; } .scroll-btn > * { display: inline-block; line-height: 18px; font-size: 13px; font-weight: normal; color: #7f8c8d; color: #ffffff; font-family: 'Roboto', sans-serif; letter-spacing: 2px; } .scroll-btn > *:hover, .scroll-btn > *:focus, .scroll-btn > *.active { color: #ffffff; } .scroll-btn > *:hover, .scroll-btn > *:focus, .scroll-btn > *:active, .scroll-btn > *.active { opacity: 0.8; filter: alpha(opacity=80); } .scroll-btn .mouse { position: relative; display: block; width: 25px; height: 50px; margin: 0 auto 61px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #fff; border-radius: 23px; } .scroll-btn .mouse > * { position: absolute; display: block; top: 29%; left: 50%; width: 3px; height: 10px; margin: -4px 0 0 -2px; background: #fff; border-radius: 6px; -webkit-animation: ani-mouse 0.8s linear infinite; -moz-animation: ani-mouse 0.8s linear infinite; animation: ani-mouse 0.8s linear infinite; } /* Slider */ .slick-loading .slick-list { background: #fff url('ajax-loader.html') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../fonts/slick.html'); src: url('../fonts/slickd41d.html?#iefix') format('embedded-opentype'), url('../fonts/slick-2.html') format('woff'), url('../fonts/slick-3.html') format('truetype'), url('../fonts/slick-4.html#slick') format('svg'); } /* Arrows */ .sensation-prev, .sensation-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; } .sensation-prev:hover, .sensation-prev:focus, .sensation-next:hover, .sensation-next:focus { } .sensation-prev:hover:before, .sensation-prev:focus:before, .sensation-next:hover:before, .sensation-next:focus:before { opacity: 1; } .sensation-prev.sensation-disabled:before, .sensation-next.sensation-disabled:before { opacity: .25; } .sensation-prev:before, .sensation-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: none; } .sensation-prev { left: -25px; background-image: url(../img/arrow-left.html); background-repeat: no-repeat; background-position: top center; width: 41px; height: 75px; opacity: 0.3; } .sensation-prev:hover, .sensation-prev:focus { background-image: url(../img/arrow-left.html); opacity: 1; } .sensation-prev:before { content: 'âââ¬Â '; } [dir='rtl'] .sensation-prev:before { content: '→'; display: none; } .sensation-next { right: -25px; background-image: url(../img/arrow-right.html); background-repeat: no-repeat; background-position: top center; width: 41px; height: 75px; opacity: 0.3; } .sensation-next:hover { background-image: url(../img/arrow-right.html); opacity: 1; } [dir='rtl'] .sensation-next { right: auto; left: -25px; } .sensation-next:before { content: 'âââ¬Â ’'; display: none; } [dir='rtl'] .sensation-next:before { content: '←'; display: none; } /* Dots */ .sensation-dotted.sensation-slider { height:600px; } .sensation-dots { position: relative; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .sensation-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .sensation-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .sensation-dots li button:hover, .sensation-dots li button:focus { outline: none; } .sensation-dots li button:hover:before, .sensation-dots li button:focus:before { opacity: 1; } .sensation-dots li button:before { font-family: slick; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #585858; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sensation-dots li.sensation-active button:before { opacity: 1; color: #145db1; } /* Slider */ .sensation-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .sensation-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .sensation-list:focus { outline: none; } .sensation-list.dragging { cursor: pointer; cursor: hand; } .sensation-slider .sensation-track, .sensation-slider .sensation-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); } .sensation-track { position: relative; top: 0; left: 0; display: block; } .sensation-track:before, .sensation-track:after { display: table; content: ''; } .sensation-track:after { clear: both; } .sensation-loading .sensation-track { visibility: hidden; } .sensation-slide { display: none; float: left; min-height: 1px; outline: none; padding: 0 ; } [dir='rtl'] .sensation-slide { float: right; } .sensation-slide img { display: block; } .sensation-slide.sensation-loading img { display: none; } .sensation-slide.dragging img { pointer-events: none; } .sensation-initialized .sensation-slide { display: block; } .sensation-loading .sensation-slide { visibility: hidden; } .sensation-vertical .sensation-slide { display: block; height: auto; border: 1px solid transparent; } .sensation-arrow.sensation-hidden { display: none; } a.active-lang{ opacity: 0.5; } .btn-fill-white { text-decoration: none; height: 45px; font-size: 11px; text-transform: uppercase; font-family: 'Roboto', sans-serif; display: inline-block; padding: 15px 15px; line-height: 100% !important; outline: none; border:none; min-width: 154px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 5px; background: transparent; color: #fff; border: 2px solid #fff; font-family: 'Roboto', sans-serif; font-weight: 900; } .btn-fill-white:hover, .btn-fill-white:focus { background-color: #fff; color: #145db1; text-decoration: none; } /*.btn-fill i.fa.fa-play { display: none; }*/ .btn-fill { background: linear-gradient(44.44deg, #ED2775 7.79%, #FF7448 94.18%); color: #fff; text-decoration: none; height: 45px; font-size: 11px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 500; display: inline-block; padding: 15px 15px; outline: none; border:none; min-width: 175px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 5px; } .btn-fill:hover, .btn-fill:focus { background-color: #10519c; color: #fff; text-decoration: none; } .btn-line { background: none; border: 0; height: 45px; box-sizing: border-box; padding:15px 15px; font-family: 'Roboto', sans-serif; color: #000; font-size: 12px; position: relative; vertical-align: top; display: inline-block; text-decoration: none; font-weight: 600; min-width: 175px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-line::before, .btn-line::after { box-sizing: inherit; content: ''; position: absolute; width: 100%; height: 100%; } .btn-line-fill { background: none; border: 0; height: 45px; box-sizing: border-box; padding: 13px 15px; font-family: 'Roboto', sans-serif; color: #ffffff; font-size: 13px; position: relative; vertical-align: top; display: inline-block; text-decoration: none; font-weight: 600; min-width: 230px; text-align: center; text-transform: uppercase; border: 1px solid rgb(255 255 255); border-radius: 5px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; font-weight: 500; background: linear-gradient(44.44deg, #ED2775 7.79%, #FF7448 94.18%); } .header .btn-line-fill { min-width: 175px; } .btn-line-fill:hover { background-color: #145db1; color: #fff; text-decoration: none; } .draw { -webkit-transition: color 0.25s; transition: color 0.25s; } .draw::before, .draw::after { border: 2px solid transparent; width: 0; height: 0; } .draw::before { top: 0; left: 0; } .draw::after { bottom: 0; right: 0; } .draw:hover { color: #007e65; text-decoration: none; } .draw:hover::before, .draw:hover::after { width: 100%; height: 100%; text-decoration: none; } .draw:hover::before { border-top-color: #007e65; border-right-color: #007e65; -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; } .draw:hover::after { border-bottom-color: #007e65; border-left-color: #007e65; -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; } .call-action a{} .call-action { text-align: right; } #header-sroll.small .call-action span, .call-action span { padding-left: 20px; color: #fff; font-family: 'Roboto', sans-serif; font-size: 17px; display: inline-block; font-weight: 500; } .call-action span small { font-size: 18px; line-height: 14px; margin-right: 6px; color: #fff; } .call-action span small .fa-calendar{ position: relative; top: -2px; } #header-sroll.small .call-action span { color: #2c2c2c; } .header { position: absolute; } #header-sroll { position: fixed; padding: 10px 0px; height: 77px; left: 0; top: 0; float: left; width: 100%; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header-sroll.small { background: #fff; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; box-shadow: 1px -10px 26px #b7b7b7; } #header-sroll.small .nav-toggle { opacity: 0.3; } #header-sroll.small .nav-toggle span, #header-sroll.small .nav-toggle span:before, #header-sroll.small .nav-toggle span:after{ background-color: #000; } #header-sroll.small .nav-toggle.active span, #header-sroll.small .nav-toggle.active span:before, #header-sroll.small .nav-toggle.active span:after{ background-color: #fff; } #header-sroll.small:hover .nav-toggle span, #header-sroll.small:hover .nav-toggle span:before, #header-sroll.small:hover .nav-toggle span:after{ background-color: #000; } #header-sroll:hover .nav-toggle.active span, #header-sroll:hover .nav-toggle.active span:before, #header-sroll:hover .nav-toggle.active span:after{ background-color: #fff; } #header-sroll.small .nav-toggle.active{ opacity: 1 } #header-sroll.small .logo { position: relative; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #header-sroll.small .logo img{ -webkit-transition-property: width; /* Safari */ transition-property: width;} .navigation { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; position: fixed; width: 100%; z-index: 999; } .fixed { position: fixed; background-color: #fff; z-index: 999; width: 100%; } .navigation.fixed ul.secondary-nav li a:hover { color: #f05123; } header { z-index: 50000; position: relative; } header a { color: #b6b6b4; text-transform: uppercase; font-size: 12px; font-family: 'Roboto', sans-serif; } header a:hover { color: #fff; text-decoration: none; } img { max-width: 100%; } header a.login { margin-right: 20px; } header .logo { display: inline-block; top: 0; position: relative; } .logo{ } header .logo a {/* width: 121px; */height: auto;background-image: url(../img/logo.html);background-repeat: no-repeat;background-position: top center;display: block;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;} header .logo-inside { position: absolute; left: 17px; top: 20px; } header .logo-inside a { width: 47px; height: 38px; background-image: url(../img/logo-inside.html); background-repeat: no-repeat; background-position: top center; display: block; } header #header-sroll.small .logo a { background-position: center bottom !important; } .navigation.fixed .logo { background-position: 0px -60px; } .secondary-nav-wrap { padding: 0px; text-align: right; margin-top: 11px; } .social-top a { color: #dcdcdb; padding: 0px 0px 0px 17px; font-size: 12px; } .social-top a:hover { color: #f05123; } .navigation.fixed .social-top a { color: #dcdcdb; } .navigation.fixed .social-top a:hover { color: #f05123; } li.social_overlay { margin-top: 30px; } .social_overlay a { font-size: 12px; color: #dcdcdb; margin: 0px 10px; } .social_overlay a:hover { color: #f05123 !important; } .dropmenu_footer { position: absolute; left: 10px; right: 10px; bottom: 30px; } .dropmenu_footer span{ color:#fff; } .dropmenu_footer span.copyright{ position: relative; top: 4px; float: left; } .dropmenu_footer span a { color: #fff; text-transform: uppercase; font-size: 18px; font-family: 'Roboto', sans-serif; padding-right: 20px; padding-left: 10px; } .dropmenu_footer ul.footer-group li { display: inline-block; } .dropmenu_footer ul.footer-group li a { color: #414141!important; padding: 0px 10px; border-right: 1px solid #414141 !important; } .dropmenu_footer ul.footer-group li a:hover { color: #fff!important; } .dropmenu_footer ul.footer-group li:last-child > a { border-right: none !important; } .dropmenu_footer p { margin: 0px; padding: 0px 5px; font-size: 11px; color: #414141; text-align: left; } .dropmenu_footer p a { margin: 0px 10px 0px 0px; padding: 0px; font-size: 20px; color: #fff; text-transform: none; font-family: 'Roboto', sans-serif; font-weight: 900; } header ul.primary-nav { margin: 0 0 0 75px; padding: 0; } header ul.primary-nav li { display: inline; } header ul.primary-nav li a { color: #fff; padding-right: 25px; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } header ul.primary-nav li a:hover { color: #fff!important; text-decoration: underline; } header ul.primary-nav li:last-child a { padding-right: 0px; } .header-nav { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */ background: rgb(20,93,177); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */ background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */ } .header-nav .container { height: 100%; position: relative; } ul.member-actions { position: static; } .navicon { visibility: visible; } header .nav-wrapper { display: absolute; } header nav { position: relative; top: 49%; -moz-transform: translatey(-45%); -ms-transform: translatey(-45%); -o-transform: translatey(-45%); -webkit-transform: translatey(-45%); transform: translatey(-45%); } nav ul li a { color: #fff; font-size: 24px; text-transform:none; font-weight: 500; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } nav ul li { margin-bottom: 3px; line-height: normal; } nav ul li a:hover, nav ul li a:focus{ text-decoration: none!important;} nav ul li.feature-menu a { opacity: 0.8; font-size: 34px; line-height: 50px; } nav ul li.feature-menu a:hover, nav ul li.feature-menu a:focus{opacity: 1;} nav ul.primary-nav li { display: block; text-align: left; } nav ul.member-actions li { display: block; } nav a.login { margin-right: 0px; } nav ul.primary-nav { margin: 0; padding: 0px; text-align: center; } nav ul.primary-nav li a { padding-right: 0; } nav ul.primary-nav li a:hover { color: #145db1; } nav .member-actions { position: static; padding: 0; text-align: center; } nav ul.primary-nav li, nav ul.member-actions li { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -moz-transform: translate3d(0, -80px, 0); -ms-transform: translate3d(0, -80px, 0); -o-transform: translate3d(0, -80px, 0); -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); -moz-transition: -moz-transform 0.5s, opacity 0.5s; -o-transition: -o-transform 0.5s, opacity 0.5s; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; -moz-transition: -moz-transform 0.5s, opacity 0.5s; -o-transition: -o-transform 0.5s, opacity 0.5s; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s } header .header-nav.open ul.primary-nav li, header .header-nav.open ul.member-actions li { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } nav ul.primary-nav li:first-child { -moz-transition-delay: 0.05s; -o-transition-delay: 0.05s; -webkit-transition-delay: 0.05s; transition-delay: 0.05s } nav ul.primary-nav li:nth-child(2) { -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s } nav ul.primary-nav li:nth-child(3) { -moz-transition-delay: 0.15s; -o-transition-delay: 0.15s; -webkit-transition-delay: 0.15s; transition-delay: 0.15s } nav ul.primary-nav li:nth-child(4) { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s } nav ul.member-actions li:first-child { -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s; -webkit-transition-delay: 0.25s; transition-delay: 0.25s } nav ul.member-actions li:nth-child(2) { -moz-transition-delay: 0.30s; -o-transition-delay: 0.30s; -webkit-transition-delay: 0.30s; transition-delay: 0.30s } header ul.member-actions li { display: inline; } header ul.member-actions li a { color: #fff; } header ul.member-actions li a:hover { color: #f05123; } header .header-nav { display: inline-block; } header .member-actions { position: absolute; right: 0; top: 41px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } /* ========================================================================== Navigation ========================================================================== */ .header-nav.open { visibility: visible; opacity: 1; -webkit-transition: opacity 1s; transition: opacity 1s; } .no_scroll { overflow-y: hidden; } .nav-toggle { position: absolute; top: 0; right: 0px; z-index: 999999; width: 40px; height: 40px; padding: 19px 0px 0px 9px; cursor: pointer; /*border: 1px solid #4e4e4d;*/ } .navigation.fixed .nav-toggle { border: 1px solid #dcdcdb; } .nav-toggle.active { border: none; } .nav-toggle:focus { outline: none; } .nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { content: ""; position: absolute; display: block; width: 20px; height: 1px; background: #fff; cursor: pointer; } .nav-toggle span:before, .nav-toggle span:after { width: 26px; left: -3px; } .nav-toggle span:before { top: -6px; } .nav-toggle span:after { bottom: -6px; } .nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .nav-toggle.active span { background-color: transparent!important; } .nav-toggle.active span:before, .nav-toggle.active span:after { top: 0; } .nav-toggle.active span:before { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; } .nav-toggle.active span:after { top: 10px; -ms-transform: translatey(-10px) rotate(-45deg); -webkit-transform: translatey(-10px) rotate(-45deg); transform: translatey(-10px) rotate(-45deg); background-color: #fff; } .navicon { position: absolute; height: 47px; right: 0px; top: 8px; /*visibility: hidden;*/ -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .dropmnu_logo { position: absolute; left: 14px; top: 20px; } .hero { min-height: 640px; height: 100vh; position: relative; padding-top: 112px; overflow: hidden; } .hero-home{ text-align: center; padding-top: 0px;} .hero-home h3{ color: #fff; text-transform: none; font-size: 74px; max-width: 800px; margin: 0px auto; text-align: center; } .hero-home h1{ color: #fff; text-transform: none; font-size: 18px; max-width: 800px; font-weight: 400; margin: 0px auto 20px; text-align: center; line-height: 1.4; } .hero-home h4{ color: #fff; text-transform: uppercase; font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 300; } .hero.hero-home p{padding-bottom: 10px; color: #fff; font-size: 24px; line-height: 32px; padding-top: 15px;} .hero.hero-home .btn-line{ color: #3c3c3c; } .hero.hero-home .btn-line:hover{ color: #145db1; } .hero-services { } .hero-services h3, .hero-services h4, .hero-services p{ text-align: left; } .hero-services p{ font-size: 22px; } .container{ position: relative; } .cup{ position: absolute; background-image: url(../img/cup.html); background-repeat: no-repeat; height: 215px; width: 209px; left: -30px; bottom: 117px;} .cam{ position: absolute; background-image: url(../img/cam.html); background-repeat: no-repeat; height: 233px; width: 252px; right: -307px; bottom: 15px;} .hand{ position: absolute; background-image: url(../img/hand.html); background-repeat: no-repeat; height: 343px; width: 377px; right: -55px; bottom: 0px;} .flower{ position: absolute; background-image: url(../img/flower.html); background-repeat: no-repeat; height: 169px; width: 192px; right: -319px; top: 0px;} footer { background-color: #f7f7f7; position: relative; overflow: hidden; z-index: 2; position: relative; } .copright { padding: 30px; background-color: #fff; } .copright { padding: 30px; /* background-color: #fff; */ } .copright a { color: #aaaaaa; } .sub-footer ul { margin: 0px 0px 5px 0px; } .sub-footer ul li.title { margin-bottom: 10px; color: #3c3c3c !important; font-size: 12px; text-transform: uppercase; } .sub-footer ul li { color: #6c6c6c !important; font-size: 12px; padding-bottom: 5px; font-size: 12px; } .sub-footer ul li a { color: #8a8a8a; display: block; text-decoration: none; font-size: 12px; } .sub-footer ul li a:hover { color: #ef5133; text-decoration: underline; } .footer-links ul.footer-group { margin: 0px; padding: 4px; border: none; text-align: right; } footer ul.footer-group li { display: inline-block; } .footer-links ul.footer-group li a { color: #aaaaaa; text-transform: none; font-size: 14px; font-weight: 600; padding: 0px 0px 0px 14px; } .footer-links ul.footer-group li a:hover { color: #145db1; } .column-first .address p { color: #fff; font-size: 12px; line-height: 24px; } .sub-footer .column-first ul li a { color: #8a8a8a; } .sub-footer .column-first ul li a:hover { color: #145db1; text-decoration: underline; } .footer-links ul.footer-group li a.facebook:hover { color: #3a5a98; } .footer-links ul.footer-group li a.twitter:hover { color: #1da1f2; } .footer-links ul.footer-group li a.linkedin:hover { color: #0074b3; } .footer-links ul.footer-group li a.intagram:hover { color: #a334b3; } .footer-links ul.footer-group li a.pinterest:hover { color: #bd081c; } .footer-links ul.footer-group li a.youtube:hover { color: #ee1c1b; } li.newsletter .subscribe { margin-top: 10px; margin-bottom: 10px; position: relative; display:none; } .sub-footer ul li.contact-info { font-size: 14px; } .sub-footer ul li.contact-info number { color: #26a69a; text-decoration: underline; } .sub-footer ul li.newsletter .subscribe input[type="text"], .sub-footer ul li.newsletter .subscribe input[type="email"] { height: 50px; width: 100%; padding: 10px 35% 10px 20px; outline: none; background-color: transparent; border: none; font-weight: 100; border: 1px solid #145db1; border-radius: 5px; } .sub-footer ul li.newsletter .subscribe button { border: 1px solid #145db1; position: absolute; right: 0px; top: 0px; height: 50px; background-color: #145db1; font-size: 12px; color: #fff; outline: none; line-height: 40px; padding: 0px 30px; border-left: 1px solid #145db1; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; text-transform: uppercase; min-width: 120px; } .sub-footer ul li.newsletter .subscribe button:hover { background-color: #10519c; } /*.column-first ul { margin-top: 40px; }*/ /* Start Osama */ section.supreme { } section.package-head { padding: 60px 0 0; } section.supreme h4, section.testimonials h4 { color: #145db1 !important; text-align:left; } section.supreme h2, section.testimonials h2 { font-weight: 900; color: #2e2e2e; font-family: 'Roboto', sans-serif; font-size: 65px; line-height: 80px; margin: 0px; } section.supreme p{ padding: 10px 0px 15px 0px; margin: 0px; } section.package-head h2 { line-height: 70px; } section.supreme h2{ margin-top: 0px; } .supreme .badge-guranteed { width: 550px; margin: 0px; position: absolute; left: -125px; top: -20px; } .supreme .badge-guranteed .packages { z-index: 1; position: relative; margin-top: -20px; margin-left: -35px; } .supreme span.cust-pak { font-family: 'Roboto', sans-serif; font-weight: 900; position: relative; top: -247px; font-size: 65px; color: #fff; text-shadow: 0px 0px 1px #000; z-index: 1; left:-10px; } .supreme span.cust-pak-two { font-family: 'Roboto', sans-serif; font-weight: 900; position: relative; top:-247px; font-size: 65px; color: #fff; text-shadow: 0px 0px 1px #000; left:-10px; } .branding-cust h4{ text-align:left; } .branding-cust h3 { text-align: left; text-transform: none; font-size:42px; } .branding-cust p{ text-align:left; opacity: 1; } .branding-cust a.btn-fill{ background:#fff; color:#145db1; padding: 15px 30px; } .branding-cust a.btn-fill:hover{ padding: 15px 30px !important; } .sec-combo-two .btn-fill { padding: 15px 30px !important; width: 180px; } .branding-cust a.btn-fill:hover{ color: #fff; text-decoration: none; height: 45px; font-size: 11px; text-transform: uppercase; font-family: 'Roboto', sans-serif; display: inline-block; padding: 13px 15px; outline: none; border: none; min-width: 154px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 5px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */ background: rgb(20,93,177); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */ background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */ } .sec-combo { margin-top: 92px; } .sec-combo-two { border: 1px solid #fff; border-radius: 20px; padding: 32px 20px 30px 20px; } div.sec-combo-two .single h3 { text-align: left; font-size: 28px; text-transform: capitalize; margin: 10px; margin-left: 0px; } div.sec-combo-two .single span.old-price { width: 130px; text-align: left; margin: 7px 0px; color: #fff; } div.sec-combo-two .single span.old-price i.cut::before { width: 58px; background: #fff; left: 8px; top: 11px; } div.sec-combo-two .single span.add-only i.cut::before { width: 50px; } div.sec-combo-two div.single span.price { color: #fff; text-align: left; display: block; margin-bottom: 15px; } /*div.sec-combo-two div.single span.price small{ font-size: 42px; }*/ .sec-combo-two h4{ text-align: left; opacity: 1; font-family: 'Roboto', sans-serif; font-size: 14px; } .sec-combo-two p{ text-align:center; color: #fff; } .sec-combo-two .btn-fill{ display:table; margin:15px auto; } .sec-combo-two .btn-fill:hover{ display:table !important; margin:15px auto; } .sec-combo-two p.margin-bottom-40 { margin: 0 0 5px; font-size: 20px; } .sec-combo-two span.price.san { font-size: 34px; font-weight: bold; } .sec-combo-two p { text-align: center; font-size: 18px; margin-top: 20px; } .mult-contact-form{ background:#232323 !important; overflow: hidden; z-index: 2; position: relative; } .mult-contact-form h3 { text-align: left; color: #fff; text-transform: none; margin: 0px; font-size: 24px; padding-bottom: 30px; } .mult-contact-form .fa{ text-align: left; color: #ffffff; font-size: 55px; } .mult-contact-form span a{ text-align: left; color: #dedede; font-size: 16px; } .mult-contact-form span p { text-align: left; color: #6b6b6b; font-size: 14px; margin-bottom: 0; } .mult-contact-form span { line-height: normal; height: 30px; margin-right: 15px; display: inline-block; font-size: 30px; vertical-align: middle; } .icon-placeholder, .icon-mail, .icon-phone-call{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */ background: rgb(20,93,177); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */ background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */ color:transparent; -webkit-background-clip: text; background-clip: text; } .mult-contact-form p span.para{ font-size: 16px; max-width: 210px; } span.icon-SyaEi1ACV0, span.icon-J4mGRRK4yD, span.icon-th0oWHEu0{font-size: 40px; margin: 11px 0px; color: #ac2969; } @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon8ec5.html?vf40h6'); src: url('../fonts/icomoon8ec5.html?vf40h6#iefix') format('embedded-opentype'), url('../fonts/icomoon8ec5-2.html?vf40h6') format('truetype'), url('../fonts/icomoon8ec5-3.html?vf40h6') format('woff'), url('../fonts/icomoon8ec5-4.html?vf40h6#icomoon') format('svg'); font-weight: normal; font-style: normal; } /* New icomoon Start */ @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon-2532e.html?elv7st'); src: url('../fonts/icomoon-2532e.html?elv7st#iefix') format('embedded-opentype'), url('../fonts/icomoon-2532e-2.html?elv7st') format('truetype'), url('../fonts/icomoon-2532e-3.html?elv7st') format('woff'), url('../fonts/icomoon-2532e-4.html?elv7st#icomoon') format('svg'); font-weight: normal; font-style: normal; } /* New icomoon End */ /* New 3 icomoon Start */ @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon-3532e.html?elv7st'); src: url('../fonts/icomoon-3532e.html?elv7st#iefix') format('embedded-opentype'), url('../fonts/icomoon-3532e-2.html?elv7st') format('truetype'), url('../fonts/icomoon-3532e-3.html?elv7st') format('woff'), url('../fonts/icomoon-3532e-4.html?elv7st#icomoon') format('svg'); font-weight: normal; font-style: normal; } .icon-icons-1:before { content: "\e900"; } .icon-icons-2:before { content: "\e901"; } .icon-icons-3:before { content: "\e902"; } /* New 3 icomoon End */ [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* New Icomoon Start */ .icon-appdesign-deliver:before { content: "\e906"; } .icon-appdesign-develop:before { content: "\e907"; } .icon-appdesign-idea:before { content: "\e908"; } .icon-backend-analysis:before { content: "\e909"; } .icon-backend-develop:before { content: "\e90a"; } .icon-backend-testing:before { content: "\e90b"; } .icon-barnd-development-discovery:before { content: "\e90c"; } .icon-barnd-development-measurement:before { content: "\e90d"; } .icon-barnd-development-targeting:before { content: "\e90e"; } .icon-client-coordination:before { content: "\e90f"; } .icon-contect-a:before { content: "\e910"; } .icon-contect-b:before { content: "\e911"; } .icon-creative-copywriting-copy:before { content: "\e912"; } .icon-creative-copywriting-delivery:before { content: "\e913"; } .icon-creative-copywriting-research:before { content: "\e914"; } .icon-delivery-2d-3d:before { content: "\e915"; } .icon-design:before { content: "\e916"; } .icon-digital-marketing-discover:before { content: "\e917"; } .icon-digital-marketing-measur:before { content: "\e918"; } .icon-digital-marketing-plan:before { content: "\e919"; } .icon-domain-book:before { content: "\e91a"; } .icon-domain-brief:before { content: "\e91b"; } .icon-domain-transfer:before { content: "\e91c"; } .icon-email:before { content: "\e91d"; } .icon-global-clientele-map:before { content: "\e91e"; } .icon-goal-oriented-projects:before { content: "\e91f"; } .icon-illustrat-2d-3d:before { content: "\e920"; } .icon-live-chat-now:before { content: "\e921"; } .icon-logo-packages-conceptualization:before { content: "\e922"; } .icon-logo-packages-delivery:before { content: "\e923"; } .icon-logo-packages-design:before { content: "\e924"; } .icon-marketing-collateral-brief:before { content: "\e925"; } .icon-marketing-collateral-concept:before { content: "\e926"; } .icon-marketing-collateral-results:before { content: "\e927"; } .icon-motion-graphics-brief .path1:before { content: "\e928"; color: rgb(0, 0, 0); } .icon-motion-graphics-brief .path2:before { content: "\e929"; margin-left: -0.806640625em; color: rgb(255, 255, 255); } .icon-motion-graphics-brief .path3:before { content: "\e92a"; margin-left: -0.806640625em; color: rgb(0, 0, 0); } .icon-motion-graphics-brief .path4:before { content: "\e92b"; margin-left: -0.806640625em; color: rgb(0, 0, 0); } .icon-motion-graphics-brief .path5:before { content: "\e92c"; margin-left: -0.806640625em; color: rgb(0, 0, 0); } .icon-motion-graphics-brief .path6:before { content: "\e92d"; margin-left: -0.806640625em; color: rgb(0, 0, 0); } .icon-motion-graphics-brief .path7:before { content: "\e92e"; margin-left: -0.806640625em; color: rgb(0, 0, 0); } .icon-motion-graphics-brief .path8:before { content: "\e92f"; margin-left: -0.806640625em; color: rgb(0, 0, 0); } .icon-motion-graphics-motion:before { content: "\e930"; } .icon-motion-graphics-story:before { content: "\e931"; } .icon-ownership-rights:before { content: "\e932"; } .icon-ownership-rights-b:before { content: "\e933"; } .icon-phone:before { content: "\e934"; } .icon-renowned-recognized-experts:before { content: "\e935"; } .icon-results:before { content: "\e936"; } .icon-results-b:before { content: "\e937"; } .icon-secure-money-back-guarantee:before { content: "\e938"; } .icon-shear-your-idea:before { content: "\e939"; } .icon-sketch-2d-3d:before { content: "\e93a"; } .icon-strategy:before { content: "\e93b"; } .icon-strategy-b:before { content: "\e93c"; } .icon-web-design-design:before { content: "\e93d"; } .icon-web-design-development:before { content: "\e93e"; } .icon-web-design-quality-assurance:before { content: "\e93f"; } .icon-website-plan:before { content: "\e940"; } .icon-website-reports:before { content: "\e941"; } .icon-website-schedule:before { content: "\e942"; } .icon-ios-offering-01:before { content: "\e900"; } .icon-ios-offering-02:before { content: "\e901"; } .icon-ios-offering-03:before { content: "\e902"; } .icon-ios-process-analysis:before { content: "\e903"; } .icon-ios-process-deployment:before { content: "\e904"; } .icon-ios-process-design:before { content: "\e905"; } .quality .fa{color: #0096ad;font-size: 60px;} .quality-img-edit .icon-icons-1 { font-size: 90px; line-height: 60px; } .single .n-pakage-call { color: #fff; font-size: 28px; position: relative; top: 10px; } .single .n-idea {color: #fff;font-size: 24px;position: relative;top: 12px;} .process-img .fa{color: #244d9a;font-size: 70px;} .icon-chat .n-l-call {color: #aeaeae;font-size: 24px;position: relative; top: 12px;} .icon-support .n-idea {color: #aeaeae;font-size: 24px;position: relative; top: 12px;} .icon-support .icon-icons-2 { font-size: 45px; top: 0; } .icon-chat .icon-icons-3 { font-size: 45px; top: 0; } .icon-support .n-idea:hover,.icon-chat .n-l-call:hover {color: #145db1;} .fotr {font-size: 30px !important;} /* New Icomoon End */ .bottom-space{ margin-bottom:30px !important; } .progress-bars h3.text-left { text-transform: none; font-size: 28px; } .flags h3.text-left { text-transform: none; } .cust-slider{ width:33% !important; } .main-cust-slider{ display: table; margin: 0 auto; } .main-cust-slider .sensation-track { width: 100% !important; } .testimonial-dec h2.text-left { font-size: 38px !important; line-height: 1.2 !important; } .gray_bg h3 { color: #fff; } p.text-center.white { color: #fff; font-size: 16px; } p.text-center.grey { color: #fff; font-size: 16px; padding: 0px; margin: 0px 0px 30px 0px; line-height: 22px; } section h4.text-center.fee{ text-align:center; } .pink{ color:#145db1; } .gre-border p.text-center { text-align: center; } .quick-contact-slider .sensation-list p { text-align: left; font-size: 14px; line-height: 1.5; } .sensation-track .btn-line-fill { margin-bottom: 30px; } element.style { visibility: visible; animation-delay: 0.3s; animation-name: fadeInDown; } .subscribe_fold h4 { color: #fff; font-family: 'Roboto', sans-serif; font-weight: 900; font-size: 18px; } .subscribe_fold h3 { color: #fff; font-size: 34px; text-transform: none; } .subscribe_fold p{ color: #fff; } .subscribe_fold .form-control { width: 100%; height: 50px; padding: 6px 18px; background-color: transparent; border: 1px solid #e5e5e5; border-radius: 5px; color:#fff; } .sub-footer p{ color:#8a8a8a !important; } footer ul.footer-group { margin-left: 15px; float: left; } footer ul.footer-group li { margin: 0 7px; } footer ul.footer-group li a{ font-size: 14px; color: #c1c1c1; margin-right: 10px; } span.privacy a { color: #232323; font-size: 13px; margin-left: 10px; } span.privacy a:hover { color: #333; } span.inclusive-black { color: #fff; display: block; font-weight: 500; text-align: center; } span.inclusive-black a { color: #fff; font-size: 12px; } /*.mult-contact-form .container { width: 960px; }*/ .mult-contact-form-inner { padding-left: 80px; } .mult-contact-form-inner p { color: #dedede; } a.action-no .fa { color: #ed2775; } .actions .action-chat .fa { color: #ed2775; } .best-seller span.old-price { color: #2d2b25; } .single.gre-border span.old-price { color: #2d2b25; min-height: 25px; } .portfolio_fold h3 { text-transform: none; margin-top: 0px; } .count h3 { text-transform: none; } .process h3 { text-transform: none; } .get_quote h3 { text-transform: none; } .qualities h3 { text-transform: none; } input#quoteSubmit { padding: 18px 50px; line-height: 100%; } .cust-slider h4 { color: #333; font-size: 16px !important; } .box{ color: #999; padding: 20px; display: none; margin-top: 20px; } .faq-sections { margin-top: 50px; } .faq-sections div{ font-size: 14px; color: #4f4f4f; line-height: 22px; font-weight: 400; } .clients-answer h4.text-left { margin: 0px 10px 10px; } .client-drop{ border-right:1px solid #ccc; padding-right: 25px; } select.clients-answer-inner { padding: 15px 15px; width: 320px; border-radius: 30px; } .clients-answer-inner option{ height: 35px; padding: 5px; line-height: 35px; } .client-drop .cs-skin-elastic > span { border: 1px solid #ccc; color: #353535; background-color: #fff; z-index: 20; } .client-drop .cs-skin-elastic.cs-active .cs-options { width: 324px; margin-top: -21px; } .client-drop .cs-skin-elastic .cs-options span { color: #bbb; } .client-drop .cs-select > span::after { content: '\25BE'; right: 8px; background: #145db1; color: #fff; width: 34px; height: 34px; text-align: center; border-radius: 120px; padding: 0; font-size: 24px; text-indent: 1px; line-height: 39px; } .client-drop .cs-select ul { list-style: none; margin: 0; padding: 20px 0 0 0; width: 100%; } .client-drop .cs-skin-elastic.cs-active .cs-options { pointer-events: auto; margin-top: 26px; overflow: hidden; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: none; border-radius: 0px 0px 14px 14px; } .client-drop .cs-skin-elastic .cs-options .cs-selected span { color: #145db1; } .client-drop .cs-skin-elastic .cs-options span:hover, .client-drop .cs-skin-elastic .cs-options li.cs-focus span, .client-drop .cs-skin-elastic .cs-options .cs-selected span { color: #145db1; } .clients-answer { padding: 40px 0 40px; border-bottom: 1px solid #e8e8e8; } .clients-sec .faq-sections { margin-top: 0; } .clients-sec { /*margin-top: 10px;*/ } .clients-section h3 { font-family: 'Roboto', sans-serif; font-style:normal; } section.qualities .quality-img-edit{ text-align: left; padding: 10px 0px; /* display: inline-block;*/ } .testimonial_bg-inner img { box-shadow: 0 14px 42px 0 rgba(0,0,0,.2); } .testimonial_radius { position: absolute; top: 170px; background-color: #145db1; right: -56px; width: 100px; height: 100px; font-size: 40px; border-radius: 500px; line-height: 108px; text-align: center; color: #fff; } .testimonial_radius img { border-radius: 100px; } .testimonial_bg-inner { width: 470px; position: relative; padding-bottom: 40px; padding-left: 30px; } .testimonial-name { text-align: left; color: #999999; margin-top: 15px; margin-left: 15px; font-size: 16px; } .testimonial_bg { position: relative; } .testimonial-sec-tab{ margin-top: 120px; } .testimonial-sec-tab h3 { font-size: 32px; margin-top: 0; letter-spacing: -.015em; max-width: 300px; text-align: left; color: #2e2e2e; } .testimonial-sec-tab h3::before{ display:none; } .testimonial-co { float: left; } .testimonial-sec-inner{ position: relative; padding-left: 50px; } .testimonial-sec-inner:before { position: absolute; display: block; content: '"'; font-size: 100px; color: #2e2e2e; position: absolute; top: -50px; left: 0px; } section.testimonials .testimonial-block .testimonial-text p { font-size: 18px; color: #999999; } section.testimonials .testimonial-block .testimonial-second-name p { font-size: 15px; color: #999999; font-style:italic; } .star { border-top: 1px solid #e6e6e6; float: left; width: 200px; padding: 20px 0; } .star .fa{ color:#ff7e65; font-size:20px; margin-left:10px; } .branding-detail img { width: 270px; } .branding-detail { display: table; margin: 100px auto; } .service-detail { background: #fff; border-top: 1px solid #e8e8e8; } .service-detail span.cs-placeholder { background: #fff; border: 1px solid #e5e5e5; border-radius: 0; } .service-detail input#quoteSubmit { padding: 0; } h3.breakdown-before-left::before { margin: 0 0 15px; } .service-slider-wrap h3:before { display:none; } section.services .service-slider-wrap h3 { } .service-edit-site-count{ margin-top:180px; } section.service-edit h6 { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 18px; line-height: 28px; text-transform: uppercase; color: #2e2e2e; margin: 0px; } section.service-edit span { font-family: 'Roboto', sans-serif; font-weight: 900; font-size: 72px; color: #145db1; line-height: 72px; } .about-bg { margin-top: 80px; } .about-bg img { margin-top: 20px; } .about-content ul { margin-top: 10px; margin-bottom: 0; } .about-content ul li { font-size: 12px; padding-bottom: 5px; width: 50%; float: left; list-style: none; color: #4f4f4f; font-weight: bold; } .about-content ul li i{ font-size: 16px; margin-right: 5px; } .about-content ul li:last-child{ padding-bottom: 0px; } .about-second-list-inner ul { margin: 0; } .about-second-list-inner ul li{ list-style-type:none; float:left; } .about-second-list-inner ul li { list-style-type: none; width: 100%; } .about-text-edit { margin-top: 30px; } .about-second-list h4 { font-size: 22px; line-height: 30px; padding-top: 5px; color: #145db1; margin-bottom: 10px; text-align: center; padding: 0 7px 0 0; } .about-second-list p { font-size: 18px; text-align: center; } .about-second-list-inner { text-align: center; padding: 16px 0px; display: inline-block; width: 100%; } .about-content { border-bottom: 1px solid #e8e8e8; } .main-about { padding-bottom: 0px; } .service-top { padding-top: 100px; } .main-book-call{ width: 100%; } .main-book-call .table { display: table; position: fixed; height: 100%; } .main-book-call .cell { vertical-align: middle; } .inner-book-call { max-width: 360px; padding: 10px; margin: 0 auto; } form.book-call-form { padding: 0; margin: 0 auto; } .book-call-box { box-shadow: 0 14px 42px 0 rgba(0,0,0,.2); float: left; padding: 40px 0 30px; } .cell input.form-control { border-radius: 4px; resize: none; } input#datetimepicker_start_time { border-radius: 30px; border: 1px solid #e5e5e5; width: 100%; height: 50px; padding: 6px 18px; background-color: #fff; border: 1px solid #e5e5e5; background: transparent; border: 1px solid #6b6b6b; background-color: transparent; height: 50px; color: #6b6b6b } .cell textarea.form-control { border-radius: 4px; } .book-call-form button { border-radius: 5px; text-transform:uppercase; font-size:12px; border:1px solid #145db1; width: 175px; display: table; margin: 0 auto; border:none; height:45px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */ background: rgb(20,93,177); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */ background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */ } .book-call-form button:hover,.book-call-form button:focus { border:none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */ background: rgb(20,93,177); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */ background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */ } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { background: #145db1 !important; border:1px solid #145db1 !important; } a.book-call-logo { margin: 0px auto; display: table; } .book-call-form input.form-control { border: 1px solid #6b6b6b; background-color: transparent; height: 50px; color: #6b6b6b font-size: 14px; text-transform: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: none; border-radius: 50px !important; } .book-call-form textarea.form-control { border-radius: 13px; /* margin-top: 20px; */ min-height: 180px; resize: none; border: 1px solid #6b6b6b; background: transparent; } input#datetimepicker_start_time::placeholder, .book-call-form textarea.form-control::placeholder, .book-call-form input.form-control::placeholder { color:#999; } .main-body h2 { font-size: 24px; color: #000; font-weight: normal; margin: 15px 0 15px; line-height: 1; } ul.tabs-profile{ margin: 0px; padding: 0px; list-style: none; } ul.tabs-profile li { background: none; color: #000; display: inline-block; padding: 10px 40px; cursor: pointer; background: #fff; border-radius: 4px 4px 0 1px; margin-right: 10px; padding: 12px 35px; border-top:1px solid #e8e8e8; border-right: 1px solid #e8e8e8; font-weight: 600; border-left: 1px solid #e8e8e8; font-size: 15px; font-family: 'Roboto', sans-serif; } ul.tabs-profile li.current { background-color:#145db1; color: #fff; border: 1px solid #145db1; } .tab-content { display: none; background: #fff; } .tab-content.current{ display: inherit; } .main-body { padding: 0 15px; } .profile-inner h4 { text-align: left; margin: 0; font-size: 18px; line-height: 1; } .profile-inner p{ margin:0; } .profile-inner { margin-bottom: 15px; } .tab-content .outer-view { margin-bottom: 0px; padding: 15px; } .profile-inner:last-child { margin-bottom: 0px; } .profile-inner h4 { text-align: left; margin: 0; font-size: 16px; } a.ellips.pull-right { background: #fff; padding: 14px 10px; border: 1px solid #e8e8e8; border-radius: 4px 4px 0 0; margin-top: -49px; color: #999; } .profile-fields { padding: 15px; } .profile-fields a{ margin:0; } .profile-fields input{ border-radius:30px; } .profile-fields button{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */ background: rgb(20,93,177); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */ background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */ } .profile-fields h5 { font-size: 18px; color: #145db1; margin: 0 0 5px; } .packages-tabs { /*padding: 0 15px;*/ } .main-body h2:before{ display:none; } .profile-fields textarea { resize: none; min-height: 150px; } .modal-custom { background: rgba(0,0,0,0.2); } .modal-custom .modal-content { width: 400px; margin: 100px auto; height: 400px; border-radius: 5px; } .modal-custom .modal-header { background: #145db1; border-radius: 6px 6px 0 0; } .modal-custom .modal-header h4 { color:#fff; } .modal-custom .modal-body h3 { color: #145db1; font-size: 18px; line-height: 1; margin: 10px 0; } .modal-custom .modal-body h3::before{ display:none; } .modal-custom .modal-body p { margin: 5px 0; } .modal-custom .modal-body { padding: 20px; height: auto; } .modal-star{ color: #145db1; } .modal-custom .modal-content { border-radius: 5px; } .modal-custom textarea{ min-height: 180px; resize: none; border-radius: 3px; width: 100%; margin-top:15px; } textarea:focus { outline: none; } .modal-custom .modal-footer { padding: 0 15px; border: none; } .modal-custom .modal-footer button { border: none; margin: 0 auto; display: table; padding: 12px 40px; border-radius: 25px; font-size:14px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */ background: rgb(20,93,177); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */ background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */ } .modal-custom .modal-footer button:focus { border:none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#145db1+0,00c6ff+100 */ background: rgb(20,93,177); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0NWRiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(20,93,177,1) 0%, rgba(0,198,255,1) 100%); /* FF3.6-15 */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,93,177,1)), color-stop(100%,rgba(0,198,255,1))); /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* Opera 11.10-11.50 */ background: -ms-linear-gradient(left, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* IE10 preview */ background: linear-gradient(to right, rgba(20,93,177,1) 0%,rgba(0,198,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#00c6ff',GradientType=1 ); /* IE6-8 */ } /****** Style Star Rating Widget *****/ .rating { border: none; float: left; } .rating > input { display: none; } .rating > label:before { margin: 5px; font-size: 1.25em; font-family: FontAwesome; display: inline-block; content: "\f005"; } .rating > .half:before { content: "\f089"; position: absolute; } .rating > label { color: #ddd; float: right; } .bell i.fa { font-size: 16px; margin-top: 8px; } /***** CSS Magic to Highlight Stars on Hover *****/ .rating > input:checked ~ label, /* show gold star when clicked */ .rating:not(:checked) > label:hover, /* hover current star */ .rating:not(:checked) > label:hover ~ label { color: #FFD700; } /* hover previous stars in list */ .rating > input:checked + label:hover, /* hover current star when changing rating */ .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, /* lighten current selection */ .rating > input:checked ~ label:hover ~ label { color: #FFED85; } .padding-bottom-0{padding-bottom:40px} /*.page-overlay__menu-list-inner { overflow-x: hidden; overflow-y: auto; width: 100%; height: 300px; } .page-overlay__menu-list-inner li{ display: inline-block; color: white; text-align: center; padding: 14px; text-decoration: none; width: 100%; } .page-overlay__case-studies-list-nav { display: inline-block; float: left; }*/ #parent { width: 100%; overflow-x: hidden; overflow-y: scroll; padding: 0 0 0 200px; margin-bottom: 0; } .main-scroll-overlay { margin-top: 8px; float:right; } .overlay-scroll-btn { padding: 0 0 0 350px; margin-top: 10px; float:left; display: none; } .child { width: 300px; padding-bottom: 5px; border: 1px solid #FF0000; margin-bottom: 3px; } li.child:nth-child(12) { margin: 0; padding: 0; } #up { width: 20px; height: 20px; cursor: pointer; display: inline-block !important; opacity: 0.6; } #down { width: 20px; height: 20px; cursor: pointer; display: inline-block; opacity: 0.6; } #up:hover {opacity: 1;} #down:hover {opacity: 1;} #parent li { width: 100%; border: none; text-align: left; color: #fff; position: relative; padding-left: 150px; } #parent li a { color: #fff; opacity: 0.8; display: block; font-size:16px; } #parent li a:hover{ opacity:1; } #down .fa ,#up .fa{ color:#fff; opacity:0.8; } #down .fa:hover ,#up .fa:hover{ opacity:1; } .child:hover img { display: block; width: 200px; position: absolute; margin-top: -20px; left: -60px; z-index: 9999; } .child:nth-child(13):hover img { margin-top: -100px; } .child:nth-child(12):hover img { margin-top: -100px; } .child:nth-child(11):hover img { margin-top: -100px; } .child:nth-child(10):hover img { margin-top: -100px; } .child:nth-child(9):hover img { margin-top: -100px; } .child:nth-child(8):hover img { margin-top: -100px; } .child:nth-child(7):hover img { margin-top: -100px; } .child:nth-child(8):hover img { margin-top: -100px; } .child img { display: none; } .service-detail{border-bottom:1px solid #e6e6e6;} div#filter-industry {cursor: pointer;} /******************************* * Does not work properly if "in" is added after "collapse". * Get free snippets on bootpen.com *******************************/ .panel-group .panel { border-radius: 0; box-shadow: none; border:none; } .sub-footer .panel{ background:none; } .sub-footer .panel-body { border: none !important; } .panel-default > .panel-heading { padding: 0; border-radius: 0; color: #212121; background:none; } .panel-title { font-size: 14px; } footer .panel-collapse .panel-body { padding: 0; background: #f7f7f7; border: none; } footer .panel-collapse .panel-body { border-top-color: #EEEEEE; border: none; } footer .address { padding-right: 0px; } .panel-title > a { display: block; padding: 14px; text-decoration: none; text-align: left; font-weight: normal; font-size: 15px; color: #636b6f; } .more-less { float: right; color: #9c9c9c; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #EEEEEE; transition: all 0.6s ease; } .demo { padding-top: 60px; padding-bottom: 60px; } footer .panel-collapse { display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } footer h3::before{ display:none; } footer .panel-heading h3 { padding: 14px; text-decoration: none; text-align: left; font-size: 15px; color: #3c3c3c; display: block; text-transform: uppercase; } footer a.collapsed { display: none; } footer [aria-expanded='true'] .glyphicon-plus{ display:none; } footer [aria-expanded='true'] .glyphicon-minus{ display:block; } footer [aria-expanded='false'] .glyphicon-plus{ display:block; } footer [aria-expanded='false'] .glyphicon-minus{ display:none; } footer.footermain2 { padding-top: 200px; padding-bottom: 100px; } /*footer css end*/ /*model css start*/ .main-ordernow-list .modal-header { border: 0; padding: 0; } .main-ordernow-list .modal-dialog { width: 850px !important; margin: 10px auto !important; } .main-ordernow-list .modal-content { height: auto; border-radius: 20px 0 20px 0; } .main-ordernow-list .modal-body { padding: 0px; height: 100%; padding: 47px 38px; } .info-list h3 { font-size: 25px; font-weight: 400; color: #ed2775; text-align: center; line-height: 30px; } .info-list p { font-size: 11px; margin-bottom: 0px; margin-top: 15px; color: #000!important; line-height: 18px; text-align: center; width: 80%; margin: 2% auto 1%; font-weight: 400; } .info-list input { width: 100%; height: 30px; border: 1px solid #0000005e; padding: 0 10px; margin: 7px 0; border-radius: 5px; color: #777; font-size: 12px; } .info-list textarea { width: 100%; height: 80px; border: 1px solid #0000005e; padding: 5px 10px; margin: 7px 0 -15px 0; border-radius: 5px; color: #777; font-size: 12px; } .info-list button { height: 45px; box-sizing: border-box; padding: 13px 15px; font-family: 'Roboto', sans-serif; color: #ffffff; font-size: 13px; position: relative; vertical-align: top; display: inline-block; text-decoration: none; font-weight: 600; min-width: 205px; text-align: center; text-transform: uppercase; border: 1px solid rgb(255 255 255); border-radius: 5px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; font-weight: 500; background: linear-gradient(44.44deg, #ED2775 7.79%, #FF7448 94.18%); margin-top: 20px; } .info-list label { font-size: 12px; margin-bottom: 0px; margin-top: 15px; color: #777!important; line-height: 18px; font-weight: 400; } .main-ordernow-list .close { background: linear-gradient(44.44deg, #ED2775 7.79%, #FF7448 94.18%); opacity: 2; color: #fff; width: 30px; height: 30px; border-radius: 50px; position: absolute; right: -10px; top: -8px; z-index: 1; } .embed-responsive, .modal, .modal-open, .progress { overflow: inherit !important; padding: 0 !important; margin: 0 !important; } /*model css end*/ /*new footer list start*/ .footer-list h3 { text-decoration: none; text-align: left; font-size: 15px; color: #3c3c3c; display: block; text-transform: uppercase; } .footer-list ul li a { color: #6c6c6c; padding-bottom: 5px; font-size: 12px; text-decoration: none; font-weight: 300; } footer.footer-main-1 { padding-top: 100px; padding-bottom: 50px; } .news-list h3 { text-decoration: none; text-align: left; font-size: 15px; color: #3c3c3c; display: block; text-transform: uppercase; } .news-list ul li a { font-size: 14px; color: #c1c1c1; margin-right: 10px; } .news-list ul li { display: inline-block; margin: 0 6px; } .customer-rewies-list ul li { display: inline-block; margin: 0 6px; font-size: 30px; } .customer-rewies-list ul li a .fa { color: #ea226b; } .customer-rewies-list { border-bottom: 2px solid #0096ad; margin: 0 0 36px 0; padding-bottom: 20px; } .customer-rewies-list h4 { color: #2e2e2e; text-transform: none; text-align: left; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 29px; line-height: 34px; font-weight: 400; } section.copright-1 { padding-top: 35px; } section.copright-1 p { font-size: 11px; color: #3c3c3c; font-weight: 300; padding: 0px; line-height: 23px; text-align: center; } .customer-rewies-list h4 strong { color: #e9147d; } .footer-list ul li a:hover{ color: #e9147d; } .footer-list span { color: #888888; margin: 0 7px 0 0; float: left; } p.house-text { color: #4f4f4f; font-size: 12px; font-weight: 600; } .house-text a { color: #4f4f4f; font-size: 12px; font-weight: 600; text-decoration: none; } small.house-text { color: #4f4f4f; font-size: 12px; font-weight: 600; } .footer-list p { margin: 0 -1px; } .news-list ul li a .fa{transition: 1s;} .news-list ul li a .fa:hover{transform: rotate(290deg);} /*new footer list end*/ .package_slide_wrap .container.make-left h3 {margin-top: 0px;} #nav.mini-tabs ul li a {display: none;} /* iPhone 6 portrait */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2){ /*.contest-list.contest-list--scrollable .contest-list__item .contest .actions a span small {font-size: 12px;}*/ .hero {min-height: 400px !important;} } /* iPhone 6 Plus landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3){ /*.contest-list.contest-list--scrollable .contest-list__item .contest .actions a span small {font-size: 12px;}*/ } @media only screen and (min-width:1024px) and (max-width:1200px) { ul#navigation li a {padding: 6px 0px 0px 8px;font-size: 10px;} .logo {padding-top: 0;} .client-drop .cs-skin-elastic.cs-active .cs-options {width: 100%;} /*.supreme .badge-guranteed {display: none;}*/ .mult-contact-form-inner {padding-left: 20px;} .cbp-l-filters-buttonCenter .cbp-filter-item {width: 140px;} div.filter-industry div.cbp-filter-item.all-btn {width: 140px;} .web-placeholder {width: 100%;height: auto;} .web-placeholder-demo02 {border-radius: 6px;} .badge-guranteed {display: none;} } @media only screen and (min-width:600px) and (max-width:1023px) { .badge-guranteed {display: none;} .filter-wrapper {float: left !important;} .cbp-l-filters-buttonCenter .cbp-filter-item {width: 140px;} div.filter-industry div.cbp-filter-item.all-btn {width: 140px;} .mult-contact-form-inner {padding-left: 15px;} .main-menu {display: none;} #header-sroll .top-action {display: none;} .header .btn-line-fill { min-width: 160px;} .header-content {margin-top: 20px;padding-right: 30px;} header .logo {top: 0;} .nav-toggle {top: 3px;} #header-sroll.small .call-action span, .call-action span {font-size: 14px;} .call-action span {font-size: 12px;} .header-content .call-action a {display: inline-block;} .call-action a {font-size: 12px;} .header-content {margin-top: 22px;} .client-drop .cs-skin-elastic.cs-active .cs-options {width: 100%;} .supreme .badge-guranteed {display: none;} .contest-list.contest-list--scrollable .contest-list__item .contest .actions::before {left: 48%;} .quality h4 {font-size: 18px;line-height: 25px;} .subscribe_fold {padding: 40px 15px;} .if-brand .content-height {margin-top: 70px;} .modal-content.greenbg .d_c h4 {font-size: 28px;} .modal-content.greenbg .d_c h3 {font-size: 24px;} .modal-content.greenbg .d_c h4 { font-size: 34px;} .if-wearable .content-height {margin-top: 70px;} .web-placeholder {width: 100%;height: 300px;} .web-placeholder-demo02 {border-radius: 6px;} .web-placeholder-demo02 {height: 300px !important;top: 32px;} } @media only screen and (min-width:0px) and (max-width:767px) { /*.clients-section {display: none;} */ /*header #header-sroll .call-action span {color: #2c2c2c !important;} */ /*.contest-list.contest-list--scrollable .contest-list__item .contest .actions a span small {font-size: 12px !important;} .contest-list.contest-list--scrollable .contest-list__item .contest .actions a span {font-size: 12px !important;} nav ul li.feature-menu a {font-size: 22px;line-height: 20px;} */ section.count .count-area {display: none;} div.single span.price {font-size: 36px !important;} div.sec-combo-two .single span.old-price i.cut::before {width: 45px;top: 7px;left: 0;} .login_now {display: none !important;} .client-drop .cs-skin-elastic > span {z-index: 99999;} .client-drop .cs-skin-elastic.cs-active .cs-options {z-index: 9999;} nav ul.primary-nav {margin: 40px 0 0 0;} .testimonial_radius {display: none;} .client-drop {border-right: none;padding-right: 0px;} .clients-answer h4.text-left {margin: 0px 0px 10px;} .client-drop .cs-skin-elastic.cs-active .cs-options {width: 100%;} .faq-sections div {text-align: left;padding-right: 20px;} .supreme .badge-guranteed {display: none;} button.sensation-next.sensation-arrow,button.sensation-prev.sensation-arrow {display: none !important;} .contest-list.contest-list--scrollable .contest-list__item .contest .actions::before {left: 48%;} .contest input[type=submit] {min-width: 100%;} div.single h3 {font-size: 18px !important;} .subscribe_fold {padding: 40px 15px;} .testimonial_bg-inner {margin-bottom: 30px;} .awards h4 {font-size: 16px;line-height: 25px;} .mult-contact-form-inner {padding-left: 15px;} .if-brand img {width: 50%;display: table; margin: auto;} .modal-body .d_c {display: inline-block;} .modal-body h4, .modal-body h3, .modal-body p {text-align: center;} .modal-body h4, .modal-body h3, .modal-body p {text-align: center;} .content-height .actions {margin: 10px auto;display: table;} .if-brand .content-height {margin-top: 0;} .if-wearable .content-height {margin-top: 25px;padding-left: 0;} .a-iphone-placeholder, .a-phone-placeholder, .a-watch-placeholder {margin: 15px auto 15px;height: 300px;width: 155px;} .a-watch-placeholder-demo01 {border-radius: 18px;} .modal-body p {font-size: 13px;} .a-watch-placeholder-wrapper {left: 8px;bottom: 68px;right: 12px;top: 72px;border-radius: 19px;} .a-iphone-placeholder-demo01 {left: 15px;bottom: 41px;right: 15px;top: 36px;} .a-phone-placeholder-demo01 {left: 12px;bottom: 32px;right: 14px;top: 30px;} .count-area{display: none;} .parent span {font-size: 11px !important;} } @media only screen and (min-width:0px) and (max-width:698px) { .nav-toggle {top: 0;} .nav-toggle {padding: 20px 0px 0px 9px;} .header-content {margin-top: 24px;} header .logo {top: 0;} .call-action span {font-size: 12px;} .call-action a {font-size: 12px;} .header-content {padding-right: 35px;} .navicon {top: 13px;} ./*contest-list.contest-list--scrollable .contest-list__item .contest .actions a span small {font-size: 12px !important;} .contest-list.contest-list--scrollable .contest-list__item .contest .actions a span {font-size: 12px !important;}*/ section.count span {font-size: 20px;line-height: 30px;} .quality h4 {font-size: 15px !important;line-height: 20px !important;} section.count h6 {font-size: 9px !important;line-height: 15px !important;} .star {width: 100%;padding-right: 30px;} section.count span {font-size: 20px;line-height: 25px;} .skill h4 {font-size: 13px !important;} } @media only screen and (min-width:0px) and (max-width:601px) { /*.contest-list.contest-list--scrollable .contest-list__item .contest .actions a span small {font-size: 12px !important;} .contest-list.contest-list--scrollable .contest-list__item .contest .actions a span {font-size: 12px !important;color: #145db1;}*/ .qualities a { margin-bottom: 15px;} } @media only screen and (min-width:1200px) and (max-width:1920px) { /*.video-container {display: none;}*/ /*.contest-list__item input[type=submit] {min-width: 100%;}*/ .web-placeholder-demo02 {width: 98% !important;height: 302px !important;} .main-about .d_c {display: block;} .main-about .d_t {height: auto;} .service-edit-site-count .stat:last-child {margin-bottom: 0;} .service-top {padding-top: 30px;} .package_slide_wrap .container.make-left h3 {margin-top: 0px;} .addons span {padding: 25px 20px !important;} } @media only screen and (min-width:1024px) and (max-width:1199px) { /*.video-container {display: none;}*/ .contest-list__item input[type=submit] {min-width: 100%;} .web-placeholder-demo02 {width: 98% !important;height: 302px !important;} .main-about .d_c {display: block;} .main-about .d_t {height: auto;} .service-edit-site-count .stat:last-child {margin-bottom: 0;} .service-top {padding-top: 30px;} section.service-edit span {font-size: 60px;} .service-edit-site-count .stat {margin-bottom: 15px !important;} .about-second-list h4 {font-size: 20px;} .contest-list.contest-list--scrollable .contest-list__item .contest .actions a span {font-size: 13px;} ul.tabs li {margin-bottom: 15px;} .package_slide_wrap .container.make-left h3 {margin-top: 30px;} .addons span {padding: 25px 20px !important;} } @media only screen and (min-width:0px) and (max-width:1199px) { .custom-package .table-cell-no-float {display: block;} .addons span {padding: 25px 20px !important;} } @media only screen and (min-width:0px) and (max-width:479px) { span.login_now{display: none;} } @media only screen and (min-width:0px) and (max-width:1200px) { /*#header-sroll.small .main-menu{ display: none; } .frame{ display: none; } .cup-about { display: none; }*/ } .service-drop-down .breakdown .cs-skin-elastic.cs-active .cs-options { border: 1px solid #e5e5e5 !important; } .service-drop-down .breakdown .cs-skin-elastic.cs-active .cs-options li { border-left: none !important; border-right: none !important; border-top: none !important; } .service-drop-down .breakdown .cs-skin-elastic.cs-active .cs-options li:nth-child(4){ border-bottom: none !important; } .form-signup input.form-control { margin-bottom: 10px !important; } .form-signup h2, .register h2 { margin-bottom: 0; margin-top: 30px; } .form-signup .checkbox, .register .checkbox { margin: 10px 0px 5px !important; } /*.form-signup p, .register p { margin: 0 0 5px !important; }*/ @media only screen and (min-width:768px) and (max-width:1024px) { .a-iphone-placeholder {background-position: 6px 0;} .clients-sec {margin-top: 0;} .modal-content.greenbg img {width: 100%;} .modal-content.greenbg .if-web .d_c {display: block;} .modal-content.greenbg .d_c h4 { font-size: 42px;text-align: center;margin-bottom: 10px;} .modal-content.greenbg .d_c h3 { font-size: 32px;text-align: center;} .modal-content.greenbg .slimScrollDiv p {text-align: center;font-size: 16px;line-height: 1.5;opacity: .5;color: #fff;} .modal-content.greenbg .modal-product{height: auto !important;} .modal-content.greenbg .actions a {display: table;margin: 0 auto;font-size: 16px;padding: 10px 30px;} .web-placeholder {margin: 30px auto 70px !important;height: 300px;display: table;left: 0;width: 100%;background-position: center;border-radius: 25px;} .web-placeholder-demo02 {top: 70px;height: 300px !important;} .if-web .content-height {padding-left: 0;margin-top: 50px;} .modal-body .d_c {display: block;} .if-wearable p {text-align: center;font-size: 16px;color: #fff;line-height: 1.5;opacity: .6;} .web-placeholder-demo01 {top: 29px;width: 100% !important;height: 250px;border-radius: 0 0 15px 15px;left: 0px;} .web-placeholder-demo01 iframe {border-radius: 0 0 20px 20px;} ul#navigation li a {padding: 6px 0px 0px 6px;font-size: 11px !important;} .a-watch-placeholder {margin: 100px auto;} .a-phone-placeholder {margin: 100px auto;} .a-iphone-placeholder {margin: 100px auto;} .if-wearable .content-height {padding-left: 0;} .cbp-l-filters-buttonCenter .cbp-filter-item {width: 141px;} } @media only screen and (min-width:769px) and (max-width:1024px) { div.sec-combo-two .single span.old-price i.cut::before {width: 55px;} .web-placeholder {left: 0;} .box-custom {top: 120px;} .service-top{padding: 20px;} .tp-bullets {left: 5% !important;} .child:nth-child img {display: none;} .sensation-slide {padding: 0 15px;} .set-height {min-height: 260px;padding-bottom: 20px;} .testimonials .sensation-dots {top: 15px;} section p {line-height: 30px;} .overlay-scroll-btn {float:left;padding:0;margin-top: 10px;} .height-for-quote {height: inherit;} ul.tabs li {margin-bottom: 15px;} .cup-about {right: 280px; top: -213px;} .about_fold .sensation-next{ right: 50px; } .about-slide{ left: 0px; top: 150px; } .no-i-p{ display: none; } div.single-address .actions a{ padding-left: 0px; } .single-address a i{ display: none; } .main-privacy {display: table;float: none;margin: 20px auto;} .login footer p {float: none;text-align: center;} .login .table {height: auto;} .login footer p {text-align: center;} /*#header-sroll .top-action {display: none;}*/ .header-content {padding-right: 35px;} ul#navigation li a { padding: 6px 0px 0px 5px;font-size: 11px !important;} .header .btn-line-fill {min-width: 140px;} /*.video-container {display: none;}*/ footer ul.footer-group li { margin: 0 5px;} .main-about .d_t {height: inherit;} .about-second-list h4 {white-space: nowrap;} .a-watch-placeholder {margin: 30px auto;} .a-phone-placeholder {margin: 30px auto;} .a-iphone-placeholder {margin: 30px auto;} .web-placeholder {margin: 30px auto 100px !important;} } @media only screen and (max-width: 767px){ section p {line-height: 30px;} .overlay-scroll-btn {float:left;padding:0;} footer .panel-collapse {display: none} footer .panel-heading h3 {display: none;} #header-sroll.small .call-action span, #header-sroll .call-action span {color: #2c2c2c !important;} #header-sroll .call-action span small { color: #888888; } #header-sroll{background-color: #fff;} header #header-sroll .logo a { background-position: center bottom !important; } #header-sroll .nav-toggle span, #header-sroll .nav-toggle span:before, #header-sroll .nav-toggle span:after { background-color: #000; } .about-content ul li {width: 100%;} .packages_paage_packages ul#navigation li a {z-index: 9;} div.single-address {padding-left: 0 !important;} .contact-topinfo {padding-top: 100px !important;} .custom-package span {font-size: 11px;} .parent small {font-size: 11px !important;} .quantity {margin-bottom: 15px;} .custom-package .table-cell-no-float {display: block;} .custom-package span {padding: 25px 25px 25px 20px !important;display: block !important;border-radius: 6px !important;line-height: normal !important;} .parent small {position: absolute;right: 0px;top: 45%;} div.quantity input[type=text] {border-radius: 6px !important;} } @media only screen and (min-width:481px) and (max-width:768px) { div.sec-combo-two .single span.old-price i.cut::before {width: 55px;} .web-placeholder-demo02 {width: 100% !important;left: 0;right: 0;} .portfolio_page {padding-top: 115px;} footer a.collapsed {display: block;} #header-sroll .top-action {display: none;} footer a.collapsed {display: none;} footer .panel-collapse {display: none;} .panel-title > a {display: block;padding: 14px;text-decoration: none;text-align: left;font-weight: normal;} footer .panel-heading h3 {display: none;} .main-about .d_t {height: inherit;} footer ul.footer-group li { margin: 0 5px;} .section.services span{ float: left; } .scroll-btn .mouse {margin: 0 auto 12px;} div.single-address .actions a{ padding-left: 0px; } .single-address a i{ display: none; } .process .actions a{ margin-bottom: 10px; } .height-for-quote {height: inherit;} .no-i-p{ display: none; } .cup-about {right: 280px; top: -108px;} .main-menu{ display: none; } .methodolgy-slider .sensation-dots {bottom: -3px;} .about-slide.about-slide-branding {padding-top: 20px; padding-bottom: 110px;} .about_fold .sensation-next{ top: 89%; right: 50px; } .call-action span {padding-right: 0px; font-weight: 900;} #header-sroll.small .logo {top: 0px;} /*.header-content {margin-top: 20px;}*/ /*.nav-toggle {padding: 25px 0px 0px 9px;}*/ header .logo a {width: 131px; height: 40px; background-size: 100%;} #header-sroll.small .main-menu{ display: none; } .hero {min-height: 480px;} .about-slide {top: 70px; padding: 80px 20px; left: 0px;} .about_fold{ min-height: 583px; } .frame{ top: 55px; width: 70%; min-height: 476px; background-size: 100% 100%;} .h3, h3{ font-size: 30px; } .actions a {margin-right: 0px;} .about_fold .container {min-height: inherit;} section.pricing h2, section.testimonials h2 {font-size: 30px!important;} ul.tabs li{ margin-bottom: 10px; } .pricing section.singles {padding: 0px 0px 0px 0px;} p{font-size: 22px;} .branding-pricing {padding-top: 30px;} .badge-guranteed{ margin: 0px auto; padding-top: 40px; } .badge-guranteed img{ margin: 0px; padding: 0px; } .section-padding {padding: 40px 0px;} section.progress-area { padding-bottom: 10px;} section.call-actions h2 {padding: 20px; text-align: center; } .slash{ display: none; } .qualities .phone-div {padding-left: 15px; text-align: center;} .qualities section.call-actions .fa-mobile-phone {margin-top: 10px; float: none;} .qualities section.call-actions .fa {margin-left: 0px; float: none; margin-top: 15px;} .qualities section.call-actions .phone-div h3 {padding-left: 0px; text-align: center;} .qualities section.call-actions h3 {font-size: 23px; padding-left: 0px; text-align: center;} .mail{ text-align: center; } .testimonial-dec {margin-top: 0px; padding-bottom: 0px;} .testimonials .video-frame{ background-image: none; min-width: 100%; min-height: inherit; padding-bottom: 40px; margin-top: 10px;} .testimonials .video-container{ position: relative; left: 0px; right: 0px; top: 0px;} .copright p{ text-align: center; } .footer-links ul.footer-group{ text-align: center; } .dropmenu_footer span.copyright{ display: none; } .testimonial-dec .actions a{ margin-bottom: 10px; margin-top: 10px;} /*.header-content .call-action a{ display: none; }*/ .about-image-1, .about-image-2, .about-image-3{ display: none; } .#parent {padding: 0;} .main-scroll-overlay {float: left;} .overlay-scroll-btn {padding: 0;} .filter-wrapper {display:none;} .supreme .badge-guranteed .packages {display: none;} .supreme .actions a {margin-right: 15px;} .branding-package {display:none} .cbp-l-filters-buttonCenter .cbp-filter-item{width: 138px} .contest-list.contest-list--scrollable .contest-list__item .contest .single, .contest .package-detail .single {padding: 22px !important;} .contest {margin: 15px 4px 20px;} } @media only screen and (min-width:0px) and (max-width:480px) { .header-content .fa-phone-square {font-size: 14px;} .hero-home h3 {font-size: 48px;} .hero-home h1 {font-size: 48px;} /*.tp-caption.mediumlarge_light_white_center.fade.start {margin-top: 20px !important;}*/ .hero {min-height: 450px !important;} .contest-list.contest-list--scrollable .contest-list__item .contest .best-seller::before {width: 138px !important;right: -35px !important;top: 17px !important;} .step-form a#quoteSubmit {margin-bottom: 30px;} .contest {min-height: 500px;} .package_slide_wrap .sensation-prev, .package_slide_wrap .sensation-next {display: none !important;} /*.supreme .actions {padding: 0 77px !important;} */ .packages_fold .supreme .actions a{width: 100%;} div.quantity input[type=text] {text-align: left !important;padding: 0 15px;} .content-height .d_c {display: block;vertical-align: middle;position: relative;} .subservice-packages .sensation-next {right: 25px;} .subservice-packages .sensation-prev {right: 80px;} .package_slide_wrap .sensation-prev, .package_slide_wrap .sensation-next {top: -240px;z-index: 11;} .package_slide_wrap h3 {padding-right: 0px;} .panel-heading a.collapsed {text-transform: uppercase;} .child {width: 300px;border: 1px solid #FF0000;margin-bottom: 0 !important;padding:0; } .a-iphone-placeholder, .a-phone-placeholder, .a-watch-placeholder {margin: 0 auto 15px;height: 300px;width: 155px;} .a-watch-placeholder-wrapper {border-radius: 10px;top: 78px; height: 150px;left: 14px;} .a-iphone-placeholder-demo01 {left: 15px !important;bottom: 40px !important;right: 14px !important;margin: 0px auto;top: 35px !important;} .web-placeholder-demo01 {left: 3px;bottom: 0;right: 0;position: absolute;top: 25px;height: 191px !important;width: 98%;border-radius: 0 0 10px 10px;} .web-placeholder iframe { border-radius: 0 0 10px 15px;} .if-web .content-height {padding-left: 0;padding-top: 50px !important;} .content-height .d_c {display: block;} .content-height {padding: 0 !important;} .sec-combo-two .actions a span small {font-size: 11px;} .sec-combo-two .actions a span.icon-chat {top: -10px;} .branding-package .single span.icon-support { font-size: 43px !important; margin-right: 5px;} .branding-package .single span.icon-chat {font-size: 43px !important;} .branding-package .single span {font-size: 11px !important;} .web-placeholder-demo02 {width: 98% !important;left: 3px;right: 0;} .web-placeholder {left: 0;width: 100%;border-radius: 20px 0 0 25px;height: 220px;} .content-height .actions {padding: 0 50px;} .actions.slide-btn {margin: 15px 0 !important;} .if-brand .content-height {height: auto;} div.quantity input[type=text] {font-size: 10px !important;} .mid-body{padding: 0 50px;} /*.contest-list.contest-list--scrollable .contest-list__item .contest .actions a {width: 105px !important;}*/ /* .contest-list.contest-list--scrollable .contest-list__item .contest .actions a.action-chat {padding-left: 30px;}*/ .clients-answer{display: none;} .contest-list.contest-list--scrollable .contest-list__item .contest .actions a span small {color: #7b7b7b !important;} .contest-list.contest-list--scrollable .contest-list__item .contest .actions a span {font-size: 13px !important;color: #145db1 !important;letter-spacing: 0.2} #customer_examples .contest-list.contest-list--scrollable .contest-list__item .contest .actions a span {font-size: 13px;color: #145db1 !important;} .contest {margin: 15px 4px 20px;border: 1px solid #e8e8e8;} /*.comp-symbol img {z-index: 1;position: relative;}*/ .contest-list.contest-list--scrollable .contest-list__item .contest .single, .contest .package-detail .single {padding: 23px !important;} .mid-body input{width: 100%;} #quoteForm .cs-skin-elastic > span {text-align: left !important;} .quick-contact-slider .sensation-slide {padding: 0px 30px 0px 30px !important;} .greenbg button.btn.btn-close {z-index: 99;} .custom-package h3 {margin-top: 15px;} .custom-package .box-custom-package {padding: 15px 15px 20px;} .parent span {font-size: 11px !important;} .parent small {font-size: 11px !important;} .box-custom {top: 0;margin-bottom: 30px !important;position: relative !important;} .box-custom-package h4 {margin-left: 0;font-size: 14px;} .custom-package .table-cell-no-float {display: block;} .set-height { min-height: inherit;width: 100%;margin: 0 0 15px;} .sensation-slide .set-height div {padding: 0;} .sensation-slide { padding: 0 !important;} .field-mergedright {padding-right: 15px;padding-left: 10px;} .about-text-edit {margin-top: 0;} .about-second-list-inner {padding: 0;margin-bottom: 0;} .mini-tabs li {width: 100%;} .main-mini-tabs {display: none;} #nav.mini-tabs ul.tabs {width: 230px;} #nav.mini-tabs ul li a {color: #aeaeae;opacity: 1;font-size: 16px;display: block;padding: 5px 10px;text-align: center;} div#nav.mini-tabs {margin: 0 auto 15px;display: table;width: 230px;border-radius: 5px;padding: 0;} #nav.mini-tabs ul#navigation ul li {padding: 10px 30px;line-height: 25px;text-align: center;border-radius: 0;background: #fff;color: #999;opacity: .95;} #nav.mini-tabs ul#navigation ul {top: 30px;left: 0px;padding: 0;border: 1px solid #e8e8e8;} #nav.mini-tabs ul#navigation ul li.current {background: rgb(36,77,154); background: -moz-linear-gradient(left, rgb(36,77,154) 0%, rgb(163,41,116) 50%, rgb(144,41,139) 100%); background: -webkit-linear-gradient(left, rgb(36,77,154) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%); background: linear-gradient(to right, rgb(36,77,154) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#145db1', endColorstr='#90298b',GradientType=1 ); background-color: #145db1;color: #fff;} /*#header-sroll {background: #fff;} */ .supreme .actions {padding: 0 58px;} .service-edit-site-count {margin-top: 15px;} .service-edit-site-count .stat {margin-bottom: 15px;} .subscribe_fold p {padding: 0 15px;} section.service-edit h6 {font-size: 11px;line-height: 18px;text-align: center;} section.service-edit span {font-size: 24px;line-height: 30px;} .block-none{display: none;} .contest-list.contest-list--scrollable .contest-list__item .contest div.single h3 {white-space: nowrap;} #header-sroll.small .nav-toggle span, #header-sroll.small .nav-toggle span:before, #header-sroll.small .nav-toggle span:after {background: #631a79;} /*#header-sroll .nav-toggle span, #header-sroll .nav-toggle span:before, #header-sroll .nav-toggle span:after {background: #631a79;} */ .tp-caption .btn-fill-white {min-width: 104px;padding: 6px 0;height: 22px;font-size: 8px !important;} .tp-caption.mediumlarge_light_white_center.fade.start {top: 40px !important;} .tp-caption.medium_light_black.fade.start {top: 70px !important;font-size: 9px !important;} /*#header-sroll .nav-toggle span, #header-sroll .nav-toggle span:before, #header-sroll .nav-toggle span:after {color: #000;}*/ /*header #header-sroll .logo a {background-position: center bottom !important;} */ /*header #header-sroll .call-action span {color: #2c2c2c;-webkit-transition: none;-moz-transition: none;-ms-transition: none; -o-transition: none;transition: none;}*/ #header-sroll.small .nav-toggle span, #header-sroll.small .nav-toggle span:before, #header-sroll.small .nav-toggle span:after {background-color: #000;} /*header #header-sroll .call-action span {color: #2c2c2c;-webkit-transition: none; -moz-transition: none;-ms-transition: none;-o-transition: none; transition: none;}*/ #header-sroll.small .nav-toggle {opacity: 1;} /*header #header-sroll .call-action span small {color: #888888;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none; transition: none;}*/ .tp-caption.mediumlarge_light_white_center.fade.start {padding: 0 15px !important;width: 250px;} .tp-caption.medium_light_black.fade.start {padding: 10px 15px !important;width: 260px;} .tp-banner-container {height: auto;} .logo {padding-top: 10px;padding-bottom: 10px;} input.form-control {text-align: left !important;} textarea.form-control {text-align: left !important;} .portfolio_page {padding-top: 115px;} .stat {margin-bottom: 15px;} .testimonial-details {padding-top: 30px;} .testimonial_radius {display: none;} .mini-portfolio {display: none;} .about-bg {margin-top: 30px;} .main-about .d_t {height: inherit;} section.addresses .is_cell {float: left !important;} .methodology .single {width: 100% !important;margin-bottom: 30px;} .packages-tabs ul.tabs li {min-width: 100% !important;} .tp-banner-container {height: inherit;} .cbp-l-filters-dropdownHeader{z-index: 0} .portfolio_drop-xs .cbp-l-filters-dropdown-floated{z-index: 0} .actions-port {display: none;} .methodolgy-slider.slider.main-cust-slider {display: none;} span.privacy {float: none !important;display: table;margin: 5px auto;} .child:hover img {display:none} .overlay-scroll-btn {float: left;padding: 0;margin-top: 15px;} ul#parent {height: 150px !important;} .main-scroll-overlay {float: left;} nav ul li.feature-menu a { font-size: 22px;line-height: 23px;} header nav {top: 0;-webkit-transform: inherit;transform: inherit;} .slimScrollDiv {height: auto !important;padding-right: 0} li.feature-menu.m-b-3 {margin-bottom: 5px;} header .logo {top: 0px;} header .logo a { width: 124px; height: 38px; } .main-menu{ display: none; } .top-action{ display: none; } .navicon{ right: 15px; top: 10px; } .header-content {padding-right: 50px; margin-top: 22px;} #header-sroll.small .call-action span, .call-action span{ font-size: 11px; } #header-sroll span{ } /*#header-sroll .call-action span.login_now{ display: none; }*/ #header-sroll{ height: inherit; } /*#header-sroll .nav-toggle span, #header-sroll .nav-toggle span , #header-sroll .nav-toggle span { background-color: #000; } header #header-sroll .logo a { background-position: center bottom !important; } header #header-sroll .call-action span { color: #000; }*/ .client-drop {border:none; padding-bottom: 15px;padding-right: 0} /*.faq-sections div{ text-align: left; }*/ section.supreme h2{ margin:0px; } .badge-guranteed{ display: none; } section.supreme h2, section.testimonials h2 {font-size: 44px; line-height: 50px;} section.supreme p br{ display: none; } .actions a {margin: 15px 0px 0px 0px; min-width: 230px;} section.pricing {padding-top: 0px;} .section-padding.supreme{ padding-bottom: 0px; } .branding-package{ background-size: cover; background-position: right; margin-top: -40px;} .sec-combo {margin-top: 0px; padding: 0px 30px 30px 30px;} .sec-combo-two {padding: 32px 20px 30px 20px;margin: 0px 0px 0px 0px;float: left;} .quick-contact-slider .sensation-list p{ margin-bottom:0px; } .section.services span{ float: left; } .quality h4 {font-size: 26px;line-height: 34px;} .content-height .actions a.btn-fill{ width: 100%; margin-bottom: 20px; } .content-height .actions a.btn-line{ min-width: 100%;} .modal-body h4, .modal-body h3, .modal-body p {text-align: center;} .modal-body p { line-height: 14px; } .modal-body img{ width: 80%; } .modal-body{ text-align: center; } .scroll-btn .mouse {margin: 0 auto 12px;} .process .actions a{ margin-bottom: 0px; } .quick-contact-slider .has-border{ border-right:none; } .height-for-quote {height: inherit;} .secondary-nav-wrap {display: none;} #header-sroll.small .main-menu{ display: none; } .hero {min-height: 570px;} .clients {position: relative; left: 0px;} .client-wrpper a {padding-right: 0px;} .client-wrpper {position: relative;} .about-slide {top: 0px; padding: 60px 20px; left: 0px;} .about_fold{ min-height: inherit; } .frame{ display: none; } .about-image-1, .about-image-2, .about-image-3{ display: none; } .h3, h3{ font-size: 20px; } .about_fold .container {min-height: inherit;} section.pricing h2, section.testimonials h2 {font-size: 30px!important;} ul.tabs li{ margin-bottom: 10px; } .pricing section.singles {padding: 0px 0px 0px 0px;} p{font-size: 16px;} .branding-pricing {padding-top: 30px;} .badge-guranteed{ margin: 0px auto; padding-top: 40px; } .section-padding {padding: 40px 0px;} section.progress-area { padding-bottom: 10px;} section.call-actions h2 {padding: 20px; text-align: center; } .slash{ display: none; } .qualities .phone-div {padding-left: 15px; text-align: center;} .qualities section.call-actions .fa-mobile-phone {margin-top: 10px; float: none;} .qualities section.call-actions .fa {margin-left: 0px; float: none; margin-top: 15px;} .qualities section.call-actions .phone-div h3 {padding-left: 0px; text-align: center;} .qualities section.call-actions h3 {font-size: 23px; padding-left: 0px; text-align: center;} .mail{ text-align: center; } .testimonial-dec {margin-top: 0px; padding-bottom: 0px;} .testimonials .video-frame{ background-image: none; min-width: 100%; min-height: inherit; padding-bottom: 40px; margin-top: 10px;} .testimonials .video-container{ position: relative; left: 0px; right: 0px; top: 0px;} .copright p{ text-align: center; } .footer-links ul.footer-group{ text-align: center; } .about-slider .actions a{ display: block; margin-top: 20px; } .dropmenu_footer span.copyright{ display: none; } .testimonial-dec .actions a{ margin-bottom: 10px; margin-top: 10px;} /*.header-content .call-action a{ display: none; }*/ .no-xs{ display: none; } .only-xs{ display: block; } .hero-services {height: auto;padding: 60px 0px 0px 0px;background-image: none;} .about-text{ height: auto; padding: 0px 10px 0px 10px; } .about-content .actions a{ display: block; margin-bottom: 10px; } .addresses div{padding-bottom: 0px;} .about_fold .sensation-prev {left: 15%;} .call-action span small .fa-calendar {top: 0;} .testimonial_bg-inner {width: 100%; padding: 15px;} .testimonial_radius {right: 0;} .sensation-dotted.sensation-slider {height: inherit;margin-bottom:30px;} footer ul.footer-group {float: left;text-align: center; margin: 0;width: 100%;} .spacing-res-footer{padding:0;} .mult-contact-form .container {width: 100%;} .mult-contact-form p span.para {font-size: 13px; max-width: 260px;margin:0;} .sub-footer ul li.title {margin-bottom: 0;color: #3c3c3c !important;font-size: 12px;} .hero-home .actions a {min-width: 240px; margin: 15px 0 0;} .get_quote {padding-bottom: 0;} .portfolio_fold {padding: 40px 0 0 0;} .client-drop .cs-skin-elastic.cs-active .cs-options {width: 100%;} /*.clients-sec .slimScrollBar {right: 17px !important;} .clients-sec .slimScrollRail {right: 17px !important;}*/ .service_fold {padding: 40px 0 0 0;} .service-top .margin-bottom-50 {margin-bottom: 15px;} .custom-package .box-custom-package {padding: 20px 20px 20px !important;margin-bottom: 20px;} .quantity {padding: 0 0 15px;margin-bottom: 15px;} .package-detail-page .sec-combo {margin-top: 0;} .packages-details-sub {padding-top: 100px !important;} .sec-combo .actions { margin: 0 auto;display: table;} .privacyPolicy {padding: 40px 0px;} .a-watch-placeholder-demo01 {border-radius: 0;} .clients-answer h4.text-left { margin: 0px 0 10px;} .if-web .web-placeholder {margin-top: 50px;background-size: 100%;border-radius: 20px;} .box-custom-package-2 {padding: 30px 10px 0px !important;} .tp-caption.medium_light_black .margin-top-20 {margin-top: 8px;} .dropmenu_footer span {float: left !important;} .dropmenu_footer span a {padding-left: 5px;padding-right: 5px;} .testimonial-sec-inner {padding-left: 30px;} .contest-list.contest-list--scrollable .contest-list__item .contest .actions::before {display:none;} .contest-list.contest-list--scrollable .contest-list__item .contest .actions div { padding: 0 8px !important; } .custom-package span {padding: 20px 20px 25px 20px !important;display: block !important;border-radius: 6px !important;line-height: normal !important;} } @media only screen and (min-width:0px) and (max-width:320px) { #quoteForm input#quoteSubmit {min-width: 100%;} .contest-list.contest-list--scrollable .contest-list__item .contest .actions::before {left: 47%;} /*.contest-list.contest-list--scrollable .contest-list__item .contest .actions a span small {font-size: 12px !important;} .contest-list.contest-list--scrollable .contest-list__item .contest .actions a span {font-size: 12px !important;}*/ .sensation-track .order-action input[type=submit] {min-width: 100%} .a-iphone-placeholder-demo01 {left: 9px !important;bottom: 27px !important;right: 7px !important;top: 22px !important;} .a-phone-placeholder-demo01 {left: 9px;bottom: 23px;right: 11px;top: 21px;} .testimonial-sec-inner {padding-left: 6px;} section.count h6 {font-size: 12px !important;line-height: 14px !important;} .web-placeholder-demo01 {left: 3px;position: absolute;top: 30px;} .hone-placeholder-demo01 {left: 8px;bottom: 22px;right: 9px;top: 19px;} .subservice-packages .sensation-next {right: 25px;} .subservice-packages .sensation-prev {right: 80px;} .package_slide_wrap h3 {padding-right: 0px;} .package_slide_wrap .sensation-prev, .package_slide_wrap .sensation-next {top: -240px;z-index: 11;} .height-for-quote #quoteForm .form-control {margin: 0;width: 88%;} .hero .scroll-btn {bottom: 15px;} .scroll-btn {bottom: 30px;} .sec-combo {padding: 0px 10px 30px 10px;} .branding-package .sec-combo-two {padding: 32px 12px 30px 12px;margin: 0px 10px 0px 10px;} .subscribe_fold h3 {padding: 0 15px;} .custom-package .box-custom-package {padding: 13px 10px 10px !important;margin-bottom: 10px;} .about-bg {margin-top: 40px;} section.service-edit span {font-size: 26px;line-height: 32px;} section.service-edit h6 {font-size: 11px;line-height: 15px;} .supreme .actions {padding: 0 30px;} .sec-combo-two .actions a span small {font-size: 9px;} .sec-combo-two .actions a span.icon-chat {top: -11px;} .branding-package .single span {font-size: 10px !important;} .branding-package .single span.icon-support { font-size: 38px !important;} .branding-package .single span.icon-chat {font-size: 38px !important;} section.count span {font-size: 24px !important;line-height: 30px !important;} section.count h6 {font-size: 11px !important;line-height: 15px !important;} div.sec-combo-two .single span.old-price i.cut::before {width: 35px;top: 6px;} div.sec-combo-two div.single span.price {font-size: 24px !important;} .modal .row.if-brand div {padding: 0;} .modal .row.if-brand div .content-height {padding: 0 30px !important;} .if-web .web-placeholder {height: 220px; width: 300px;margin-top: 30px;} .modal-body img {width: 60%;object-fit: contain;} .web-placeholder {margin: 0 auto;display: table; border-radius: 14px 0 0 12px;} .modal-body .web-placeholder img {width: 98%;margin-left: -10px !important;border-radius: 0 0 30px 30px !important;} .web-placeholder {height: 220px;} .web-placeholder-demo02 {width: 100% !important;height: 173px !important;} .modal-body .if-web div {padding: 0;} .if-web .content-height {padding: 30px 30px !important;} .if-wearable div {padding: 0;} .if-wearable div.a-iphone-placeholder,.if-wearable div.a-phone-placeholder {margin: 30px auto 10px; height: 200px;width: 31%;} .if-wearable h4 {visibility: hidden;} .if-wearable div.a-watch-placeholder {margin: 10px auto 10px;height: 215px;width: 35%;} .a-watch-placeholder-wrapper {height: 45%;top: 62px;left: 11px; border-radius: 5px;} .subscribe_fold button {min-width: 130px !important;} .subscribe_fold {padding: 40px 15px;} .modal-body .if-wearable p { padding: 0 15px 0 5px;} .modal-body .if-wearable h3 { padding: 0 15px;line-height: 1.4;} .testimonial-sec-inner {padding-left: 10px;} .header-content {margin-top: 10px;} .nav-toggle {padding: 25px 0px 0px 9px;} .primary-nav li.feature-menu {margin: 0;} .dropmenu_footer span {float: left;width: 100%;} .dropmenu_footer span a {float: left;padding: 0 5px;} } @media only screen and (min-width:1300px) and (max-width:1900px){ .info-list button {margin-top: 6px;} .main-ordernow-list .modal-content {height:auto;} .main-ordernow-list .modal-body {padding: 33px 38px;} } @media only screen and (min-width:992px) and (max-width:1200px){ .main-ordernow-list .modal-dialog {margin: 95px auto !important;} } @media only screen and (min-width:768px) and (max-width:991px){ .main-ordernow-list .modal-dialog {margin: 95px auto !important;} } @media only screen and (min-width:520px) and (max-width:767px){ .main-ordernow-list .modal-dialog {width: 100% !important;} .main-ordernow-list .modal-content {height: 720px;overflow-y: scroll;overflow-x: hidden;} } @media only screen and (min-width:320px) and (max-width:519px) { .info-list h3 {font-size: 12px;} .info-list p {font-size: 11px;} .main-ordernow-list .modal-dialog {width: 100% !important;} .main-ordernow-list .modal-content {height: 486px;overflow-y: scroll;overflow-x: hidden;} } @media only screen and (min-width:1400px) and (max-width:1800px) { .about-text {height: 544px;} .if-web .content-height{ height: 397px; } .if-brand .content-height{ height: 555px; padding-left: 30px; } .web-placeholder {width: 560px;height: 388px;left: 0px;} .about_fold .sensation-next {right: 20%;} .web-placeholder-demo01 {left: 0px;bottom: 5px;right: 6px;position: absolute;top: 40px;} } @media screen and (device-aspect-ratio: 40/71) { #header-sroll.small .call-action span, .call-action span {font-size: 10px;margin-top: 15px;} .hero-home h3 {font-size: 28px;} .hero-home h1 {font-size: 28px;} .header-content .fa-phone-square {font-size: 14px;} } @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"ÃÆÃ’¢â‚¬â„¢ÃƒÆ’ƒÆ’¢âââ¬Å¡Ã‚¬Ã‚àâ€Ãââ€þ¢ÃƒƒÃ‚¢Ãââ€á¬ÃÆ‚Âà¢ÃÃâšÃ‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ã€šÃ‚¬Ãƒ‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¾Ã‚¢ÃƒÆ’â€Â ÃƒÂ¢Ã¢ââ¬Å¡Ã‚¬Ã¢ââ¬Å¾Ã‚¢ÃƒÆ’ƒÂ¢ÃÆâ™Ãƒâ€šÃ‚¢ÃÆ¢ââ€Å¬Å¡Ã‚Ãâ€Ã‚¬ÃƒÆ’‚ÂÃâšÃ‚ ÃƒÆâ€Ãƒâ€ ’Æ’ÃâââšÂ¬Ã…¡Ãƒââ¬Å¡Ãƒâ€šÃ‚¢ÃƒÆ’ƒÂ¢Ã¢â‚Ãâ€Ã‚¬Ãƒâ€¦Ã‚¡Ã†â€™ÃƒÂ¢Ã¢â€š¬Ã…¡Ãƒâ€šÃ‚¬ÃÆĮââ¬â„¢ÃƒÆ’‚¢Ã†â€™Ãƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚ìžÃ ¡Ãƒâ€šÃ‚¢ÃÃ’Æ ¢ÃƒÆ’†Ã¢â‚¬â„¢ÃƒÆ’ƒÀ ÃÆ¢ââ€Å‰â€Å¢ÃƒÆ’âââₚ¬Â ÃƒÂ¢Ã¢Ã¢â‚¬Å¡Ã‚¬Ã¢Ã¢â‚¬Å¾Ãƒâ€šÃ‚¢ÃƒÆ’ƒÆ’‚¢ÃƒÆ’ƒÂÂââ€â€¦Ã‚¡Ãƒ‚ÃÆ‚¬ÃƒÃ‚¢Ã¢â€š‚¬Ã…¡Ãƒâ€šÃ€šÃ‚ ÃĮծÀ™Ãƒââ¬Â â€Ã„¢ÃƒÆâ€ÃƒÂ¢Ã¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã¢â‚¬Å¾Ã‚¢ÃƒÃ’ĉâ¢â‚¬Å¡Ã‚¬Ã…¡ÃÆâ€ÃƒÂ¢Ã¢â€šÂ¬Ã…ÂÂÃâšÃ‚¢ÃƒÆ’Æ’ƒÆ’†â€™Ãƒâ€šÃ€šÃ‚¢ÃƒƒÃââ¬Å¡Ãƒâ€šÃ‚¢ÃƒÆ’Âââ€Ãâ¦Ã‚¡Ãƒâ€šÃ‚¬ÃÆĉââ€Â¬Ã‚¦Ãƒâ€šÃ‚¡ÃƒÆ’‚Ã ¡Ãƒâ€šÃ‚¬ÃÃ’Æ ¢ÃƒÆ’†Ã¢â‚¬â„¢ÃƒÆ’ƒÀšÃÆ‚ÂâÃÀ ’¢ÃÃâšÃ‚¢ÃƒÂ¢ƒÂ¢Ã¢â‚¬Å¡Ã‚¬ƒâ€¦Ã‚¡Ãƒâ€šÃ‚¬ƒÆ’ĉ¬¦Ã‚ÂÂÂÃÃââ‚ìÅ¡Ãƃ‚Ãââ¬Å¡Ãƒâ€šÃ‚¢Ã’Į€™Ãƒâ₠ ¢Ãƒƒâ€ ƒÆ’¢âââ¬Å¡Ã‚¬Ã¢ââ¬Å¾Ã‚¢ÃƒÆ€™Ãƒâ€ â€â¢ÃƒÆ’¢âÀšÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬ÃÆ¢ââ‚ž¢ÃƒÃââ¬Â ’â€Ãƒâ€šÃ‚ ÃƒÆ’ÂÂâ₂¬ÃÃâšÃ‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¾Ã€šÃ‚¢ÃƒƒÃââ¬Â ’Ãâ€Â ’ÃÃ’Æ ¢ÃƒÆ’¢â‚¬Ãâ¦Ã‚¡ÃƒÆâ€ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¢ÃÆâ™Ãƒâ€ ’Æâ¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’€šÃ‚¢ƒÆ’Į¢â‚¬â„¢ÃƒÆ’‚¢ÃƒÆ’¢â¬Ãâ¦Ã‚¡Ãƒâₚ¬Ãƃ…Ãââ¬Å¡Ãƒâ€šÃ‚¡Ã’Į€™Ãƒ¢ƒÂ¢Ã¢â‚¬Å¡Ã‚¬ƒâ€¦Ã‚¡ÃƒÃ’‚Ãâ€Å¬ÃƒÆ’â€ÃÀ¦Ã‚¡ÃƒÆ’‚ÃÆĉââ€Â¬Ã…¡Ãƒâ€šÃ‚ ÃÆĮââ¬â„¢ÃƒÆ’†â€ââžÂ¢ÃƒÆ’ƒâ€ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆâ™Ãƒâ€ â€â„€ Ã¢â‚¬Â¢Ã¢â‚¬…¾Ã‚¢ÃƒÆ’Æ’ÃÆâ€Ãƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã’…¡ÃÆ’ÃƢ€šƒÆ’ĉ¬šÃ‚ÂÂÂÃÆââ‚™Ãâ€Ã ÃƒÂ¢Ã¢¢â‚¬Å¡Ã‚¬Ã¢¢â‚¬Å¾Ã‚¢ÃƒÆ’ĉ€À¦Ã‚¡ÃƒÆâ™ÃƒÂ¢Ã¢â€šÂ¬Ã¡Ãƒâ€šÃ‚¢ÃÆ€™Ãƒâ€ â€â¢ÃƒÆ’†â€™Ãƒâ€šÃ¢â‚¬Å¡Ãƒâ€šÃ‚¢ÃƒÆ’Ãâ ’ÃÀšÃ‚¢ÃƒÃâ€Ã‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ãââ¬Â¦Ãƒâ€šÃ‚¡ÃƒÆ’‚ÀšÃ‚¬Ãƒƒâ€¦Ã†â€™ÃƒÂ¢Ã¢â€š¬Ã…¡Ãƒâ€šÃ‚¡ÃÆĮââ¬â„¢ÃƒÆ’†â€ââžÂ¢ÃƒÆ’ƒÂ¢Ã¢Ã¢â‚¬Å¡Ãƒâ€šÃ‚¬Ãƒâ€¦Ã‚¡ÃƒƒÃâ ’‚Ã’ĉââšÂ¬Ã…¡Ãƒâ€šÃ‚¬ÃĮծÀ™Ãƒââ¬Â â€Ã„¢ÃƒÆâ€ÃƒÂ¢Ã¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã¢â‚¬Å¾Ã‚¢ÃƒÃ’ĉâ¢â‚¬Å¡Ã‚¬Ã…¡ÃÆâ€ÃƒÂ¢Ã¢â€šÂ¬Ã…ÂÂÃâšÃ‚¢ÃƒÆ’Æ’ƒÆ’†â€™Ãƒâ€šÃ€šÃ‚¢ÃƒƒÃââ¬Å¡Ãƒâ€šÃ‚¢ÃƒÆ’Âââ‚ÃâšÃ‚¬Ãƒâ€¦Ã‚¡ÃÆĉââ€Â¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’…Ã ¡Ãƒâ€šÃ‚¾ÃÃ’Æ ¢ÃƒÆ’†Ã¢â‚¬â„¢ÃƒÆ’Æ’ÃâšÃ‚¢ÃƒÂ¢ƒÂ¢Ã¢â€šÂ¬Ã…¡ƒâ€šÃ‚¬Ãƒâ€¦Ã‚¡ƒÆ’Į¢â‚¬â„¢ÃƒÆ’¢Ã¢â€šÂ¬Ãƒâ€¦Ã‚¡ÃƒÆ’‚Ãâₚ¢ÃÆĮââ¬â„¢ÃƒÆ’†â€ââžÂ¢ÃƒÆ’ƒâ€ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆâ™Ãƒâ€ â€â„€ Ã¢â‚¬Â¢Ã¢â‚¬…¾Ã‚¢ÃƒÆ’Æ’ÃÆâ€Ãƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã’‚ ÃƒÃÆ‚¢Ã¢â€šÃÀšÃ‚¬ÃƒÃâ€Ã‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¾Ãââ¬Å¡Ãƒâ€šÃ‚¢ÃƒÆ’ƒÆ’ÃÆâ€ÃƒÂ¢Ã¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Æâ€â¢ÃƒÆ’‚¢Ã¢ââ‡Â¬Ã…¡Ã‚ÃâšÃ‚¬ÃƒÆâ€ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚ ÃƒÆ’ƒÆ’†â€™Ãƒâ€šÃ€šÃ‚¢ÃƒƒÃââ¬Å¡Ãƒâ€šÃ‚¢ÃƒÆ’Âââ‚ÃâšÃ‚¬Ãƒâ€¦Ã‚¡ÃÆĉââ€Â¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’¢Ãƃ¢â‚‚¬Ãƒâ€¦Ã‚¾ÃÃ’âₚ¢Æ’Æâₙƃ¢â‚¬ââ€Â¢ÃƒÆ’ƒâ€Â ÃƒÂ¢Ã¢â€¡Ã‚¬Ã¢â€¾Ã‚¢ÃƒÆâ€Ãƒâ€ ’ââââ¬Å¡Ã‚¬Ã‚ ÃƒÃâšÃ‚¢ÃƒÂ¢ƒÂ¢Ã¢â€šÂ¬Ã…¡ƒâ€šÃ‚¬ÃƒÃ¢Ã¢â‚¬Ã¾Ã‚¢ÃÆĮââ¬â„¢ÃƒÆ’†â€ââžÂ¢ÃƒÆ’ƒâ€šÃ‚Ãâ€Ã‚¢ÃƒÆ’ƒÂ‚¢ÃƒÆ’¢â‚¬ÃÆ…¡Ã‚ÂÂìÃÃÆ¢ââ€Å¬Â¦Ãƒâ€šÃÀšÃ‚¡ÃƒÆ’À ’ÃÆâ™ÃƒÂ¢Ã¢â€šÂ¬Ã ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢Ãƒ†â€™Ãƒâ€ âₙ¢ÃÃ’¢ââââ¬Å¡Ã‚¬Ã…¡Ã‚¬Ãâ€Ã¦Ãƒâ€šÃ‚¡ÃƒÆâ€â¢ÃƒÆ’†Ã¢Ã¢â€šÂ¬Ã¢â€žÂâ₁¡ÃĮծÀ™ÃƒÂÂâ‚šÂÇ¢ÃĮծÃ’¢â‚¬â„¢ÃƒÆ’ƒÆ’¢âââ¬Å¡Ã‚¬Ã‚àâ€Ãââ€þ¢ÃƒƒÃ‚¢Ãââ€á¬ÃÆ‚Âà¢ÃÃâšÃ‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ã€šÃ‚¬Ãƒ‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¾Ã‚¢ÃƒÆ’â€Â ÃƒÂ¢Ã¢ââ¬Å¡Ã‚¬Ã¢ââ¬Å¾Ã‚¢ÃƒÆ’ƒÂ¢ÃÆâ™Ãƒâ€šÃ‚¢ÃÆ¢ââ€Å¬Å¡Ã‚Ãâ€Ã‚¬ÃƒÆ’…ÂÃâšÃ‚¡ÃƒÆâ€Ãƒâ€ ’Æ⬙҃Ââââ¢â€šÂ¬Ã…¡Ã‚¬Ã…¡Ãĉ€À¦Ã‚¡ÃƒÆâ™ÃƒÂ¢Ã¢â€šÂ¬Ã¡Ãƒâ€šÃ‚¢ÃÆ€™Ãƒâ€ â€â¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÃ†â€™ÃƢ€ Ã‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã¢â€žÂ¢ÃÃ’Æ ¢ÃƒÆ’†Ã¢â‚¬â„¢ÃƒÆ’Æ’ÃâšÃ‚¢ÃƒÂ¢ƒÂ¢Ã¢â€šÂ¬Ã…¡ƒâ€šÃ‚¬Ãƒâ€¦Ã‚¡ƒÆ’Į¢â‚¬â„¢ÃƒÆ’¢Ã¢â€šÂ¬Ãƒâ€¦Ã‚¡ÃƒÆ’‚Ãâₚ¢ÃÆĮââ¬â„¢ÃƒÆ’†â€ââžÂ¢ÃƒÆ’ƒâ€ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆâ™Ãƒâ€ â€â„€šÃ‚¢Ã†’Ã’†â€™ÃÆĉââ€Â¬Ã…¡Ãƒâ€šÃ‚¢ÃƒÆ’¢Ãƃ¢â‚‚¬Ãƒâ€¦Ã‚¡ÃÃ’âₚ¬Æ’Æâₙâ€Â¦ÃÆâ™ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¡ÃƒÆ’ÆÀ™ƒÆ’ƒÂ¢Ã¢Ã¢Ã¢â€šÂ¬Ã…¡Ã€šÃ‚¬Ãƒââ¬Â¦Ãƒâ€šÃ‚¡Ã’Į€™Ãƒ¢ƒÂ¢Ã¢â‚¬Å¡Ã‚¬ƒâ€¦Ã‚¡ÃƒÃ’‚Ãâ€Å¬ÃƒÆ’ÆÃƢ€™ÃÆâ€Ãƒâ€ ’¢Ã‚¢Ãââ‚ìÅ¡ÃÆ‚ÂìÃâ€Å¡Ã’‚¦ÃÆ’ÃƆâââšÂ¬Ã¢â€žÂ¢ÃƒÆ’†â€™Ãƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚ìÅ¡ÃÆâ€â¢ÃƒÆ’¢â‚¬Ãâ€Ã‚¡ÃƒÆ’‚ÂÃâšÃ‚¡ÃƒÆâ€Ãƒâ€ ’Æ⬙ÒĉââšÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ãâ ’Ãââ‚ì Ãƃ¢Ã¢â¬šÂ¬Ã¢Ã¢Ã¢â€šÂ¬Ã…¾Ã€šÃ‚¢ÃƒÆâ™Ãƒâ€ â€â„ƒÂÃÀšÃ‚¢ÃƒÆ’ÀšÃ‚¢Ãƒ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã…¡ÃâââšÂ¬Ã…¡Ãƒââ¬Å¡Ãƒâ€šÃ‚¬ÃƒÆ’ƒâ€¦ÃÃ’âₚ¡Æ’Æâₙƃ¢â‚¬ââ€Â¢ÃƒÆ’ƒâ€Â ÃƒÂ¢Ã¢â€¡Ã‚¬Ã¢â€¾Ã‚¢ÃƒÆâ€Ãƒâ€ ’ÂÃâ€Ã‚¢ÃƒÆ’¢Ãââ‚ìšÂÂìł¡ÃƒÆ’ĮâââšÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ‚¬Åƒâ€šÃ‚¡ÃƒÃ’ĉâ¢â‚¬Å¡Ã‚¬Ã…¡ÃÆâ€ÃƒÂ¢Ã¢â€šÂ¬Ã…ÂÂÃâšÃ‚¬ÃƒÆ’Æ’ƒÆ’†â€™Ãƒâ€ Ã¢Ã¢â€šÂ¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚¢ÃƒÆ’Æ’Ãâ ’†ââ‚Ãâ€Ã‚¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚¢ÃƒÆ’ÆÀ™ƒÆ’ƒÂ¢Ã¢Ã¢Ã¢â€šÂ¬Ã…¡Ã€šÃ‚¬Ãƒââ¬Å¡Ãƒâ€šÃ‚ ÃƒÆ’ƒÂ¢Ãƃ¢â€ł¡Ãƒâ€šÃ‚¬ÃÃ’¢ââââ¬Å¡Ã‚¬Ã…¾Ã‚¢ÃƒÆÀ™ƒÆ’ĉ¬ Ãââ‚ìâ„âÃÃÆ‚¢Ã¢â€šÃÀšÃ‚¬Ãƒâ€¦Ã¢â‚¬Å¡Ãƒâ€šÃ‚¡ÃƒÆ’Ãâ ’ÃÀ Ã¢â‚¬â„¢ÃƒÆ€™Ãƒâ€šÃ‚¢Ã’¢â€šÂÂÂÃ…ÃâšÃ‚¡ÃƒÆ’Æ’ƒÆ’¢âââ¬Å¡Ã‚¬Ã…áÃâ€Å¡Ã’‚¢ÃÆ’ÃƆâââšÂ¬Ã¢â€žÂ¢ÃƒÆ’†â€™ÃƒÂ¢Ã¢â€š¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃĮծÀ™ÃƒÂÂâ‚ ÃÃ’¢ââââšÂ¬Ã…¡Ã‚¬Ã¢â€žÃâ€Ã‚¢ÃƒÆ’Į€™Ãƃ¢Ã¢â¬šÂ¬Ãâ€Â¡Ãƒâ¬Ãâ¦Ã‚¡ÃƒÆ’â€Å¡ÃƒÆ’‚ÀšÃ‚¢ÃƒÆâ™Ãƒâ€ â€â„ĮÃââ‚ìâ„âÃÀ ’‚ÀšÃ‚¢ƒÆ’Į¢â‚¬â„¢ÃƒÆ’†â€¢â€žÂ¢ÃƒÆ’Æâ™ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¢ÃƒÆ’¢ÃÆâ™Ãƒâ€šÃ‚¢ÃÆ¢ââ€Å¬Å¡Ã‚Ãâ€Ã‚¬ÃƒÆ’…ÂÃâšÃ‚¡ÃƒÆâ€Ãƒâ€ ’ââââ¬Å¡Ã‚¬Ã…¡Ãƒâ€šÃ‚ÂìÃÃƆ’âƒÆ’¢âââšÂ¬Ã…¡Ã‚ì¦ÃÆ€™Ãƒâ€ â€â¢ÃƒÆ’¢âÀšÂ¬Ã…¡ÃƒƒÂ¢Ã¢â€šÂ¬Ã…¡ƒÆ’‚¡ÃÆâ€Ãƒâ€ ’Æ’ÃâââšÂ¬Ã‚ ÃƒÂÂâ‚ÂÂâ„ÂÂâƒÆ’ƒÂ¢Ã¢Ã¢Ã¢â‚¬Å¡Ã‚¬Ã€¦Ã‚¡Ãƒââ¬Å¡Ãƒâ€šÃ‚¬Ã’ĉââšÂ¬Ã‚¦Ãƒâ€šÃ‚¡ÃĮծÀ™Ãƒââ¬Â â€Ã„¢ÃƒÆâ€Ãƒâ€šÃ‚¢Ãƒ‚¢Ã¢â‚¬…¡Ã‚¬Ã…‚¡ÃƒÆ’ĉâ‡Â¬Ã…¡Ãƒâ€šÃ¢â‚¬Å¡Ãƒâ€šÃ‚¬ÃƒÆ’Ãâ ’ÃÀ Ã¢â‚¬â„¢ÃƒÆ€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃÆĮââ¬â„¢ÃƒÆ’¢â‚¬Â ÃÆâ™Ãƒâ€šÃ‚¢ÃƢ‚¬ƒÆ’¢âââšÂ¬Ã…¾Ã‚âÃÀ ’Æâââ€Â¬Ã¢â€žÂ¢ÃƒÆ’Ã’âₚ¢Æ’Æâₙ¢ÃÃ’¢ââââšÂ¬Ã…¡Ã‚¬Ã…¡Ãâ€Ã¡Ãƒâ€šÃ‚¬ÃƒÆâ€â¢ÃƒÆ’¢â‚¬Ãâ€Ã‚¦ÃƒÆ’‚ÂÃâšÃ‚¡ÃƒÆâ€Ãƒâ€ ’Æ⬙ÒĉââšÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ãâ ’ÃÀšÃ‚¢ÃƒÃâ€Ã‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ãââ¬Å¡Ãƒâ€šÃ‚¬ÃƒÆ’…ÀšÃ‚¡ÃƒƒÃââ¬Â ’â€Ãƒâ€¦Ã‚¡Ãƒƒâ€ ’Ã’¢â‚¬ÅÂÂÃâ¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}} .text-center.close-icon { position: relative; width: auto; display: inline-block; } .text-center.close-icon a i.fa.fa-close { position: absolute; font-size: 40px; top: -50px; bottom: 0; z-index: 9999; right: -1140px; color: #fff; } .badge-dic{ width: 160px; height: 160px; display: block; position: fixed; bottom: 10px; left: 10px; z-index: 9999; padding: 1px 0; animation: scrollDownAnimation .5s ease infinite alternate; -webkit-animation: scrollDownAnimation .5s ease infinite alternate; } @keyframes scrollDownAnimation{from{transform:translateY(0);} to{transform:translateY(-10px);} } @-webkit-keyframes scrollDownAnimation{from{transform:translateY(0);} to{transform:translateY(-10px);} } @-webkit-keyframes ripple{0%{box-shadow:0 0 0 0 rgba(1, 201, 226, 0.3), 0 0 0 10px rgba(1, 201, 226, 0.3), 0 0 0 20px rgba(1, 201, 226, 0.3), 0 0 0 30px rgba(1, 201, 226, 0.3);} 100%{box-shadow:0 0 0 1em rgba(1, 201, 226, 0.3), 0 0 0 20px rgba(1, 201, 226, 0.3), 0 0 0 30px rgba(1, 201, 226, 0.3), 0 0 0 50px rgba(1, 201, 226, 0);} } @keyframes ripple{0%{box-shadow:0 0 0 0 rgba(201, 205, 206, 0.3), 0 0 0 10px rgba(232, 238, 239, 0.3), 0 0 0 20px rgba(219, 224, 224, 0.3), 0 0 0 30px rgba(197, 199, 199, 0.3);} 100%{box-shadow:0 0 0 1em rgba(207, 219, 220, 0.3), 0 0 0 20px rgba(167, 174, 175, 0.3), 0 0 0 30px rgba(187, 194, 195, 0.3), 0 0 0 50px rgba(1, 201, 226, 0);} } @media screen and (max-width: 768px){ .badge-dic{display: none !important} } .secondary-nav-wrap{ display: none; } header .logo a { background-position: bottom center; } .call-action span{ color: #16a085; } .call-action span small{ color: #626262; } .nav-toggle{ opacity: 0.3; } .hero-services { background: url( 'https://logocottage.co.uk/none' ); background-size: auto !important; height:auto; background-color:#fff !important; } #header-sroll{ background-color: #fff; box-shadow: 1px -10px 26px #b7b7b7; } header #header-sroll ul#navigation li a {color: #888888; opacity: 1; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} header #header-sroll .call-action span {color: #2c2c2c; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} header #header-sroll .call-action span small { color: #1997ad; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } header #header-sroll .call-action a {color: #888888; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} header #header-sroll .nav-toggle span, header #header-sroll .nav-toggle span:before, header #header-sroll .nav-toggle span:after{ background: #631a79;} #header-sroll.small .nav-toggle span, #header-sroll.small .nav-toggle span:before, #header-sroll.small .nav-toggle span:after{background: #631a79;} .headerMenu {} .headerMenu .navbar-default { background-color: #fff0; border-color: #d3e0e900; } .headerMenu .navbar-brand>img {display: none} .headerMenu nav ul li a { font-size: 13px; padding: 0 10px; } .headerMenu .navbar { position: relative; min-height: auto; margin-bottom:0px; border: 0px solid transparent; } .headerMenu .navbar-header { float: left; display: none; } .headerMenu .navbar-nav { float: right; margin: 0px 0 0 0; } .headerMenu .navbar-default .navbar-nav>li>a:focus, .headerMenu .navbar-default .navbar-nav>li>a:hover { color: #0196ad; background-color: transparent!important; } .headerMenu nav ul li.active a{background-color: transparent!important;} .border-box-effect { padding: 0; border-radius: 0 20px; overflow: hidden; margin: 0 0 30px; border: 1px solid #dcdcdc; } .floating_wrap .float_form_box .floating_form.active{ right: 0px !important; }