/* Minification failed. Returning unminified contents. (2901,1): run-time error CSS1019: Unexpected token, found '@import' (2901,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700)' (3575,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3576,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3579,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3580,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3587,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (3588,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3591,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3592,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3595,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3596,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3599,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3600,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3607,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (3608,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3611,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3612,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3615,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3616,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3619,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3620,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3627,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (3628,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3631,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3632,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3635,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3636,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3639,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3640,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3647,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (3648,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3651,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3652,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3655,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3656,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3659,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (3660,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3667,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (3668,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3671,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3672,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3728,1): run-time error CSS1019: Unexpected token, found '@import' (3728,9): run-time error CSS1019: Unexpected token, found 'url(http://fonts.googleapis.com/css?family=Lato:300,400,700)' (4436,17): run-time error CSS1036: Expected expression, found ':' (4772,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4773,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4787,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (4788,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4807,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4808,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4962,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4977,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (4978,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4992,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4993,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5019,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (5020,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5034,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (5035,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5049,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5050,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (5086,69): run-time error CSS1036: Expected expression, found '!important' (5993,16): run-time error CSS1036: Expected expression, found ';' */ /*! * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont78ce.eot?v=4.2.0');src:url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont78ce.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont78ce.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont78ce.svg?v=4.2.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}.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}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.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{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-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"} /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.html) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.html) no-repeat center center } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .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; } @import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700); body { font-family: 'Lato', sans-serif; overflow-x:hidden; } h1, h2, h3, h4, h5, h6, p { font-family: 'Lato', sans-serif; } h2 { font-size: 32px; font-weight: 300; line-height: 32px; } h3 { font-size: 24px; } p { font-size: 16px; /* margin-bottom: -2px; */ text-align: justify; } .title { text-align: center; } .title h2 { font-size: 36px; color: #1b1b1b; font-weight: 300; } .title p { font-size: 18px; font-weight: 400px; color: #9da8ad; text-align: center; } .navbar-default { background: transparent; border: none; margin-bottom: 0; } ul li { list-style: none; } header { /* background-image: url("../images/hero-bg.jpg"); */ background-repeat: no-repeat; background-size: cover; /* padding-top: 90px; */ float: left; width: 100%; z-index: -222; margin-top: -52px; } header .app-showcase { text-align: right; } header .block { padding-top: 70px; } header .block .logo { display: inline-block; margin-bottom: 70px; } header .block h2 { margin-bottom: 15px; color: #fff; } header .block p { margin-bottom: 27px; margin-top: 0; color: #383838; } header .block .download-btn a { display: inline-block; margin-right: 10px; } #service { /* padding: 80px 0 100px; */ float: left; width: 100%; } #service .title { padding-bottom: 27px; } #service .title h2 { margin-top: 0; } #service .block { text-align: center; } #service .block h3 { color: #202d33; line-height: 48px; margin-bottom: 0; } #service .block p { color: #707b82; line-height: 30px; padding: 0 20px; } #showcase { /* background-image: url("../images/showcase-bg.jpg"); */ background-size: cover; baxkground-repeat: no-repeat; float: left; } #showcase .block { padding-top: 90px; } #showcase .block img { margin-bottom: -228px; } #feature { padding: 325px 0 105px 0; float: left; } #feature .title { margin-bottom: 60px; } #feature .block .media { margin-bottom: 33px; } #feature .block .media:last-child { margin-bottom: 0; } #feature .block .media h4 { color: #1b1b1b; } #feature .block .media p { color: #999999; } #feature .block .media > .pull-left { padding-right: 20px; } #testimonial { background: url('../images/testimonial-bg.html') no-repeat; background-size: cover; padding: 100px 0; float: left; } #testimonial .block { text-align: center; } #testimonial .block h5 { background: rgba(0, 0, 0, 0.6); text-align: center; color: #fff; display: inline-block; padding: 20px; font-size: 20px; width: 65%; margin: 0 auto; } #testimonial .block h5 span { font-size: 12px; } #team { /* padding: 80px 0 90px 0; */ float: left; width: 100%; /* margin-top: 32px; */ margin-bottom: 62px; } #team .title { margin-bottom: 50px; } #team .social-link { margin-top: 15px; } #team .social-link a { display: inline-block; } #team .btn-facebook { background: #6788ce; color: #fff; border-radius: 50%; padding: 9px 14px; font-size: 17px; line-height: 1; margin-right: 5px; } #team .btn-twitter { background: #29c5f6; color: #fff; border-radius: 50%; padding: 8px 9px; font-size: 20px; line-height: 1; } #team .media .pull-left { padding-right: 44px; width: 167px; height: 167px; border-radius: 50%; margin-top: -93px; z-index: -22; } #team .media .media-heading { margin-top: 35px; font-size: 21px; } #team .media p { font-size: 16px; color: #707b82; } footer { padding: 60px 0; background: #fafafa; border-top: 1px solid #d7d7d7; float: left; } footer .navbar-nav { float: none; display: inline-block; } footer .navbar-nav li a { font-size: 20px; font-weight: normal; } footer .navbar-default .navbar-nav > li > a { color: #989898; padding: 20px 25px; } footer .social-link ul { margin-bottom: 0; } footer .social-link ul li { display: inline-block; } footer .social-link ul li a { color: #cccccc; font-size: 25px; padding: 0 5px; display: inline-block; } /*----SLIDER---BANNER--*/ .demo-1 .sl-slider-wrapper { position: absolute; width: 100%; height: 108%; top: 0; left: 0; } .demo-2{width: 100%;} .demo-2 .sl-slider-wrapper { width:100%; /* height: 600px; */ overflow: hidden; position: relative; margin:0 auto; } .demo-2 .sl-slider h2, .demo-2 .sl-slider blockquote { padding: 100px 30px 10px 30px; /* width: 80%; */ /* max-width: 960px; */ color: #fff; margin: 0 auto; position: relative; z-index: 100; } .demo-2 .sl-slider h2 { font-size: 100px; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); } .demo-2 .sl-slider blockquote { font-size: 28px; padding-top: 10px; font-weight: 300; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); border: none; } .demo-2 .sl-slider blockquote cite { font-size: 16px; font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: 5px; padding-top: 30px; display: inline-block; } .demo-2 .bg-img { padding: 200px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; top: -200px; left: -200px; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } /* Custom navigation arrows */ .nav-arrows span { position: absolute; z-index: 2000; top: 50%; width: 40px; height: 40px; border: 8px solid #ddd; border: 8px solid rgba(150,150,150,0.4); text-indent: -90000px; margin-top: -40px; cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-arrows span:hover { border-color: rgba(150,150,150,0.9); } .nav-arrows span.nav-arrow-prev { left: 5%; border-right: none; border-top: none; } .nav-arrows span.nav-arrow-next { right: 5%; border-left: none; border-bottom: none; } /* Custom navigation dots */ .nav-dots { text-align: center; position: absolute; bottom: 6%; height: 30px; width: 100%; left: 0; z-index: 1000; } .nav-dots span { display: inline-block; position: relative; width: 16px; height: 16px; border-radius: 50%; margin: 3px; background: #ddd; background: rgba(150,150,150,0.4); cursor: pointer; box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1); } .demo-2 .nav-dots span { background: rgba(150,150,150,0.1); margin: 6px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 2px rgba(255,255,255,0.5); } .demo-2 .nav-dots span.nav-dot-current, .demo-2 .nav-dots span:hover { box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 5px rgba(255,255,255,0.5); } .nav-dots span.nav-dot-current:after { content: ""; position: absolute; width: 10px; height: 10px; top: 3px; left: 3px; border-radius: 50%; background: rgba(255,255,255,0.8); } /* Content elements */ .demo-2 .deco { width: 234px; height: 234px; border: 2px dashed #ddd; border: 2px dashed rgba(150,150,150,0.4); border-radius: 50%; position: absolute; bottom: 50%; left: 50%; margin: 0 0 0 -130px; top: 133px; background: rgba(255, 255, 255, 0.9); } .demo-2 [data-icon]:after { /* content: attr(data-icon); */ font-family: 'AnimalsNormal'; color: #999; text-shadow: 0 0 1px #999; position: absolute; width: 220px; height: 220px; line-height: 220px; text-align: center; font-size: 100px; top: 50%; left: 50%; margin: -110px 0 0 -110px; box-shadow: inset 0 0 0 10px #f7f7f7; border-radius: 50%; } .demo-2 .sl-slide h2 { color: #FFF; text-shadow: 0 0 1px #000; padding: 0px; position: absolute; font-size: 34px; font-weight: 700; letter-spacing: 5px; text-transform: uppercase; width: 80%; left: 10%; text-align: center; line-height: 50px; bottom: 50%; margin: 0 0 -120px 0; } .demo-2 .sl-slide blockquote { position: absolute; width: 100%; /* text-align: center; */ left: 0; font-weight: 400; font-size: 36px; line-height: 20px; height: 70px; color: #FFFFFF; z-index: 2; bottom: 50%; margin: 0 0 -200px 0; padding: 0; border: 0px; } .demo-2 .sl-slide blockquote p{ margin: 0 auto; width: 60%; max-width: 377px; position: relative; text-align: center; } .demo-2 .sl-slide blockquote p:before { color: #f0f0f0; color: rgba(244,244,244,0.65); font-family: "Bookman Old Style", Bookman, Garamond, serif; position: absolute; line-height: 60px; width: 75px; height: 75px; font-size: 200px; z-index: -1; left: -80px; top: 35px; content: '\201C'; } .demo-2 .sl-slide blockquote cite { font-size: 10px; padding-top: 10px; display: inline-block; font-style: normal; text-transform: uppercase; letter-spacing: 4px; } /* Custom background colors for slides in first demo */ /* First Slide */ .demo-1 .bg-1 .sl-slide-inner, .demo-1 .bg-1 .sl-content-slice { } /* Second Slide */ .demo-1 .bg-2 .sl-slide-inner, .demo-1 .bg-2 .sl-content-slice { background: #000; } .demo-1 .bg-2 [data-icon]:after, .demo-1 .bg-2 h2 { color: #fff; } .demo-1 .bg-2 blockquote:before { color: #222; } /* Third Slide */ .demo-1 .bg-3 .sl-slide-inner, .demo-1 .bg-3 .sl-content-slice { background: #db84ad; } .demo-1 .bg-3 .deco { border-color: #fff; border-color: rgba(255,255,255,0.5); } .demo-1 .bg-3 [data-icon]:after { color: #fff; text-shadow: 0 0 1px #fff; box-shadow: inset 0 0 0 10px #b55381; } .demo-1 .bg-3 h2, .demo-1 .bg-3 blockquote{ color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); } .demo-1 .bg-3 blockquote:before { color: #c46c96; } /* Forth Slide */ .demo-1 .bg-4 .sl-slide-inner, .demo-1 .bg-4 .sl-content-slice { background: #5bc2ce; } .demo-1 .bg-4 .deco { border-color: #379eaa; } .demo-1 .bg-4 [data-icon]:after { text-shadow: 0 0 1px #277d87; color: #277d87; } .demo-1 .bg-4 h2, .demo-1 .bg-4 blockquote{ color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .demo-1 .bg-4 blockquote:before { color: #379eaa; } /* Fifth Slide */ .demo-1 .bg-5 .sl-slide-inner, .demo-1 .bg-5 .sl-content-slice { background: #ffeb41; } .demo-1 .bg-5 .deco { border-color: #ECD82C; } .demo-1 .bg-5 .deco:after { color: #000; text-shadow: 0 0 1px #000; } .demo-1 .bg-5 h2, .demo-1 .bg-5 blockquote{ color: #000; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .demo-1 .bg-5 blockquote:before { color: #ecd82c; } .demo-2 .bg-img-1 { background-image:url(../images/banner-1.png); } .demo-2 .bg-img-2 { background-image: url(../images/2.html); } .demo-2 .bg-img-3 { background-image: url(../images/3.jpg); } .demo-2 .bg-img-4 { background-image: url(../images/4.html); } .demo-2 .bg-img-5 { } /* Animations for content elements */ .sl-trans-elems .deco{ -webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -o-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both; animation: roll 1s ease-out both, fadeIn 1s ease-out both; } .sl-trans-elems h2{ -webkit-animation: moveUp 1s ease-in-out both; -moz-animation: moveUp 1s ease-in-out both; -o-animation: moveUp 1s ease-in-out both; -ms-animation: moveUp 1s ease-in-out both; animation: moveUp 1s ease-in-out both; } .sl-trans-elems blockquote{ -webkit-animation: fadeIn 0.5s linear 0.5s both; -moz-animation: fadeIn 0.5s linear 0.5s both; -o-animation: fadeIn 0.5s linear 0.5s both; -ms-animation: fadeIn 0.5s linear 0.5s both; animation: fadeIn 0.5s linear 0.5s both; } .sl-trans-back-elems .deco{ -webkit-animation: scaleDown 1s ease-in-out both; -moz-animation: scaleDown 1s ease-in-out both; -o-animation: scaleDown 1s ease-in-out both; -ms-animation: scaleDown 1s ease-in-out both; animation: scaleDown 1s ease-in-out both; } .sl-trans-back-elems h2{ -webkit-animation: fadeOut 1s ease-in-out both; -moz-animation: fadeOut 1s ease-in-out both; -o-animation: fadeOut 1s ease-in-out both; -ms-animation: fadeOut 1s ease-in-out both; animation: fadeOut 1s ease-in-out both; } .sl-trans-back-elems blockquote{ -webkit-animation: fadeOut 1s linear both; -moz-animation: fadeOut 1s linear both; -o-animation: fadeOut 1s linear both; -ms-animation: fadeOut 1s linear both; animation: fadeOut 1s linear both; } @-webkit-keyframes roll{ 0% {-webkit-transform: translateX(500px) rotate(360deg);} 100% {-webkit-transform: translateX(0px) rotate(0deg);} } @-moz-keyframes roll{ 0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;} } @-o-keyframes roll{ 0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;} } @-ms-keyframes roll{ 0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;} } @keyframes roll{ 0% {transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {transform: translateX(0px) rotate(0deg); opacity: 1;} } @-webkit-keyframes moveUp{ 0% {-webkit-transform: translateY(40px);} 100% {-webkit-transform: translateY(0px);} } @-moz-keyframes moveUp{ 0% {-moz-transform: translateY(40px);} 100% {-moz-transform: translateY(0px);} } @-o-keyframes moveUp{ 0% {-o-transform: translateY(40px);} 100% {-o-transform: translateY(0px);} } @-ms-keyframes moveUp{ 0% {-ms-transform: translateY(40px);} 100% {-ms-transform: translateY(0px);} } @keyframes moveUp{ 0% {transform: translateY(40px);} 100% {transform: translateY(0px);} } @-webkit-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes scaleDown{ 0% {-webkit-transform: scale(1);} 100% {-webkit-transform: scale(0.5);} } @-moz-keyframes scaleDown{ 0% {-moz-transform: scale(1);} 100% {-moz-transform: scale(0.5);} } @-o-keyframes scaleDown{ 0% {-o-transform: scale(1);} 100% {-o-transform: scale(0.5);} } @-ms-keyframes scaleDown{ 0% {-ms-transform: scale(1);} 100% {-ms-transform: scale(0.5);} } @keyframes scaleDown{ 0% {transform: scale(1);} 100% {transform: scale(0.5);} } @-webkit-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @-ms-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } /* Media Queries for custom slider */ @media screen and (max-width: 660px) { .demo-1 .deco { width: 130px; height: 130px; margin-left: -65px; margin-bottom: 50px; } .demo-1 [data-icon]:after { width: 110px; height: 110px; line-height: 110px; font-size: 40px; margin: -55px 0 0 -55px; } .demo-1 .sl-slide blockquote { margin-bottom: -120px; } .demo-1 .sl-slide h2 { line-height: 22px; font-size: 18px; margin-bottom: -40px; letter-spacing: 8px; } .demo-1 .sl-slide blockquote p:before { line-height: 10px; width: 40px; height: 40px; font-size: 120px; left: -45px; } .demo-2 .sl-slider-wrapper { height: 500px; } .demo-2 .sl-slider h2 { font-size: 36px; } .demo-2 .sl-slider blockquote { font-size: 16px; } } /* General Demo Style */ @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700); @font-face { font-family: 'AnimalsNormal'; src: url('fonts/animals-webfont.html'); src: url('fonts/animals-webfontd41d.html?#iefix') format('embedded-opentype'), url('fonts/animals-webfont-2.html') format('woff'), url('fonts/animals-webfont-3.html') format('truetype'), url('fonts/animals-webfont-4.html#AnimalsNormal') format('svg'); font-weight: normal; font-style: normal; } html { height: 100%; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } /* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:after { content: ""; display: table; clear: both; } body { font-family: 'Lato', Calibri, Arial, sans-serif; background: #fff; font-weight: 300; font-size: 15px; color: #333; -webkit-font-smoothing: antialiased; } a { color: #555; text-decoration: none; } .container { /* width: 100%; */ /*position: fixed;*/ } .container.demo-1 { height: 723px; position: relative; float: left; margin-bottom: 76px; } .clr { clear: both; padding: 0; height: 0; margin: 0; } .main { width: 90%; margin: 0 auto; position: relative; } .demo-2{padding:0 !important} .container > header, .content-wrapper { padding: 30px; width: 80%; max-width: 960px; margin: 0 auto; } .content-wrapper p{ padding-top: 30px; line-height: 26px; } .container > header h1 { font-size: 34px; line-height: 38px; margin: 0; font-weight: 700; color: #333; float: left; } .container > header h1 span { display: block; font-size: 20px; font-weight: 300; } /* Header Style */ .codrops-top { line-height: 24px; font-size: 11px; background: #fff; background: rgba(255, 255, 255, 0.8); text-transform: uppercase; z-index: 9999; position: relative; font-family: Cambria, Georgia, serif; box-shadow: 1px 0px 2px rgba(0,0,0,0.2); } .codrops-top a { padding: 0px 10px; letter-spacing: 1px; color: #333; display: inline-block; } .codrops-top a:hover { background: rgba(255,255,255,0.6); } .codrops-top span.right { float: right; } .sl-content-wrapper{height:auto !important} .codrops-top span.right a { float: left; display: block; } /* Demo Buttons Style */ .codrops-demos { float: right; padding-top: 10px; } .demo-1 .codrops-demos { position: absolute; z-index: 2000; top: 30px; left: 30px; } .codrops-demos a { display: inline-block; margin: 10px; color: #333; font-weight: 700; line-height: 30px; border-bottom: 4px solid transparent; } .codrops-demos a:hover { color: #883d59; border-color: #883d59; } .codrops-demos a.current-demo, .codrops-demos a.current-demo:hover { color: #aaa; border-color: #aaa; } .sl-slider-wrapper { width: 800px; height: auto; margin: 0 auto; position: relative; overflow: hidden; float: left; } .sl-slider { /* position: absolute; */ top: 0; left: 0; height: auto !important; } /* Slide wrapper and slides */ .sl-slide, .sl-slides-wrapper, .sl-slide-inner { /* position: absolute; */ width: 100%; height: 100%; top: 0px; left: 0; } .sl-slide { z-index: 1; } /* The duplicate parts/slices */ .sl-content-slice { overflow: hidden; position: absolute; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background: #fff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; opacity : 1; } /* Horizontal slice */ .sl-slide-horizontal .sl-content-slice { width: 100%; height: 50%; left: -200px; -webkit-transform: translateY(0%) scale(1); -moz-transform: translateY(0%) scale(1); -o-transform: translateY(0%) scale(1); -ms-transform: translateY(0%) scale(1); transform: translateY(0%) scale(1); } .sl-slide-horizontal .sl-content-slice:first-child { top: -200px; padding: 200px 200px 0px 200px; } .sl-slide-horizontal .sl-content-slice:nth-child(2) { top: 50%; padding: 0px 200px 200px 200px; } /* Vertical slice */ .sl-slide-vertical .sl-content-slice { width: 50%; height: 100%; top: -200px; -webkit-transform: translateX(0%) scale(1); -moz-transform: translateX(0%) scale(1); -o-transform: translateX(0%) scale(1); -ms-transform: translateX(0%) scale(1); transform: translateX(0%) scale(1); } .sl-slide-vertical .sl-content-slice:first-child { left: -200px; padding: 200px 0px 200px 200px; } .sl-slide-vertical .sl-content-slice:nth-child(2) { left: 50%; padding: 200px 200px 200px 0px; } .bg-img-5 /* Content wrapper */ /* Width and height is set dynamically */ .sl-content-wrapper { position: absolute; } .sl-content { width: 100%; height: 100%; background: #fff; } /* Default styles for background colors */ .sl-slide-horizontal .sl-slide-inner { /* background: #ddd; */ } .sl-slide-vertical .sl-slide-inner { background: #ccc; } .banner{width: 100%;float:left;/* background:url(../images/banner-1.png); *//* background-size:cover; *//* margin-top: 87px; */} .nav-main{text-align:center;color:#fff;position:relative !important;} .nav-ul>li>a{color: #FFFFFF;margin:0 auto;padding-top: 17px;font-size: 17px;font-weight: bold;} .nav-ul{width: 940px;margin:0 auto;float: none;} .logo-size{width: 89%;position: absolute;margin: 0 auto;text-align: center;top: 27%;left: 4%;z-index:222;} .float-container{float:left;} /*---about-section---*/ .about-main{background: url(../images/bg-about.png)no-repeat;background-size: contain;height: 100%;float: left;width: 100%;} .title-about{width:100%;float:left; font-size:60px; color:gray;line-height: 46px;} .title-about span{width:100%; float:left; font-size:35px; font-weight:bold;} .about-div{width: 60%;float:left;margin-top: 46px;margin-left: 20%;margin-bottom: 7%;} .kandil-v{margin-top: 20px;} .p-paragraphe{font-size: 16px; color:gray; text-align:justify;/* width: 100%; */float: left;} .more-details{padding: 8px;color: #ddab0d;/* font-size:20px; */font-size: 36px !important;font-weight: bold;border-top: 1px solid #C4C4C4;border-bottom: 1px solid #C4C4C4;float: left;width: 100%;margin-top: 18px;} .more-details p{font-size:36px; float:left; } .more-details i{font-size:36px; float:right;line-height: 56px;} .our-pro-sec{width:30%;margin:0 auto; font-size:12px; text-align:justify;} .our-pro-sec p{padding-bottom: 45px;padding-bottom: 137px;} .our-title{font-size:30px; color:gray;/* margin: 0 auto; */text-align: center;font-weight: bold;} .our-product-hr{width:40px;border: 3px solid #DDAB0D;margin: 0 auto;} .products-typs{margin-top:-20px} .our-title{padding-bottom:10px!important; padding-top:10px} .pics { height: 232px; width: 232px; padding: 0; margin: 0; } .pics img { /* padding: 15px; */ /* border: 1px solid #ccc; */ background-color: #eee; width: 167px !important; height: 167px!important; top: 0; left: 0; } .product-title-typestableware{/* position:absolute; */background: rgba(50, 4, 111, 0.65);color:#fff;width: 167px;z-index: 222;height: 94px;border-radius: 112px 112px 0 0;text-align: center;} .product-title-typestableware p{color:#fff !important;padding: 54px;/* padding-left: 71px; */font-size: 21px !important;font-weight: bold;padding-left: 39px;text-align: center;} .product-title-typesfood{/* position:absolute; */background: rgba(90, 127, 77, 0.65);color:#fff;width: 167px;z-index: 222;height: 94px;border-radius: 112px 112px 0 0;text-align: center;} .product-title-typesfood p{color:#fff !important;padding: 54px;/* padding-left: 71px; */font-size: 21px !important;font-weight: bold;padding-left: 46px;text-align: center;} .product-title-typesbev{/* position:absolute; */background: rgba(127, 133, 177, 0.67);color:#fff;width: 167px;z-index: 222;height: 94px;border-radius: 112px 112px 0 0;text-align: center;} .product-title-typesbev p{color:#fff !important;padding: 54px;/* padding-left: 71px; */font-size: 21px !important;font-weight: bold;padding-left: 38px;text-align: center;} .product-title-typespharm{/* position:absolute; */background: rgba(173, 141, 111, 0.54);color:#fff;width: 167px;z-index: 222;height: 93px;border-radius: 112px 112px 0 0;text-align: center;} .product-title-typespharm p{color:#fff !important;padding: 54px;/* padding-left: 71px; */font-size: 21px !important;font-weight: bold;padding-left: 10px;} .product-title-typescosm{/* position:absolute; */background: rgba(245, 152, 157, 0.73);color:#fff;width: 167px;z-index: 222;height: 94px;border-radius: 112px 112px 0 0;text-align: center;} .product-title-typescosm p{color:#fff !important;padding: 52px;/* padding-left: 71px; */font-size: 21px !important;font-weight: bold;padding-left: 39px;} .our-customers{width:100%;} /*--footer--*/ .footer-distributed{ background-color: #55c4c9; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; width: 100%; font: bold 16px sans-serif; text-align: left; padding: 50px 60px 40px; /* margin-top: 80px; */ overflow: hidden; padding-bottom: 0px; } /* Footer left */ .footer-distributed .footer-left{ width: 40%; } /* The company logo */ .footer-distributed h3{ color: #ffffff; font: normal 36px 'Cookie', cursive; margin: 0; } .footer-distributed h3 span{ color: #5383d3; } /* Footer links */ .footer-distributed .footer-links{ color: #ffffff; margin: 20px 0 12px; padding: 0; } .footer-distributed .footer-links a{ display:inline-block; line-height: 1.8; text-decoration: none; color: inherit; } .footer-distributed .footer-company-name{ color: #8f9296; font-size: 14px; font-weight: normal; margin: 0; } .footer-right img{float: right;margin-right: -17%;} /* Footer Center */ .footer-distributed .footer-center{ width: 35%; } .footer-distributed .footer-center i{ background-color: #b9d532; color: #ffffff; font-size: 25px; width: 33px; height: 33px; border-radius: 50%; text-align: center; line-height: 34px; /* margin: 10px 15px; */ vertical-align: middle; } .footer-distributed .footer-center i.fa-envelope{ font-size: 17px; line-height: 38px; } .footer-distributed .footer-center p{ display: inline-block; color: #ffffff; vertical-align: middle; margin:0; width: 100%; } .footer-distributed .footer-center p span{ display:block; font-weight: normal; font-size:14px; line-height:2; } .footer-distributed .footer-center p a{ color: #5383d3; text-decoration: none;; } /* Footer Right */ .footer-distributed .footer-right{ width: 20%; float: right; } .footer-distributed .footer-company-about{ line-height: 20px; color: #92999f; font-size: 13px; font-weight: normal; margin: 0; } .footer-distributed .footer-company-about span{ display: block; color: #ffffff; font-size: 14px; font-weight: bold; margin-bottom: 20px; } .footer-distributed .footer-icons{ margin-top: 25px; float: left; width: 100%; } .footer-distributed .footer-icons a{ display: inline-block; width: 35px; height: 35px; cursor: pointer; background-color: #b9d532; border-radius: 2px; font-size: 20px; color: #ffffff; text-align: center; line-height: 35px; margin-right: 3px; margin-bottom: 5px; margin-top: 10px; } /* If you don't want the footer to be responsive, remove these media queries */ @media (max-width: 880px) { .footer-distributed{ font: bold 14px sans-serif; } .footer-distributed .footer-left, .footer-distributed .footer-center, .footer-distributed .footer-right{ display: block; width: 100%; margin-bottom: 40px; text-align: center; } .footer-distributed .footer-center i{ margin-left: 0; } } /* The contact form */ .footer-distributed form{ display: inline-block; } .footer-distributed form input, .footer-distributed form textarea{ display: block; border-radius: 3px; box-sizing: border-box; background-color: #4fb8bd; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); border: none; resize: none; font: inherit; font-size: 14px; font-weight: normal; color: #FFFFFF !important; width: 400px; padding: 18px; } .footer-distributed ::-webkit-input-placeholder { color: #5c666b; } .footer-distributed ::-moz-placeholder { color: #5c666b; opacity: 1; } .footer-distributed :-ms-input-placeholder{ color: #5c666b; } .footer-distributed form input{ height: 55px; margin-bottom: 15px; } .footer-distributed form textarea{ height: 100px; margin-bottom: 20px; } .footer-distributed form button{ border-radius: 3px; background-color: #b9d532; color: #ffffff; border: 1px solid #a1b92c; padding: 15px 50px; font-weight: normal; float: right; } /* If you don't want the footer to be responsive, remove these media queries */ @media (max-width: 1000px) { .footer-distributed { font: bold 14px sans-serif; } .footer-distributed .footer-company-name{ font-size: 12px; } .footer-distributed form input, .footer-distributed form textarea{ width: 250px; } .footer-distributed form button{ padding: 10px 35px; } } @media (max-width: 800px) { .footer-distributed{ padding: 30px; } .footer-distributed .footer-left, .footer-distributed .footer-right{ float: none; max-width: 300px; margin: 0 auto; } .footer-distributed .footer-left{ margin-bottom: 40px; } .footer-distributed form{ margin-top: 30px; } .footer-distributed form{ display: block; } .footer-distributed form button{ float: none; } } .footer-left p{color:#fff;font-size: 21px;font-weight: normal;} .footer-center p{color:#fff;font-size: 21px;font-weight: normal;} .footer-distributed .footer-left, .footer-distributed .footer-center, .footer-distributed .footer-right{ display: inline-block; vertical-align: top;} .certifect-1{width: 78px; float:left;margin-top: 10px;margin-right: 11px;opacity: .9;} .copy-rights{width:100%; float:left;background: #4fb8bd; text-align: center;color: #fff;padding: 13px;} /*--header-2--*/ .header-2-main{width:100%;background: #FFFFFF;height: 89px;border-top: 13px solid #55c4c9;border-bottom: 1px solid #DBDADA;position: relative;} #MainMune a{line-height: 39px !important;padding-top: 18px;padding-bottom: 10px !important;border-radius: 0 0 8px 8px;} .header-2-main a{color: #004B6A !important;} .header-logo{float:left;margin-top: -11px;width: 147px;margin-right: 11px;} .margin-all{margin-top: 49px !important;} .margin-all-cap{margin-top: 140px !important;} .title-history li{ list-style-image:url(../images/about-us/list-style.png);font-size: 40px;font-weight: bold;color: #004B6A;min-width: 369px;} .text-history{font-size: 16px;margin-top: 0px;min-width: 399px;} .text-history span{font-size: 24px; width:100%;color: #004B6A;float: left;font-weight: bold;} .main-his{padding-left:0px;} .about-b-1{width: 100%;float: right;margin-top: -15%;} .margin{margin-right:0px; padding-right:0px;/* background: #FFEAEA; */padding-left: 0px;} .historical-main{ /* background:url(../images/bg-about.png); */ background-size:cover; height: 100%; background:url(../images/about-us/history-1.png) no-repeat; background-position: 50% 68px; background-repeat: no-repeat; display: table; width: 100%; height: 400px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-attachment: fixed; padding: 0px; margin: 0px; } .cap-main{ /* background:url(../images/bg-about.png); */ background-size:cover; /* height: 100%; */ /* background: url(../images/cap/bg.png); */ background-position: 50% 68px; background-repeat: no-repeat; /* display: table; */ width: 100%; /* height: 400px; */ -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-attachment: fixed; padding: 0px; margin: 0px; margin-top: :; } .sus-main{ /* background:url(../images/bg-about.png); */ background-size:cover; height: 100%; background: url(../images/sus/bg-sus.png); background-position: 50% 68px; background-repeat: no-repeat; display: table; width: 100%; height: 400px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-attachment: fixed; padding: 0px; margin: 0px; } .mission-main{ /* background:url(../images/bg-about.png); */ background-size:cover; height: 100%; background: url(../images/mission/bg-mission.png); background-position: 40% -56px; background-repeat: no-repeat; display: table; width: 100%; height: 400px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-attachment: fixed; padding: 0px; margin: 0px; margin-top: 56px; } /*---bg-food---*/ .bg-food{ /* background:url(../images/bg-about.png); */ background-size:cover; height: 100%; background: url(../images/bg-foods.jpg); background-position: 40% -56px; background-repeat: no-repeat; display: table; width: 100%; height: 400px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-attachment: fixed; padding: 0px; margin: 0px; margin-top: 56px; } /*---bg-beverage---*/ .bg-beverage{ /* background:url(../images/bg-about.png); */ background-size:cover; height: 100%; background: url(../images/bg-bevrage.jpg); background-position: 40% -56px; background-repeat: no-repeat; display: table; width: 100%; height: 400px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-attachment: fixed; padding: 0px; margin: 0px; margin-top: 56px; } /*---bg-pharma--*/ .bg-pharma{ /* background:url(../images/bg-about.png); */ background-size:cover; height: 100%; background: url(../images/pharma-bg.jpg); background-position: 40% -56px; background-repeat: no-repeat; display: table; width: 100%; height: 400px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-attachment: fixed; padding: 0px; margin: 0px; margin-top: 56px; } /*---bg-cosmitecs--*/ .bg-cosmitecs{ /* background:url(../images/bg-about.png); */ background-size:cover; height: 100%; background: url(../images/cosmitecs-bg.jpg); background-position: 40% -56px; background-repeat: no-repeat; display: table; width: 100%; height: 400px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-attachment: fixed; padding: 0px; margin: 0px; margin-top: 56px; } .container-historical{width: 94%;margin:0 auto;} .about-b-2{margin-top: -7%;width: 96%;float: right;margin-left: -18%;} .banner-2his{ width:100%; float:left; background:url(../images/about-us/banner-2his.png); background-size: 100%; background-position: 86% -10px; background-repeat: no-repeat; display: table; width: 100%; height: 440px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-attachment: fixed; padding: 0px; margin: 0px; } .banner-mission{ width:100%; float:left; background:url(../images/mission/banner-1.png); background-size: 100%; background-position: 48% -66px; background-repeat: no-repeat; display: table; width: 100%; height: 665px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-attachment: fixed; padding: 0px; margin: 0px; margin-bottom: 82px; } .banner-mission p{text-align:center;color: #fff;margin-top: 35px !important;padding-top: 30px;} .banner-mission hr{text-align:center; } .pi-section { max-width: 1120px; margin: 0 auto; padding: 60px 40px 40px; position: relative; } .pi-titlebar { padding-top: 50px; padding-bottom: 50px; } .our-history-hr{width:40px;border: 3px solid #DDAB0D;margin: 0 auto;text-align: left;/* margin-left: 60px; */float: left;} .pi-slider {color:#fff;width: 40%;margin: 0 auto;margin-top: 181px;font-size: 25px;text-align: center;} .main-time-line{width:60%; margin:0 auto} /*--time-line--*/ .cd-container { /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */ width: 90%; max-width: 1170px; margin: 0 auto; } .cd-container::after { /* clearfix */ content: ''; display: table; clear: both; } /* -------------------------------- Main components -------------------------------- */ header { /* height: 200px; */ /* line-height: 200px; */ /* text-align: center; */ /* background: #303e49; */ } header h1 { color: white; font-size: 18px; font-size: 1.125rem; } @media only screen and (min-width: 1170px) { header { /* height: 300px; */ /* line-height: 300px; */ } header h1 { font-size: 24px; font-size: 1.5rem; } } #cd-timeline { position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 2em; } #cd-timeline::before {/* this is the vertical line */ content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #DDAB0D; } @media only screen and (min-width: 1170px) { #cd-timeline { margin-top: 0em; margin-bottom: 3em; MARGIN-LEFT: 27PX; } #cd-timeline::before { /* left: 50%; */ margin-left: 5px; } } .cd-timeline-block { position: relative; margin: 2em 0; } .cd-timeline-block:after { content: ""; display: table; clear: both; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } @media only screen and (min-width: 1170px) { .cd-timeline-block { margin: 1em 0; float: left; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } } .cd-timeline-img { position: absolute; top: 0; left: -10px; width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); background: #DDAB0D !important; } .cd-timeline-img img { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; } .cd-timeline-img.cd-picture { background: #75ce66; } .cd-timeline-img.cd-movie { background: #c03b44; } .cd-timeline-img.cd-location { background: #f0ca45; } @media only screen and (min-width: 1170px) { .cd-timeline-img { width: 86px; height: 86px; left: 1%; margin-left: -30px;/* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; float: left; background: #DDAB0D !important; } .cd-timeline-img p{padding: 20%;padding-top: 29%;} .cssanimations .cd-timeline-img.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-img.bounce-in { visibility: visible; -webkit-animation: cd-bounce-1 0.6s; -moz-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s; } } @-webkit-keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes cd-bounce-1 { 0% { opacity: 0; -moz-transform: scale(0.5); } 60% { opacity: 1; -moz-transform: scale(1.2); } 100% { -moz-transform: scale(1); } } @keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .cd-timeline-content { position: relative; margin-left: 60px; /* background: white; */ border-radius: 0.25em; padding: 1em; /* box-shadow: 0 3px 0 #d7e4ed; */ } .cd-timeline-content:after { content: ""; display: table; clear: both; } .cd-timeline-content h2 { color: #303e49; } .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 13px; /* font-size: 0.8125rem; */ } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block; } .cd-timeline-content p { /* margin: 1em 0; */ /* line-height: 1.6; */ } .cd-timeline-content .cd-read-more { float: right; padding: .8em 1em; background: #acb7c0; color: white; border-radius: 0.25em; } .no-touch .cd-timeline-content .cd-read-more:hover { background-color: #bac4cb; } .cd-timeline-content .cd-date { float: left; padding: .8em 0; opacity: .7; } .cd-timeline-content::before { /* content: ''; */ position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid white; } @media only screen and (min-width: 768px) { .cd-timeline-content h2 { font-size: 20px; font-size: 1.25rem; } .cd-timeline-content p { font-size: 16px; /* font-size: 1rem; */ } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 14px; font-size: 0.875rem; } } @media only screen and (min-width: 1170px) { .cd-timeline-content { /* margin-left: 0; */ /* padding: 1.6em; */ width: 100%; float: left; } .cd-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: white; } .cd-timeline-content .cd-read-more { float: left; } .cd-timeline-content .cd-date { position: absolute; /* width: 100%; */ left: 122%; top: 6px; font-size: 16px; font-size: 1rem; } .cd-timeline-block:nth-child(even) .cd-timeline-content { /* float: right; */ } .cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: white; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; /* right: 122%; */ text-align: right; } .cssanimations .cd-timeline-content.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; } } @media only screen and (min-width: 1170px) { /* inverse bounce effect on even content blocks */ .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in { -webkit-animation: cd-bounce-2-inverse 0.6s; -moz-animation: cd-bounce-2-inverse 0.6s; animation: cd-bounce-2-inverse 0.6s; } } @-webkit-keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes cd-bounce-2 { 0% { opacity: 0; -moz-transform: translateX(-100px); } 60% { opacity: 1; -moz-transform: translateX(20px); } 100% { -moz-transform: translateX(0); } } @keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -moz-transform: translateX(100px); } 60% { opacity: 1; -moz-transform: translateX(-20px); } 100% { -moz-transform: translateX(0); } } @keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } .years-p{font-size: 21px;color: #fff;padding: 6%;padding-top: 24%;} .cap-sec-3{ background:url(../images/cap/bg-2.png); background-size:cover;float: left;width: 100%;} .cap-sec-1 img{width:100%; height:auto;} .cap-sec-1 h3{color: #004B6A;} .cap-sec-1 p{font-size:14px;width: 100%;padding-bottom: 16px;} .sec-3-img{width: 89%; float:left;padding-top: 39px;margin-left: 5%;} .mission-banner{width: 68%; margin: 0 auto;} .mission-banner img{width:100%;} .p-mission{font-size: 19px;padding-top: 0px !important;margin-top: !important;} /*--product-online--*/ .main-banner{width:100%;float:left;margin-top: 33px;margin-bottom: 47px;} .glyphicon { margin-right:5px; } .thumbnail { margin-bottom: 20px; padding: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; float: left; } .item.list-group-item { float: left; width: 100%; background-color: #fff; margin-bottom: 10px; } .media:first-child{margin-top: 15px} .item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover { /* background: #428bca; */ } .item.list-group-item .list-group-image { margin-right: 10px; } .item.list-group-item .thumbnail { margin-bottom: 0px; float: left; width: 100%; } .item.list-group-item .caption { padding: 9px 9px 0px 9px; float: left; } .item.list-group-item:nth-of-type(odd) { /* background: #eeeeee; */ } .item.list-group-item:before, .item.list-group-item:after { display: table; content: " "; } .item.list-group-item img { float: left; } .item.list-group-item:after { clear: both; } .list-group-item-text { margin: 0 0 11px; float: right; line-height: 23px; text-align: right; margin-right: 5px; } .first-item-media{margin-top: 15px !important;} .main-list-ico{width:100%; float:left;background: none;border: none;margin-bottom: 0px;padding: 0px;} .img-catalog{/* width:100%; */} .more-one-item{color: #DCAA0F;/* font-weight:bold; */} .product-title-catalogue{color: #747E7F;/* float: left; *//* width: 100%; */text-align: center;} .icon-color{color: #DCAA0C;font-size: 20px !important;padding-right: 3px;line-height: 22px;} .mainfilter{background: rgba(66, 139, 202, 0.13);margin-top: 12px;border: 1px solid #DFE7EB;/* border-radius: 6px; */width: 99.5%;margin-left: 0.3%;text-align: center;float: left;} .mainfilter form{padding:10px;} .caption{border: 1px solid #DDDDDD;padding: 0px !important;float: left;padding-left: 0px !important;padding-top: 7px !important;width: 100%;/* background: rgba(0, 75, 106, 0.1); */ } .classic-title { margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px solid #eee; font-weight: 300; } .btn-system { width: 199px; padding: 5px; background: #E2AA0F; margin-bottom: 30px; color: #fff; border: 1px solid rgb(198, 147, 6); } .classic-title span { padding-bottom: 8px; border-bottom: 1px solid; font-weight: 400; } .big-title { margin-bottom: 20px; } .big-title h1, .big-title h2 { font-size: 26px; line-height: 32px; font-weight: 300; } .big-title h1 strong, .big-title h2 strong { font-weight: 400; } .big-title .title-desc { font-size: 16px; line-height: 22px; color: #666; } .big-title h2 + .title-desc, .big-title h1 + .title-desc { margin-top: 4px; } widget-search input[type="search"], #contact-form input[type="text"], #contact-form textarea, #respond input[type="text"], #respond textarea, .email { color: #666fb5; font-size: 13px; font-family: 'Open Sans', sans-serif; border: 1px solid #eee; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; outline: none; width: 100%; padding: 7px 14px; display: block; margin-bottom: 10px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .widget-search input[type="search"]:focus, #contact-form input[type="text"]:focus, #contact-form textarea:focus, #respond input[type="text"]:focus, #respond textarea:focus { border-color: #ddd; box-shadow: 0 0 3px #eee; -o-box-shadow: 0 0 3px #eee; -moz-box-shadow: 0 0 3px #eee; -webkit-box-shadow: 0 0 3px #eee; } .mail_response { border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 15px; } .name-missing, .email-missing, .message-missing { opacity: 0; color: #ED2C3A; margin-left: 10px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .error-page { padding: 90px 0; text-align: center; } .error-page h1 { font-size: 160px; line-height: 140px; font-weight: 700; color: #333; } .error-page h3 { font-size: 64px; line-height: 70px; font-weight: 300; } .error-page p { font-size: 22px; line-height: 28px; color: #666; margin-bottom: 25px } #map { position: relative; height: 350px; width: 100%; } .classic-title span { border-bottom-color: #DCAA0F; color: #DCAA0F; } .portfolio-filter li a:hover { color: #ee3733; } .portfolio-filter li a.selected { border-color: #ee3733; background-color: #ee3733; } .portfolio-item:hover .portfolio-details h4 { color: #ee3733; } .project-content h4 span { border-bottom-color: #ee3733; } .recent-projects h4.title span { border-bottom-color: #ee3733; } ul.post-meta li a:hover { color: #ee3733; } ul.icons-list { margin-bottom: 6px; font-size: 13px; color: gray; } ul.icons-list li i{color: #DCAA0F;} ul.icons-list li, ul.list-unstyled li { margin-bottom: 4px; } ul.icons-list li i { font-size: 16px; margin-right: 4px; width: 21px; } .maincontact{/* margin-top: 89px; */} h2.ss-subtitle{ padding: 10px 10px 40px; font-size: 52px; text-transform: uppercase; color: rgba(0,0,0,0.8); position: relative; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); } h2.ss-subtitle:before{ width: 4px; height: 40px; background: rgba(17,17,22,0.8); content: ''; position: absolute; right: 75%; margin-right: -4px; bottom: -4px; -moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; } h2.ss-subtitle:after{ width: 25%; height: 0px; border-bottom: 4px dotted rgba(17,17,22,0.8); content: ''; position: absolute; right: 50%; margin-right: -1px; bottom: -4px; } .ss-links{ position: fixed; right: 10px; top: 528px; width: 25%; z-index: 100; } .ss-links a{ background: rgb(221, 171, 13); font-size: 16px; width: 40px; height: 40px; line-height: 40px; margin: 5px; color: #fff; float: left; border-radius: 50%; display: block; text-align: center; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; -ms-transition: background 0.2s linear; transition: background 0.2s linear; } .ss-links a:hover{ background: rgba(0,0,0,0.4); } .ss-container{ width: 100%; position: relative; text-align: left; float: left; overflow: hidden; padding-bottom: 500px; } .ss-container h2{ font-size: 40px; text-transform: uppercase; color: rgb(221, 171, 13); text-shadow: 0px 1px 1px #fff; padding: 20px 0px; } .ss-container:before{ position: absolute; width: 4px; background: rgb(221, 171, 13); top: 0px; left: 50%; margin-left: -2px; content: ''; height: 100%; } .ss-row{ width: 100%; clear: both; float: left; position: relative; padding: 30px 0; } .ss-left, .ss-right{ float: left; width: 48%; position: relative; } .ss-right{ padding-left: 2%; } .ss-left{ text-align: right; float: left; padding-right: 2%; } .ss-circle{ border-radius: 50%; overflow: hidden; display: block; text-indent: -9000px; text-align: left; /* -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.7) inset, 0px 0px 0px 12px rgba(61,64,85,0.3); */ -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.7) inset, 0px 0px 0px 12px rgba(61,64,85,0.3); /* box-shadow: 0px 2px 5px rgba(0,0,0,0.7) inset, 0px 0px 0px 12px rgba(61,64,85,0.3); */ background-size: cover; background-color: #f0f0f0; background-repeat: no-repeat; background-position: center center; position: static; } .ss-small .ss-circle{ width: 100px; height: 100px; } .ss-medium .ss-circle{ width: 400px; height: 400px; } .ss-large .ss-circle{ width: 400px; height: 400px; } .ss-circle-deco:before{ width: 29%; height: 0px; border-bottom: 5px dotted #ddd; border-bottom: 5px dotted rgba(17, 17, 22, 0.3); -webkit-box-shadow: 0px 1px 1px #fff; -moz-box-shadow: 0px 1px 1px #fff; box-shadow: 0px 1px 1px #fff; position: absolute; top: 50%; content: ''; margin-top: -3px; } .ss-circle-deco:after{ width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; content: ''; position: absolute; top: 50%; margin-top: -10px; } .ss-left .ss-circle-deco:before{ right: 2%; } .ss-right .ss-circle-deco:before{ left: 2%; } .ss-left .ss-circle-deco:after{ right: 0; border-right: 10px solid rgba(17,17,22,0.8); } .ss-right .ss-circle-deco:after{ left: 0; border-left: 10px solid rgba(17,17,22,0.8); } .ss-left .ss-circle{ float: right; margin-right: 30%; } .ss-right .ss-circle{ float: left; margin-left: 30%; } .ss-container h3{ margin-top: 34px; padding: 10px 15px; background: rgba(255, 255, 255, 0); /* text-shadow: 1px 1px 1px rgba(26, 27, 33, 0.8) */ } .ss-container .ss-medium h3{ margin-top: 82px; } .ss-container .ss-large h3{ margin-top: 133px; } .ss-container .ss-left h3{ border-right: 5px solid rgba(164,166,181,0.8); } .ss-container .ss-right h3{ border-left: 5px solid rgba(164,166,181,0.8); } .ss-container h3 span{ color: rgb(221, 171, 13); font-size: 25px; display: block; padding-bottom: 5px; font-style: italic; } .ss-container h3 a{ font-size: 21px; color: rgb(118, 118, 118); display: block; text-decoration: none; } .ss-container h3 a:hover{ color: rgb(118, 118, 118) } .ss-circle-1{ background-image:url(../images/about-us/1.jpg); } .ss-circle-2{ background-image: url(../images/about-us/2.jpg); } .ss-circle-3{ background-image: url(../images/about-us/3.jpg); } .ss-circle-4{ background-image: url(../images/about-us/4.jpg); } .ss-circle-5{ background-image: url(../images/about-us/5.jpg); } .ss-circle-6{ background-image: url(../images/about-us/6.jpg); } .ss-circle-7{ background-image: url(../images/about-us/7.jpg); } .ss-circle-8{ background-image: url(../images/about-us/8.jpg); } .ss-circle-9{ background-image: url(../images/about-us/9.jpg); } .ss-circle-10{ background-image: url(../images/about-us/10.jpg); } .ss-circle-11{ background-image: url(../images/about-us/11.jpg); } .ss-circle-12{ background-image: url(../images/about-us/12.jpg); } .ss-circle-13{ background-image: url(../images/about-us/13.jpg); } .ss-circle-14{ background-image: url(../images/about-us/14.jpg); } .ss-circle-15{ background-image: url(../images/about-us/15.jpg); } .ss-circle-16{ background-image: url(../images/about-us/16.jpg); } .ss-circle-17{ background-image: url(../images/about-us/17.jpg); } .ss-circle-18{ background-image: url(../images/about-us/18.jpg); } .ss-circle-19{ background-image: url(../images/about-us/19.jpg); } .ss-circle-20{ background-image: url(../images/about-us/20.jpg); } .ss-circle-21{ background-image: url(../images/about-us/21.jpg); } .ss-circle-22{ background-image: url(../images/about-us/22.jpg); } .ss-circle-23{ background-image: url(../images/about-us/23.jpg); } .ss-circle-24{ background-image: url(../images/about-us/24.jpg); } .ss-circle-25{ background-image: url(../images/about-us/25.jpg); } .ss-circle-26{ background-image: url(../images/about-us/26.jpg); } .ss-circle-27{ background-image: url(../images/about-us/27.jpg); } .ss-circle-28{ background-image: url(../images/about-us/28.jpg); } .ss-circle-29{ background-image: url(../images/about-us/29.jpg); } .ss-circle-30{ background-image: url(../images/about-us/30.jpg); } .table-striped td { font-size:12px; } .vision{width:100%;text-align: center;float: left;} .about-hr{float:left;} .pagination-landing ul{margin:0px} .product-title{color: #ddab0d !important} .img-product{border: 1px solid #DDDDDD;} .download-pdf{float:right;width: 39%;} .download-pdf p{ float: left; margin-right: 11px; color: #004B6A; } .download-pdf i{ font-size: 28px; color: #DDAB0D; } .glass-process{ width: 54%; /* float:right; */ margin-top: 61px; margin: 0 auto; } .main-process{width: 100%;/* margin:0 auto; */margin-top: 72px;} #containingBlock { width: 100%; margin-bottom: 145px; float: left; } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; /* height: 0; */ } .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sec-title{width: 44%; margin:0 auto;} .img-cap{width:100%;margin-bottom: 46px;margin-top: 22px;} .nopadding{padding:0px;/* margin-bottom: 31px; */} .text-center-cap{width:100%; padding:0px;padding-top: 29px;/* background: rgba(222, 219, 219, 0.37); */text-align: center;} .text-center-cap p{text-align:center} /*--slider--*/ .slider_container{/* width:920px; */ margin:auto; clear:both; background:url(images/shadow_top.html) no-repeat top center;/* padding:30px 0 0 0; */} .flex-caption{position: absolute;/* right: 28%; */top: -309px;width: 100%;} .caption_title_line{/* width:450px; *//* height:75px; *//* padding:5px 15px 10px 15px; *//* background:url(images/slider_caption_bg.png) repeat; */color: #303030;} .flex-caption h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;} .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 100%; margin: 0; padding: 0 0 30px 0;background:url(images/shadow_bottom.html) no-repeat center bottom;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;/* border:10px #ededed solid; */} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;} /* Direction Nav */ .flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:11px; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li a.next {background:url(../images/cap/next.png) no-repeat center; bottom:184px;} .flex-direction-nav li a.prev {background:url(../images/cap/prev.png) no-repeat center;bottom:141px;} .flex-direction-nav li a.next:hover {background:url(../images/cap/next_a.png) no-repeat center;} .flex-direction-nav li a.prev:hover {background:url(../images/cap/prev_a.png) no-repeat center;} .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} /* Media Queries /*-----------------------------------------------------------------------------------*/ @media screen and (max-width: 1000px) { .slider_container{ width:90%; margin:0 0 0 2%; clear:both; background:none; padding:30px 0 0 0;} .flexslider {width: 100%; margin: 0; padding:0 0 30px 0;background:none;} .flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:-10px; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li a.next {background:url(../images/cap/next.png) no-repeat center; bottom:85px;} .flex-direction-nav li a.prev {background:url(../images/cap/prev.png) no-repeat center;bottom:40px;} .flex-caption { display:none;} } .sec-title p{text-align: left;} .ul-cap{text-align: left;} #MainMune{float:none;background: #fff;} @media screen and (max-width: 786px) { .nav-ul{width:auto;height: 440px !important;max-height:none !important;}.banner{margin-top:0px}.nav-ul>li>a {color:gray !important;text-align:left;}.navbar-collapse {max-height:none !important}} .more-details a{color:#ddab0d} #team a{color:#fff;} #myform{ text-align: center; padding: 7px; border: 1px solid #DDD; /* margin: 2%; */ background: #EEE; width: 100%; border-right: none; border-left: navajowhite; } .qty { width:auto; height: 36px; text-align: center; border: 1px solid #D9D9D9; outline: none; } .qty-main-item{background: #fff !important;border: none !important;} input.qtyplus {width: 36px;height: 36px;margin-left: -4px;background: #fff;border: 1px solid #D9D9D9;outline: none;} input.qtyminus {width: 36px;height: 36px;margin-right: -4px;background: #fff;border: 1px solid #D9D9D9;outline: none;} .addtoquote{background: none;margin: 0 auto;text-align: center;width: 100%;color: #DCAB0E;/* font-weight: bold; */font-size: 14px;border: none;outline: none;} .addtoquote i{margin-right:6px;border: 1px solid #DCAA0B;padding:2px;border-radius:3px;color: #DCAA0B;} .main-item{margin-bottom:20px;margin-top: 111px;} .main-add-to-quote{border: 1px solid #DDDDDD;padding: 4px 0px;width: 102%;} .main-add-to-quote #myform{text-align:left;} .main-add-to-quote button{float:left;margin-top: 8px;background: #E0AB0D;border: 1px solid #CF9D07;color: #fff;} .main-quotaion{margin-top: -20px;} .content table{ width: 100%; } .woocommerce table.shop_table.cart div.product-thumbnail { padding-right: 30px; } .woocommerce table.shop_table.cart div.product-thumbnail img { width: 75px; height: auto; } .woocommerce table.cart td.product-name div.product-name-price, .woocommerce table.cart .product-thumbnail { vertical-align: middle; display: table-cell; } .woocommerce table.shop_table.cart th.product-subtotal, .woocommerce table.shop_table.cart td.product-subtotal { text-align: right; padding-right: 0; font-weight: 700; } .woocommerce table.shop_table.cart td { padding: 18px 0px; vertical-align: middle; } .woocommerce .cart-collaterals .cart_totals h2, #payment h2, h2#order_review_heading { margin: 10px 0 20px; text-align: center; } .woocommerce table.shop_table.cart thead { border-bottom-width: 2px; border-bottom-style: solid; } .woocommerce .cart-collaterals .cart_totals tbody tr.order-total { border-top-width: 2px; border-top-style: solid; } table.shop_table.cart td.product-remove a { display: block; width: 20px; height: 20px; line-height: 18px; text-align: center; border: 1px solid #D6D6D6; /* opacity: 0.5; */ } table.shop_table.cart td.product-remove a:hover { opacity: 1; } .woocommerce table.shop_table.cart tbody .cart_item { border-bottom-width: 1px; border-bottom-style: solid;} /* Request Quote List */ #yith-ywraq-form td.actions { text-align: right; } #yith-ywraq-form td.actions input.button { padding: 8px 25px; border-width: 2px; } /* end yith woocommerce requesta a quote */ /* yith woocommerce cart message */ .woocommerce-cart-notice a.button { position: absolute; top: 13px; right: 13px; padding: 8px 25px; } .quote{color: #DDAB0D;} .quote-img{width:70px;padding:10px;border: 1px solid #D6D6D6;} .message-quotation{min-height:100px;} .submit-quotation{float:right;background: #DDAB0D;margin-bottom:20px;border: 1px solid #A78003;color: #fff;} .title-quote{color:gray} .submit-quotation:hover{background: #FFC200} .arrows-main{float:right;} #newsticker-demo {width: 100%;/* background:#EAF4F5; */padding:5px 5px 0;/* font-family:Verdana,Arial,Sans-Serif; */padding: 15px;/* font-size:12px; */margin:20px auto;border: 1px solid #DFDFDF;} #newsticker-demo a { text-decoration:none; } #newsticker-demo img {border: 2px solid #FFFFFF;border-right: 1px dotted #B0AEAE;padding-right: 50px;} #newsticker-demo .title { text-align:center; font-size:14px; font-weight:bold; padding:5px; } .thumbnail>img, .thumbnail a>img{height:359px;} .thumbnail a{height:380px; } .caption a{height:25px !important;} .newsticker-jcarousellite {width: 100%;height: 900px !important;} .newsticker-jcarousellite ul li{list-style:none;height: auto !important;display:block;padding-bottom:1px;margin-bottom:5px;border-bottom: 1px dotted #CCCBCB;padding: 20px 0;} .newsticker-jcarousellite .thumbnail {float:left;/* width:110px; */} .newsticker-jcarousellite .info {float: left;/* width:190px; */} .newsticker-jcarousellite .info span.cat {display: block;/* font-size:10px; */color:#808080;} .text-news{text-align:left;margin-top: 2px;} .diffrent{color:yellow} .notifactions-num{border-radius: 26%;width: 22px;height: 23px;background: #DDAB0D;color:#fff;position: absolute;text-align: center;top: 7px;font-size: 12px;left: 136px;} .about-drop{ cursor: pointer; /* background: #004B6A !important; */ color: #004B6A !important; } .about-drop-ul li{height: 45px;} .about-drop-ul li a{padding-top: 0px !important;} .news-title{color: #DDAB0D;font-size: 20px;} .main-latest-title{color: #004B6A;font-size: 22px;background: rgba(0, 75, 106, 0.1);padding: 12px;width: 100%;margin-top: 89px;} .news-main{ background:url(../images/news-bg.jpg); background-size:cover;height: 100%;float: left;width: 100%;} .margin-career{margin-top:40px;border-right: 1px dotted #C1C0C0;} .margin-career hr{float:left;margin-left: 60px;} .margin-career p{float: left;margin-top: 15px;} .table-opportunities>tbody>tr:nth-child(odd){background: rgba(0, 75, 106, 0.08);} .table-opportunities th{color: #DDAB0D;} .table-opportunities{margin-bottom:70px} .table-opportunities a{text-decoration:underline} .img-career{width:70%;} .apply-main{ background-size:cover; height: 100%; background: url(../images/career/bg-apply.jpg); background-position: 40% -56px; background-repeat: no-repeat; display: table; width: 100%; height: 400px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-attachment: fixed; padding: 0px; margin: 0px; /* margin-top: 56px; */ } .apply-main-text{margin-top:50px;} .table-apply{ background:#fff} .apply-form{margin-top:40px; background:#fff;} .apply-form hr{float:left;margin-left: 60px;} .post-resume-form{float:left;width:100%;background: #fff;padding: 14px;} .post-job-form .upload, .post-resume-form .upload{ width: 117px; height: 38px; background:; /* overflow: hidden; */ /* border-radius:20px; */ -moz-border-radius:20px; /* -webkit-border-radius:20px; */ background:#fcfcfc url(../images/career/uploadbutton.jpg)left no-repeat; } .post-job-form .upload input, .post-resume-form .upload input{ width: 91px !important; height: 23px !important; opacity: 0 !important; text-align:center; cursor:pointer; } .job-details{color: #DDAB0D;font-weight: bold;} .job-details-ul li{list-style-type: circle;/* list-style: disc; */margin-left: 18px;} .main-cat-home{margin-top:20px;/* float: left; */box-shadow: 0 0 black;} /* Tabs container */ .r-tabs { position: relative; /* background-color: rgba(228, 231, 230, 0.42); */ margin-top: 24px; /* border-top: 1px solid #00c5ad; */ /* border-right: 1px solid #00c5ad; */ /* border-left: 1px solid #00c5ad; */ /* border-bottom: 4px solid #00c5ad; */ border-radius: 4px; margin-top: 81px; } /* Tab element */ .r-tabs .r-tabs-nav .r-tabs-tab { position: relative; background-color: rgba(225, 224, 224, 0.41); width: 50%; float: left; text-align: center; margin-bottom: 27px; border: 1px solid rgba(209, 209, 209, 0.3); border-bottom: 0px; } /* Tab anchor */ .r-tabs .r-tabs-nav .r-tabs-anchor { display: inline-block; padding: 10px 12px; text-decoration: none; /* text-shadow: 0 1px rgba(0, 0, 0, 0.4); */ font-size: 14px; font-weight: bold; color: #004B6A; padding: 12px; } /* Disabled tab */ .r-tabs .r-tabs-nav .r-tabs-state-disabled { opacity: 0.5; } /* Active state tab anchor */ .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { color: #DDAB0D; text-shadow: none; background-color: white; border-top-right-radius: 4px; border-top-left-radius: 4px; padding-bottom: 12px; } /* Tab panel */ .r-tabs .r-tabs-panel { background-color: white; border-bottom: 4px solid white; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 80%; margin: 0 auto; } /* Accordion anchor */ .r-tabs .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #00c5ad; color: #fff; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(0, 0, 0, 0.4); font-size: 14px; border-top-right-radius: 4px; border-top-left-radius: 4px; } /* Active accordion anchor */ .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #fff; color: #00c5ad; text-shadow: none; } /* Disabled accordion button */ .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; } /* Buttons */ button { display:inline-block; margin-top: 10px; margin-right: 10px; padding: 10px 20px; line-height: 100%; color: #fff; font-size: 14px; text-align: center; text-shadow: 0 1px rgba(0, 0, 0, 0.3); vertical-align: middle; font-weight: bold; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #00c5ad; /* box-shadow: 0px 3px 0px 0px #00ab94; */ cursor: pointer; } /* Info bar */ .info { display:inline-block; margin-top: 10px; margin-right: 10px; padding: 10px 20px; width: 300px; line-height: 100%; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 14px; color: #00c5ad; border: 2px solid #00ab94; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; cursor: pointer; } .img-process{width:100%;border-radius: 9px;} .title-process{ font-size: 27px; color: #e3ab0d; } .background-gray{background: #f8f8f8;padding: 24px;margin-bottom: 20px;border: 1px solid rgba(128, 128, 128, 0.11);} .height-line{margin-top: 8px;float: right;padding-bottom: 15px;} .no-padding{padding:0px !important;/* float: left; *//* width: 100%; */} .bg-gray{background: rgba(128, 128, 128, 0.08);padding: 21px;float: left;width: 100%;} .bg-capab{background: rgba(128, 128, 128, 0.2);padding: 21px;float: left;width: 100%;margin-top: 119px;margin-bottom: 96px;} .bg-inside{background:gray; margin-top:20px} .img-gurenty{margin:0 auto; margin-bottom:30px} .image-max{max-width: 62% !important;} .contact-banner{width:100%} /*--new-header--*/ .text-welcome{color:gray; font-size:14px;} .red-color{color: #f1ba0c;font-weight: bold;} .right-line{border-right:1px solid gray;} .max-container{max-width:80%;margin:0 auto;margin-bottom: 10p;} .img-flag{float:left;width: 20px;margin-right: 5px;padding: 8px 0px;} .flag-link{font-size:12px;float: left;margin: 0 5px 0 0;} .left-side li{line-height:22px;float:left;list-style:none;border-right: 1px solid #c5c5c5;padding: 4px;font-size: 13px !important;margin-top: 3px;color: #818181;padding: 0 8px;} .left-side p{margin:0px;padding: 5px 0px;} .title h2{color:gray; font-size:18px;} .left-side{padding-left: 6px;float:left;margin-bottom: 0px;} .main-background{background: rgba(245, 245, 245, 0.6);/* padding-bottom: 7px; */border-bottom: 1px solid #e3e3e3;/* margin-bottom: 18px; */z-index: 222;/* position: relative; */} .logo-e3050{/* max-width: 180px; */width: 100%;} .search-input{ border: 1px solid #ddd; color: #555; font-size: 14px; font-family: "Raleway", sans-serif; height: 40px; padding: 10px 55px 10px 10px; width: 100%;} .menu-e3050{font-size:30px !important;max-width: 38px;/* margin-right: 4%; */width: 100%;float: left;margin-top: 8px;} .submit-search{ border: medium none; color: #fff; height: 100%; position: absolute; right: 0; top: 0; background: #c20a0a; width: 50px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .inside-drop{z-index:2222;margin-top: 9px;} .inside-drop li{border-right:none;font-size: 15px !important;width: 100% !important;padding: 0px !important;} .inside-drop li a{line-height: 27px !important;color: gray !important;} .arrow-down{margin-top:7px !important} .related-product{ width:100% !important; } .btn-kandil{ border-radius: 3px; background-color: #DDAB0D; color: #ffffff; border: 1px solid #816201; margin-top: -173px; padding: 15px 50px; font-weight: normal; float: right; } .no-padding>.banner{width:85%; margin:0 auto; float:none} /* Tablet Layout: 768px. Gutters: 24px. Outer margins: 28px. Inherits styles from: Default Layout. ----------------------------------------------------------------- cols 1 2 3 4 5 6 7 8 px 68 160 252 344 436 528 620 712 */ @media only screen and (min-width: 768px) and (max-width: 991px) { /* Start About responsive */ .pi-slider { color: #fff; width: 100%; font-size: 22px; text-align: center; } .p-paragraphe { width: 90%; } .ss-links { position: initial; right: 10px; top: 528px; width: 25%; z-index: 100; } .about_container{ max-width:117%; width:117%; } /* End About responsive */ .filter_collapse:not(.show) { display: none; } .filter_collapse { display: none; visibility: collapse; } .product_row{ flex-direction:row-reverse; } .product-about { margin-left: 20%; } header .app-showcase img { max-width: 100%; } header .block .logo { margin-bottom: 35px; } .download-btn a img { width: 150px; } #service .block h3 { font-size: 22px; } #service .block p { padding: 0; font-size: 15px; } #showcase .block img { max-width: 100%; margin-bottom: 0; padding-bottom: 40px; } #feature { padding: 80px 0; } #team .media .pull-left { padding-right: 3px !important; } #team .media .pull-left { /* width: 100px; */ padding-right: 10px; } #team .media .media-heading { margin-top: 10px; font-size: 16px; } #team .media p { font-size: 14px; } .intro-section{ max-height:335px !important; } .intro-slide{ height:350px !important; } .designbanner { height: 340px; } .footer-32892{ width:100%; } } /* Mobile Layout: 320px. Gutters: 24px. Outer margins: 34px. Inherits styles from: Default Layout. --------------------------------------------- cols 1 2 3 px 68 160 252 */ @media only screen and (max-width: 767px) { /* Start About responsive */ .pi-slider { color: #fff; width: 100%; font-size: 22px; text-align: center; } .p-paragraphe { width: 90%; } .ss-links { position: initial; right: 10px; top: 528px; width: 25%; z-index: 100; } .about_container { max-width: 100%; width: 100%; } /* End About responsive */ .filter_collapse:not(.show) { display: none; } .filter_collapse { display: none; visibility: collapse; } .product_row { flex-direction: row-reverse; } .product-about { margin-left: 20%; } .intro-section { max-height: 335px !important; } .intro-slide { height: 350px !important; } .designbanner { height: 340px; } .footer-32892 { width: 100%; } header .app-showcase img { max-width: 100%; } header .block .logo { margin-bottom: 20px; } header .block p { color: #fff; } .download-btn a img { width: 130px; } #showcase { padding-bottom: 50px; } #showcase .block img { max-width: 100%; margin-bottom: 0; } #feature { padding: 80px 0; } #team .media { margin-bottom: 20px; } #team .media .pull-left { /* width: 130px; */ padding-right: 10px; } #team .media .media-heading { margin-top: 10px; font-size: 18px; } #team .media p { font-size: 14px; } } /* Wide Mobile Layout: 480px. Gutters: 24px. Outer margins: 22px. Inherits styles from: Default Layout, Mobile Layout. ------------------------------------------------------------ cols 1 2 3 4 5 px 68 160 252 344 436 */ /* Retina media query. Overrides styles for devices with a device-pixel-ratio of 2+, such as iPhone 4. ----------------------------------------------- */ .product_link{ color:white; } .NoItemsFound{ padding-left: 45%; padding-top: 5%; color: #D2B99F; } .LoadingProductList{ width: 20%; margin-left: 39%; } .NoNewsFound{ padding-left:45%; } .toast-title { font-weight: 800; font-size:10px } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; font-weight: 600; font-size: 10px }.toast-message a,.toast-message label{color:black}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:1;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303 !important}.toast-success{background-color:#51a351 !important}.toast-error{background-color:#bd362f !important}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}