/*! normalize.css v1.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Address `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /** * Address margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address font sizes and margins set differently in IE 6/7. * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } /** * Address styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. * Known issue: no IE 6/7 normalization. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /** * Address margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /** * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /** * Address CSS quotes not supported in IE 6/7. */ q { quotes: none; } /** * Address `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /** * Address margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /** * Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /** * Correct list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* * Web Fonts from fontspring.com * * All OpenType features and all extended glyphs have been removed. * Fully installable fonts can be purchased at http://www.fontspring.com * * The fonts included in this stylesheet are subject to the End User License you purchased * from Fontspring. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2010-2014 Fontspring * * * * * The fonts included are copyrighted by the vendor listed below. * * Vendor: Synthview Type Design * License URL: http://www.fontspring.com/fflicense/synthview * * */ @font-face { font-family: 'Novecento Wide'; src: url('../fonts/Novecentosanswide-Light-webfont.eot'); src: url('../fonts/Novecentosanswide-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Novecentosanswide-Light-webfont.woff') format('woff'), url('../fonts/Novecentosanswide-Light-webfont.ttf') format('truetype'), url('../fonts/Novecentosanswide-Light-webfont.svg#novecento_sans_widelight') format('svg'); font-weight: 100; font-style: 100; } @font-face { font-family: 'Novecento Wide'; src: url('../fonts/Novecentosanswide-Book-webfont.eot'); src: url('../fonts/Novecentosanswide-Book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Novecentosanswide-Book-webfont.woff') format('woff'), url('../fonts/Novecentosanswide-Book-webfont.ttf') format('truetype'), url('../fonts/Novecentosanswide-Book-webfont.svg#novecento_sans_widebook') format('svg'); font-weight: 300; font-style: 300; } @font-face { font-family: 'Novecento Wide'; src: url('../fonts/Novecentosanswide-Normal-webfont.eot'); src: url('../fonts/Novecentosanswide-Normal-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Novecentosanswide-Normal-webfont.woff') format('woff'), url('../fonts/Novecentosanswide-Normal-webfont.ttf') format('truetype'), url('../fonts/Novecentosanswide-Normal-webfont.svg#novecento_sans_widenormal') format('svg'); font-weight: 400; font-style: 400; } @font-face { font-family: 'Novecento Wide'; src: url('../fonts/Novecentosanswide-Medium-webfont.eot'); src: url('../fonts/Novecentosanswide-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Novecentosanswide-Medium-webfont.woff') format('woff'), url('../fonts/Novecentosanswide-Medium-webfont.ttf') format('truetype'), url('../fonts/Novecentosanswide-Medium-webfont.svg#novecento_sans_widemedium') format('svg'); font-weight: 500; font-style: 500; } @font-face { font-family: 'Novecento Wide'; src: url('../fonts/Novecentosanswide-DemiBold-webfont.eot'); src: url('../fonts/Novecentosanswide-DemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Novecentosanswide-DemiBold-webfont.woff') format('woff'), url('../fonts/Novecentosanswide-DemiBold-webfont.ttf') format('truetype'), url('../fonts/Novecentosanswide-DemiBold-webfont.svg#novecento_sans_widedemibold') format('svg'); font-weight: 600; font-style: 600; } @font-face { font-family: 'Novecento Wide'; src: url('../fonts/Novecentosanswide-Bold-webfont.eot'); src: url('../fonts/Novecentosanswide-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Novecentosanswide-Bold-webfont.woff') format('woff'), url('../fonts/Novecentosanswide-Bold-webfont.ttf') format('truetype'), url('../fonts/Novecentosanswide-Bold-webfont.svg#novecento_sans_wide_bookbold') format('svg'); font-weight: 700; font-style: 700; } /*! * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.1.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.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: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; 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: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes 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); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-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); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .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: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .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-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 { 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-square:before, .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-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"; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* * Core Owl Carousel CSS File * v1.24 */ /* 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(../img/grabbing.png) 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); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* * ****************************************************************************** * jquery.mb.components * file: YTPlayer.css * * Copyright (c) 2001-2013. Matteo Bicocchi (Pupunzi); * Open lab srl, Firenze - Italy * email: matteo@open-lab.com * site: http://pupunzi.com * blog: http://pupunzi.open-lab.com * http://open-lab.com * * Licences: MIT, GPL * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * last modified: 23/11/13 21.05 * ***************************************************************************** */ /* * jQuery.mb.components: mb.YTVPlayer * © 2001 - 2012 Matteo Bicocchi (pupunzi), Open Lab * */ @charset"UTF-8"; /* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 30, 2013 */ @font-face { font-family: 'ytpregular'; src: url('../fonts/ytp-regular.eot'); } @font-face { font-family: 'ytpregular'; src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'), url('../fonts/ytp-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } .mb_YTVPlayer :focus { outline: 0; } .mb_YTVPlayer{ display:block; transform:translateZ(0); transform-style: preserve-3d; perspective: 1000; backface-visibility: hidden; transform:translate3d(0,0,0); animation-timing-function: linear; } .mb_YTVPlayer.fullscreen{ display:block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; margin: 0!important; } .mbYTP_wrapper iframe{ max-width: 4000px !important; } .inline_YTPlayer{ margin-bottom: 20px; vertical-align:top; position:relative; left:0; overflow: hidden; border-radius: 4px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.7); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7); box-shadow: 0 0 5px rgba(0,0,0,.7); background: rgba(0,0,0,.5); } .inline_YTPlayer img{ border: none!important; -moz-transform: none!important; -webkit-transform: none!important; -o-transform: none!important; transform: none!important; margin:0!important; padding:0!important } /*CONTROL BAR*/ .mb_YTVPBar .ytpicon{ font-size: 20px; font-family: 'ytpregular'; } .mb_YTVPBar .mb_YTVPUrl.ytpicon{ font-size: 30px; } .mb_YTVPBar{ transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; display:block; width:100%; height:10px; padding:5px; background:#333; position:fixed; bottom:0; left:0; -moz-box-sizing:padding-box; -webkit-box-sizing:border-box; text-align:left; z-index: 1000; font: 14px/16px sans-serif; color:white; opacity:.1; } .mb_YTVPBar.visible, .mb_YTVPBar:hover{ opacity:1; } .mb_YTVPBar .buttonBar{ transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; background:transparent; font:12px/14px Calibri; position:absolute; top:-30px; left:0; padding: 5px; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .mb_YTVPBar:hover .buttonBar{ background: rgba(0,0,0,0.4); } .mb_YTVPBar span{ display:inline-block; font:16px/20px Calibri, sans-serif; position:relative; width: 30px; height: 25px; vertical-align: middle; } .mb_YTVPBar span.mb_YTVPTime{ width: 130px; } .mb_YTVPBar span.mb_YTVPUrl,.mb_YTVPBar span.mb_OnlyYT { position: absolute; width: auto; display:block; top:6px; right:10px; cursor: pointer; } .mb_YTVPBar span.mb_YTVPUrl img{ width: 60px; } .mb_YTVPBar span.mb_OnlyYT { left:185px; right: auto; } .mb_YTVPBar span.mb_OnlyYT img{ width: 25px; } .mb_YTVPBar span.mb_YTVPUrl a{ color:white; } .mb_YTVPPlaypause,.mb_YTVPlayer .mb_YTVPPlaypause img{ cursor:pointer; } .mb_YTVPMuteUnmute{ cursor:pointer; } /*PROGRESS BAR*/ .mb_YTVPProgress{ height:10px; width:100%; background:#222; bottom:0; left:0; } .mb_YTVPLoaded{ height:10px; width:0; background:#444; left:0; } .mb_YTVTime{ height:5px; width:0; background:#fff; bottom:0; left:0; -moz-box-shadow:#666666 1px 1px 3px; -webkit-box-shadow:#666666 1px 1px 3px; } .YTPOverlay.raster{ background: url("../img/raster.png"); } .YTPOverlay.raster.retina{ background: url("../img/raster@2x.png"); } /* BASE STYLE GRID ANIMATION PRELOADER HEADER NAVIGATION INTRO ABOUT SERVICE SKILL CLIENTS WORKS PRICING QUOTES CONTACT MAP FOOTER EXTERNAL PAGE 404 PAGE PLUGIN STYLING: MAGNIFIC POPUP, OWL CAROUSEL MEDIA QUERIES */ /* ========================================================================== BASE STYLE ========================================================================== */ *, *:after, *:before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body, html{ margin: 0; padding: 0; width: 100%; height: 100%; font-size: 100%; } body{ background:#fefefe; color:#232323; font-size: 1em; line-height: 1.6; font-weight: 400; font-family: 'Helvetica', Arial, sans-serif; } a{ color: #1d1d1d; text-decoration: none; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s; } a:hover, a:active { outline: 0; } a:hover{ color: #666666; } h1, h2, h3{ font-family: 'Montserrat', sans-serif; font-family: 'Roboto', sans-serif; font-weight: 100; } h1 { font-size: 60px; } h2 { font-family: 'Novecento Wide', sans-serif; font-weight: 400; letter-spacing: 2px; } audio, canvas, img, video { vertical-align: middle; } section { position: relative; } img, object, embed{ max-width: 100%; height: auto; } img{ width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } ::-webkit-input-placeholder{ /* WebKit browsers */ color: #a9a9a9; } :-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color: #a9a9a9; } ::-moz-placeholder{ /* Mozilla Firefox 19+ */ color: #a9a9a9; } :-ms-input-placeholder{ /* Internet Explorer 10+ */ color: #a9a9a9; } /* Section Color Scheme */ .white{ background: #ffffff; } .whiteopaque{ position: relative; background: rgba(255,255,255,0.9); box-shadow: 1px 1px 10px rgba(0,0,0,0.7); } .whitesmoke{ background: #f5f5f5; background-size: cover; background: url('../images/backgrounds/grey.jpg') center center no-repeat; } .gainsboro{ background: #dcdcdc ; } .lightgray{ background: #d3d3d3; } .silver{ background: #c0c0c0 ; } .darkgray{ background: #363636; color: #ccc; } .darkgray a { color: #8b8b8b; } .darkgray a:hover, .darkgray a.current { color: #ccc; } .darken{ background: #1d1d1d; color: #ffffff; } .darken a{ color: #a9a9a9; } .darken a:hover{ color: #ffffff; } /* Section with SVG Separator */ .has-svg{ position: relative; padding-top: 100px; } /* Adjustment class for section with SVG Separator */ .pull { padding-top: 0; } .push { padding-top: 100px; } /* Section Title */ .section-title{ margin-bottom: 60px; text-align: center; } .section-title h1{ position: relative; margin-top: 0; text-transform: uppercase; } .section-title h1:after{ position: absolute; bottom: -10px; left: 50%; margin-left: -25px; width: 50px; height: 2px; background: rgb(191, 191, 191); background: rgba(191, 191, 191, 0.7); content: ""; } .section-title h2{ font-weight: 400; letter-spacing: 5px; text-transform: uppercase; } .section-title h3{ position: relative; text-align: center; color: #999999; font-family: "Novecento Wide", Helvetica; font-weight: 300; font-size: 1em; letter-spacing: 2px; text-transform: uppercase; } .section-title p { font-size: 18px; line-height: 22px; font-weight: 400; color: #666; } #contact-form label { font-size: 12px; font-weight: 600; color: #868686; } /* SVG Separator */ .separator{ position: absolute; left: 0; bottom: -99px; z-index: 900; width: 100%; height: 100px; } .separator.separator-top{ top: -99px; bottom: auto; } .contact-sep { padding: 10px; } /* SVG Separator Color Style */ .white .separator path{ fill: #ffffff; } .whitesmoke .separator path{ fill: #f5f5f5; } .gainsboro .separator path{ fill: #dcdcdc ; } .lightgray .separator path{ fill: #d3d3d3; } .silver .separator path{ fill: #c0c0c0 ; } .darkgray .separator path{ fill: #a9a9a9; } .darken .separator path{ fill: #1d1d1d; } /* h1 Logo Style */ .logo{ font-family: Arial, sans-serif; } .logo a{ color: #ffffff; display: inline-block; width: 314px; height: 71px; background-image: url(../images/logo.png); background-position: center center; background-repeat:no-repeat; background-size: 100% auto; background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .logo a:before { content: ""; display: block; width: 0; height: 150%; } /* Text Alignment */ .text-center{ text-align: center; } .text-left{ text-align: left; } .text-right{ text-align: right; } /* Button Style */ .button { font-weight: 700; padding: 5px 10px; display: inline-block; } /* Button Dark Style */ .button-dark { border: 2px solid #666666; } .button-dark:hover{ color: #ffffff!important; border: 2px solid #222222; background: #222222; } /* Button Light Style */ .button-light { color: #ffffff!important; border: 2px solid #ffffff; } .button-light:hover{ color: #222222!important; background: #ffffff; } /* Animate CSS after page load */ .preload *{ -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } /* Hide text for rotate-text */ .rotate-text{ display: none; } /* grayscale image */ .grayscale img{ filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-backface-visibility: hidden; } .grayscale:hover img{ filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); } /* Fullscreen image */ .homepage { background: url('../images/backgrounds/img-1.jpg') center top no-repeat; } .teampage { background: url('../images/backgrounds/img-2.jpg') center top no-repeat; } .ambassador { background: url('../images/backgrounds/img-7.jpg') center top no-repeat; } .fullscreen-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; min-height: 835px; background-size: cover; background-position: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: -1; } /* Clearfix */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .clearfix { *zoom: 1; /* For IE 6/7 only */ } /* ========================================================================== GRID ========================================================================== */ .container{ max-width: 1170px; padding: 60px 20px; margin: 0 auto; } .container:after, .row:after, .column:after{ content: ""; display: table; clear: both; } .row{ padding-bottom: 0; } .column{ display: block; float: left; margin-left: 2%; } .column:first-child{ margin-left: 0; } .full_width{ width: 100%; float:none; clear: both; } .half{ width: 49.0%; } .one_third{ width: 32.0%; } .two_third{ width: 66.0%; } .one_fourth{ width: 23.5%; } .one_eight{ width: 11%; } .three_fourth{ width: 74.5%; } @media only screen and (min-width: 768px) and (max-width: 979px){ .one_fourth{ width: 49.0%; } .one_fourth:nth-child(2n+1){ margin-left: 0; } .one_eight{ width: 23.5%; } .one_eight:nth-child(4n+1){ margin-left: 0; } } @media only screen and (max-width : 767px){ .column{ width: 100%; margin-left: 0; } } /* ========================================================================== ANIMATION ========================================================================== */ /* Hide element before animation */ .transparent{ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity = 0 ); filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0); filter: alpha(opacity = 0); -moz-opacity: 0; -khtml-opacity: 0; } /* Show element after animation */ .opaque{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity = 100 ); filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 100); filter: alpha(opacity = 100); -moz-opacity: 1; -khtml-opacity: 1; } /* Show element after animation */ .semi-opaque{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity = 80 ); filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 80); filter: alpha(opacity = 80); -moz-opacity: 0.8; -khtml-opacity: 0.8; } /* ========================================================================== PRELOADER ========================================================================== */ #preloader{ position: fixed; top:0; right:0; bottom:0; left:0; z-index:99999; /* makes sure it stays on top */ background-color:#fff; /* change if the mask should have another color then white */ } #status{ position:absolute; top:50%; /* centers the loading animation vertically one the screen */ left:50%; /* centers the loading animation horizontally one the screen */ margin:-100px 0 0 -100px; /* is width and height divided by two */ width:200px; height:200px; background-image:url(../images/AjaxLoader.gif); /* path to your loading animation */ background-position:center; background-repeat:no-repeat; background-size:32px 32px; } /* ========================================================================== HEADER ========================================================================== */ #header{ min-height: 835px; width: 100%; height: 100%; } /* Tint background image */ #header.tint{ background: rgba(0,0,0,0.5); } /* Fallback for IE */ .no-rgba .tint{ background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); zoom: 1; } /* ========================================================================== HEADER: NAVIGATION ========================================================================== */ #header .nav-header{ position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, .8); box-shadow: 1px 1px 10px rgba(0,0,0,0.7); -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } #header .nav-header .nav-inner{ margin: 0 auto; max-width: 1170px; } #header .nav-header h1, #nav-toggle, #header .nav-header .nav{ position: relative; display: inline-block; } #header .nav-header h1, #nav-toggle, #header .nav-header .nav a{ display: block; font-family: "Montserrat", Helvetica, Arial, sans-serif; color: #888; line-height: 100px; float: left; } #nav-toggle, #header .nav-header .nav a{ outline: 0; letter-spacing: 0px; } #header .nav-header .nav { margin: 0; padding: 0; list-style: none; } #header .nav-header .nav > li { position: relative; display: block; float: left; font-family: "Montserrat", Helvetica, Arial, sans-serif; color: #888; line-height: 100px; } #header .nav-header .nav > li:after { float: left; font-weight: 300; content: '•'; margin: 0px 9px; } #header .nav-header .nav > li:last-child:after{ content: ''; margin: 0px; } #header .nav-header .logo a{ height: 100px; } /*#header .nav-header .nav li > ul { display: none !important; float: left; }*/ #header .nav-header .nav li > ul { display: none; position: absolute; top: 100px; left: -10px; list-style: none; margin: 0; padding: 0; border: 1px solid #ccc; /*width: 100px;*/ } #header .nav-header .nav li:hover > ul { display: block; } #header .nav-header .nav li > ul > li { display: block; background: #fff; width: 100%; } #header .nav-header .nav li > ul > li a { background: #fff; width: 100%; padding: 0px 10px; line-height: 40px; border-bottom: 1px solid #ccc; } /*#header .nav-header .nav a > ul li a*/ #header .nav-header h1{ float: left; margin: 0; padding-left: 20px; } #nav-toggle, #header .nav-header .nav{ float: right; padding-right: 20px; text-transform: uppercase; } #nav-toggle{ font-size: 1.66667em; padding-left: 20px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; display: none; } #nav-toggle.active{ padding: 0 35px; background: #1d1d1d; } #nav-toggle img{ vertical-align: inherit; } #header .nav-header .nav a{ position: relative; font-size: 0.813em; } #header .nav-header .nav a.current, #header .nav-header .nav a:hover{ /*font-weight: 700;*/ color: #000; } #header .nav-header.blackout{ height: 100px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, .8); box-shadow: 1px 1px 10px rgba(0,0,0,0.7); } #header .nav-header.blackout h1, #header .nav-header.blackout .nav > a{ line-height: 100px; } #header .nav-header.blackout h1{ font-size: 2em; } #header .nav-header.blackout .logo a{ height: 100px; } /* ========================================================================== HEADER: INTRO ========================================================================== */ #header .intro-block{ min-height: 700px; width: 100%; height: 100%; display: table; color: #ffffff; } #header .intro-block .intro-text{ display: table-cell; vertical-align: middle; -webkit-transform:translate3d(0,0,0); } #header .intro-block .intro-text h1, #header .intro-block .intro-text h3{ text-transform: uppercase; margin: 0; } #header .intro-block .intro-text h1{ font-size:4em; line-height:1em; } #header .intro-block .intro-text .button{ margin-top: 40px; padding: 10px 15px; font-size: 1.17em; } /* Rotating Text */ #header .rotating{ display: inline-block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform: rotateX(0) rotateY(0) rotateZ(0); -moz-transform: rotateX(0) rotateY(0) rotateZ(0); -o-transform: rotateX(0) rotateY(0) rotateZ(0); transform: rotateX(0) rotateY(0) rotateZ(0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin-x: 50%; } #header .rotating.flip{ position: relative; } #header .rotating .front, #header .rotating .back{ top: 0; left: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #header .rotating .front{ position: absolute; display: inline-block; -webkit-transform: translate3d(0,0,1px); -moz-transform: translate3d(0,0,1px); -ms-transform: translate3d(0,0,1px); -o-transform: translate3d(0,0,1px); transform: translate3d(0,0,1px); } #header .rotating.flip .front{ z-index: 1; } #header .rotating .back{ display: block; opacity: 0; } #header .rotating.flip .back{ z-index: 2; display: block; opacity: 1; -webkit-transform: rotateY(180deg) translate3d(0,0,0); -moz-transform: rotateY(180deg) translate3d(0,0,0); -ms-transform: rotateY(180deg) translate3d(0,0,0); -o-transform: rotateY(180deg) translate3d(0,0,0); transform: rotateY(180deg) translate3d(0,0,0); } #header .rotating.flip.up .back{ -webkit-transform: rotateX(180deg) translate3d(0,0,0); -moz-transform: rotateX(180deg) translate3d(0,0,0); -ms-transform: rotateX(180deg) translate3d(0,0,0); -o-transform: rotateX(180deg) translate3d(0,0,0); transform: rotateX(180deg) translate3d(0,0,0); } .countdown-dials { margin-top: 30px; } .timer-wrap-all { display: inline-block; margin: 0 auto; text-shadow: 5px 5px 12px rgba(0,0,0,0.4); } .timer-wrap { float: left; text-align: center; } .timer-wrap-all .timer-header { margin-bottom: 20px; } .timer-wrap .timer-unit, .timer-wrap .timer-unit-sep { font-family: "Roboto", Open Sans; font-size: 28px; font-weight: 100; line-height: 105px; } .timer-wrap .timer-unit { display: block; width: 110px; height: 110px; background: url('../images/counter-dial.png') top left no-repeat cover; background-size: 110px 110px; } .timer-wrap .timer-unit-desc { font-family: "Roboto", Open Sans; font-size: 20px; font-weight: 400; } /* ========================================================================== ABOUT ========================================================================== */ #about { background: url('../images/backgrounds/img-2.jpg') center center no-repeat; background-size: cover; background-attachment: fixed; } #about .team-grid .t-block .t-image{ width: 200px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 0 0 0 5px #ffffff, 0 0 0 8px #dcdcdc; } #about .team-grid .t-block .t-position{ display: inline-block; margin: 0 auto 10px; letter-spacing: 1px; font-size: 12px; } #about .team-grid .t-block .t-socials{ display: block; } #about .team-grid .t-block .t-socials a{ padding: 10px; } #about .newsletter { position: relative; width: 750px; margin: 0 auto; bottom: -20px; } #about .newsletter input { height: 50px; font-family: "Novecento Wide", Helvetica, Arial; font-size: 15px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: #343434; background: rgb(255,255,255); background: rgba(255,255,255, 0.9); border: 1px solid rgba(0,0,0,0.5); box-shadow: 0px 5px 8px rgba(0,0,0,0.2); padding: 0px 20px; margin: 0px !important; outline: none; } #about .newsletter input[type="text"] { width: 600px; border-right: none; -webkit-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; } #about .newsletter input[type="submit"] { border-left: 1px solid rgba(10,10,10,0.2); -webkit-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; } .bordered { padding: 40px 40px; background: #fff; border: 1px solid rgba(0,0,0,0.4); -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0px 5px 8px rgba(0,0,0,0.1); color: #6f6f6f; } .bordered img { display: block; margin: 0 auto; margin-bottom: 60px; margin-top: 60px; } .bordered img.nomargin { margin-bottom: 0px; margin-top: 0px; } .bordered h3 { font-family: "Novecento Wide", Helvetica, Arial; font-size: 17px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } .bordered h3.nomargin-bottom { margin-bottom: 0px; } .bordered h5 { margin-top: 0px; } .bordered p { font-size: 14px; line-height: 22px; text-align: justify; } .quote { padding: 100px 0px 0; font-size: 24px; line-height: 37px; letter-spacing: 2px; color: #fff; text-shadow: 0px 0px 5px #000; } .quote p { margin-top: 70px; margin-bottom: 30px; } .quote span { font-family: 'Novecento Wide'; font-weight: 400; line-height: 30px; } .quote .position { font-size: 17px; } .inner-quote { margin: 60px 0px; } .inner-quote img { float: left; width: 20%; } .inner-quote p { display: inline-block; margin: 17px 0px; margin-left: 20px; font-family: Times, "Times New Roman"; font-size: 27px; font-weight: bold; font-style: italic; color: #232323; float: left; width: 75%; } .inner-quote p span.author { font-weight: 300; font-style: normal; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 20px; letter-spacing: 2px; color: #666; } /* ========================================================================== SERVICES ========================================================================== */ #services { background: url('../images/backgrounds/img-3.jpg') center center no-repeat; background-size: cover; background-attachment: fixed; } .services { position: relative; background: url('../images/services.png') top center no-repeat; width: 1130px; height: 778px; margin-bottom: 100px; } #services .description h2 { font-size: 30px; font-weight: 500; } #services .description h3 { font-family: 'Novecento Wide'; font-size: 18px; font-weight: 400; line-height: 37px; letter-spacing: 2px; text-transform: uppercase; color: #2a2a2a; } #services .description p { font-size: 18px; line-height: 37px; padding: 50px 100px; text-align: justify; color: #2a2a2a; } i.big { font-size: 90px; } i.med { font-size: 60px; } .services .items { position: absolute; display: inline-block; width: 178px; height: 178px; background: rgba(255,255,255,0.9); border: 2px dotted #737373; border-radius: 50% 50% 50% 50%; box-shadow: inset 0px 0px 15px rgba(0,0,0,0.2); } .block { position: relative; margin-top: 38px; } .block, .block-wrapper, .block-inner { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .block, .block-wrapper, .block:hover .block-wrapper, .block-text .title, .block-text .subtitle, .block .block-inner i{ -webkit-transition: all .45s cubic-bezier(0.445,0.05,0.55,0.95) 0; -moz-transition: all .45s cubic-bezier(0.445,0.05,0.55,0.95) 0; -o-transition: all .45s cubic-bezier(0.445,0.05,0.55,0.95) 0; -ms-transition: all .45s cubic-bezier(0.445,0.05,0.55,0.95) 0; transition: all .45s cubic-bezier(0.445,0.05,0.55,0.95) 0; } .block .block-inner i { -webkit-transform: scale(0.5) rotate(0deg); -moz-transform: scale(0.5) rotate(0deg); -o-transform: scale(0.5) rotate(0deg); -ms-transform: scale(0.5) rotate(0deg); transform: scale(0.5) rotate(0deg); color: #737373; } .block-wrapper { border: 4px solid #737373; border-radius: 50% 50% 50% 50%; text-align: center; width: 98px; height: 98px; display: block; margin: 0 auto; } .block .block-inner i { border-radius: 50% 50% 50% 50%; display: block; width: 90px; height: 90px; line-height: 90px; text-align: center; margin: 0 auto; } .block .block-text { position: absolute; top: 20px; width: 250px; } .block .block-text .title { font-family: 'Novecento Wide'; font-weight: 600; font-size: 30px; letter-spacing: 1px; } .block .block-text .subtitle { font-family: 'Novecento Wide'; font-weight: 500; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #737373; opacity:0; } .block:hover { margin-top: 28px; } .block:hover .block-wrapper { background: #00aee7; width: 118px; height: 118px; } .block:hover .block-wrapper{ border: 4px solid #0281ab; } .block:hover .block-inner i { -moz-transform: scale(.8) rotate(-360deg); -ms-transform: scale(.8) rotate(-360deg); -webkit-transform: scale(.8) rotate(-360deg); -o-transform: scale(.8) rotate(-360deg); transform: scale(.8) rotate(-360deg); color: #fff; width: 110px; height: 110px; line-height: 110px; } .block:hover .block-text .title { font-size: 18px; padding-top: 10px; } .block:hover .block-text .subtitle { opacity: 1; } .services .item1 { top: 30px; left: 310px; } .services .item1 .block-text { top: -110px; right: 120px; } .services .item2 { top: 30px; right: 310px; } .services .item2 .block-text { top: -110px; left: 120px; } .services .item3 { top: 295px; left: 160px; } .services .item3 .block-text { top: -10px; right: 180px; } .services .item4 { top: 295px; right: 160px; } .services .item4 .block-text { top: -10px; left: 180px; } .services .item5 { top: 560px; left: 310px; } .services .item5 .block-text { top: 110px; right: 120px; } .services .item6 { top: 560px; right: 310px; } .services .item6 .block-text { top: 110px; left: 120px; } /* ========================================================================== INVEST ========================================================================== */ #invest { position: static; background: url('../images/backgrounds/img-4.jpg') center top no-repeat; background-size: cover; background-attachment: fixed; } #invest .description p { font-size: 18px; font-weight: 400; line-height: 30px; padding: 10px 100px; text-align: justify; color: #2a2a2a; } #invest .description ul { padding: 0px 100px; padding-left: 130px; } #invest .fancy-buttons { position: relative; top: -92px; } #invest .fancy-buttons .container a { display: block; width: 22.5%; height: 64px; font-family: "Novecento Wide", Helvetica, Arial; font-size: 18px; line-height: 64px; text-indent: 74px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; color: #494949; background: rgb(255,255,255); background: url('../images/button-icon@2x.png') left center no-repeat rgba(255,255,255, 0.9); background-size: 75px 45px; -webkit-border-radius: 8px; border-radius: 8px; box-shadow: 0px 2px 4px rgba(0,0,0,0.4); text-shadow: 0px 1px 0px rgba(0,0,0,0.25); padding: 0px 20px; margin: 0px !important; outline: none; float: left; margin-right: 2.5% !important; } #invest .fancy-buttons .container a:last-child { margin-right: 0; } #invest .fancy-buttons .container a:hover { background: url('../images/button-icon@2x.png') left center no-repeat rgba(255,255,255, 1); background-size: 75px 45px; } .tabnav a { font-family: "Novecento Wide", Helvetica, Arial; text-transform: lowercase; font-size: 18px; letter-spacing: 1px; } .dragdealer { position: relative; height: 30px; background: #EEE; } .dragdealer .handle { position: absolute; top: 0; left: 0; cursor: pointer; } .dragdealer .red-bar { width: 100px; height: 30px; background: #CC0000; color: #FFF; font-size: 14px; line-height: 30px; text-align: center; } .dragdealer .disabled { background: #898989; } .burndown-chart { height: 750px; } .burndown-chart .labels text { font-family: "Novecento Wide", Helvetica, Arial; font-size: 16px; letter-spacing: 0px; text-transform: lowercase; fill: #ccc; } .burndown-chart .labels text tspan.price { font-family: "Open Sans", "Helvetica Nue", Arial; font-weight: 300; font-size: 30px; letter-spacing: -2px; text-transform: lowercase; fill: #ccc; } path.slice{ stroke-width:2px; } polyline { opacity: .3; stroke: black; stroke-width: 2px; fill: none; } /* ========================================================================== PRINCIPALS ========================================================================== */ #principals { position: static; background: url('../images/backgrounds/img-5.jpg') center center no-repeat; background-size: cover; background-attachment: fixed; } #principals .bordered p { padding: 10px 20px; } /* ========================================================================== FAQ ========================================================================== */ #faq { position: static; background: url('../images/backgrounds/img-6.jpg') center center no-repeat; background-size: cover; background-attachment: fixed; } .accordion { margin-bottom: 40px; } .accordion-wrp { } .accordion-wrp h6 { display:block; position:relative; overflow:hidden; margin-bottom:20px; cursor:pointer; font-size:14px; padding:18px 20px 16px; border-radius: 5px; -webkit-border-radius: 5px; font-family: "Novecento Wide"; font-weight: 500; text-transform: uppercase; } .accordion-wrp .accordion-content{ display: none; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px; -o-border-radius: 4px 4px 4px 4px; -ms-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; border: 1px solid #e3e3e3; padding: 10px 25px; margin: 10px; background: #fff; font-size: 14px; } .accordion-wrp h6, .accordion-wrp h6:hover i, .accordion-wrp.current i { color: #fff !important; } .accordion-wrp h6 { background:#555; } .accordion-wrp h6 { border: 1px solid #555; } .accordion-wrp.current .accordion-content { /*display: block;*/ } /* ========================================================================== AMBASADOR MAP ========================================================================== */ #ambassador_map { position: static; background: url('../images/backgrounds/img-8.jpg') center center no-repeat; background-size: cover; } /* ========================================================================== QUOTES ========================================================================== */ #quotes h2, #quotes .quote{ font-weight: normal; font-family: Georgia,Times,"Times New Roman",serif; } #quotes h2{ margin-top: -32px; } #quotes .quote{ font-size: 5em; line-height: 1em; } /* ========================================================================== CONTACT ========================================================================== */ #contact{ background: #2b2b2b; } #contact .section-title h3{ color: white; } #contact .contact-links a { font-family: "Helvetica", Arial; font-size: 14px; } #contact .contact-links i { width: 40px; text-align: center; margin-right: 10px; margin-bottom: 10px; } #contact form{ position: relative; margin-top: 40px; } #contact form input[type="text"], #contact form textarea{ display: block; margin-bottom: 20px; padding: 10px; width: 100%; border: none; background: rgb(255,255,255); background: rgba(255,255,255,0.1); color: #fff; font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 14px; border-radius: 5px; } #contact form textarea{ min-height: 200px; resize: none; } #contact form input:focus, #contact form textarea:focus, #contact form label:active + input, #contact form label:active + textarea{ outline: none; background: #fff; color: #666; } #contact form input.submit{ display: block; margin: 0 auto; padding: 10px; border: none; border-radius: 5px; background: rgb(255,255,255); background: rgba(255,255,255,0.1); font-family: "Novecento Wide", Arial, sans-serif; font-weight: 500; font-size: 10px; letter-spacing: 3px !important; padding: 15px 20px; color: #fff; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } #contact form input.submit:hover{ background: #ffffff; color: #1d1d1d; } #contact .form-notification{ margin-top: 20px; } #contact .form-notification .success, #contact .form-notification .warning, #contact .form-notification .error{ padding: 10px; color: #ffffff; } #contact .form-notification .success{ text-align: center; background: #27ae60; } #contact .form-notification .warning{ text-align: center; background: #d35400; } #contact .form-notification .error{ background: #bf0000; list-style: none; } #address-block{ background: #1d1d1d; background: rgba(0, 0, 0, 0.3); } #address-block > address{ padding: 40px 0; text-align: center; } #team { background: url('../images/backgrounds/img-2.jpg') center center no-repeat; background-size: cover; background-attachment: fixed; } /* ========================================================================== FOOTER ========================================================================== */ #footer{ background: #1d1d1d; color: white; text-align: center; } #footer-top{ position: relative; background: #fff; } #footer-top .container, #footer-bottom .container{ padding: 20px 20px; } #footer-top p { font-family: 'Novecento Wide', Helvetica, Arial; font-size: 13px; font-weight: 600; color: #666; text-transform: lowercase; } .socials{ padding: 0; margin: 0; list-style: none; } .socials li{ text-align: center; display: inline-block; } .socials li a{ display: inline-block; margin: 3px; width: 1.8em; height: 1.8em; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #ffffff; font-size: 1.2em; line-height: 1.9em; } .socials li a:hover{ background: #333; } .bg_git { background: #4183c4; } .bg_fb { background: #3b5998; } .bg_twitter { background: #2daae1; } .bg_gplus { background: #dd4b39; } .bg_linkedin { background: #006fb0; } .bg_youtube { background: #b31217; } .bg_reddit { background: #ff1a00; } .arrow-up:before { position: absolute; top: -15px; left: 50%; content: ' '; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fff; margin-left: -15px; } .arrow-up-grey:before { position: absolute; top: -14px; left: 50%; content: ' '; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid rgba(255,255,255,0.9); margin-left: -15px; } .footer-logo { margin-top: 15px; margin-bottom: 10px; } /* ========================================================================== EXTERNAL PAGE ========================================================================== */ /* Header for Page */ #header.page{ height: 120px; background: #1d1d1d; } /* Post Container */ #post .container{ max-width: 900px; } #post .meta{ color: #999; } /* Author Area */ #post .author { position: relative; max-width: 520px; margin: 80px auto 0; } #post .author:after{ position: absolute; top: -40px; left: 50%; margin-left: -25px; width: 50px; height: 2px; background: rgb(191, 191, 191); background: rgba(191, 191, 191, 0.7); content: ""; } #post .author .author-text { overflow: hidden; } #post .author img { float: left; margin: 4px 20px 20px 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #post .author h3, #post .author p { margin-top: 0; } #post .author h3 { margin-bottom: 0.5em; } #post .author .socials{ display: block; } #post .author .socials a{ padding: 10px; } /* Comments Area */ #comment .container { max-width: 620px; margin: 0 auto; } /* Comment List */ #comment .comment-list { margin: 0 0 40px 0; padding: 0; } #comment .comment-list li { margin: 0; padding: 0; list-style: none; overflow: hidden; clear: both; } #comment .comment-list ul { margin: 0 0 0 11%; /* relative value */ padding: 0; } #comment .comment-list .comment-block { overflow: hidden; margin-bottom: 1em; border-bottom: 1px solid #dcdcdc; } #comment .comment-list .comment-avatar img { float: left; margin: 0 20px 20px 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #comment .comment-list .comment-head, #comment .comment-list .comment-text{ margin-bottom: 1em; } #comment .comment-list .comment-head a{ font-weight: 700; } #comment .comment-list .comment-head .comment-date{ color: #999999; } /* Comment Form */ #comment form{ position: relative; margin: 0 auto 20px; } #comment form input, #comment form textarea{ display: block; margin-bottom: 20px; padding: 10px; width: 100%; border: 2px solid #dcdcdc; background: rgb(64,64,64); background: rgba(0,0,0,0.1); font-family: Open Sans, Arial, sans-serif; } #comment form textarea{ min-height: 200px; resize: vertical; } #comment form input:focus, #comment form textarea:focus, #comment form label:active + input, #comment form label:active + textarea{ outline: none; border: 2px solid #999999; color: #666666; } #comment form input.submit{ display: inline-block; margin-bottom: 0; padding: 10px; border: 2px solid #666666; background: #666666; color: #fff; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } #comment form input.submit:hover{ border: 2px solid #222222; background: #222222; } #nav-page .nav{ max-width: 900px; margin: 0 auto; font-size: 0; } #nav-page .nav a{ display: inline-block; width: 33.3333333%; font-size: 16px; } /* ========================================================================== 404 PAGE ========================================================================== */ #four-oh-four{ width: 100%; height: 100%; display: table; color: #ffffff; background: #222222 url("../images/background/bg-404.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-shadow: inset 0px 0px 156px 64px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 156px 64px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 156px 64px rgba(0,0,0,0.75); } #four-oh-four a{ color: #dfdfdf; } #four-oh-four a:hover{ color: #ffffff; } #four-oh-four .content-block { display: table-cell; vertical-align: middle; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.5); } #four-oh-four .content-block .content-text { max-width: 580px; margin: 0 auto; padding: 20px; color: white; text-align: center; } #four-oh-four .content-block .content-text h1 { font-size: 180px; line-height: 100%; margin: 0; } #four-oh-four .content-block .content-text h2 { margin-top: 0; font-size: 24px; text-transform: uppercase; } #four-oh-four .content-block .content-text .button{ margin-top: 1em; } /* ========================================================================== PLUGIN: MAGNIFIC POPUP, OWL CAROUSEL ========================================================================== */ /* Magnific Popup Zoom Style*/ .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } /* Owl Carousel Owl Theme */ .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; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #666666; filter: Alpha(Opacity=50); 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); opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #666666; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100); 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(../images/AjaxLoader.gif); background-position:center; background-repeat:no-repeat; } .owl-carousel .owl-item{ text-align: center; } .team-row { margin-top: 20px; margin-bottom: 40px; } .team-content { color: #6f6f6f; } .team-content h3 { margin-top: 0px; margin-bottom: 0px; text-transform: uppercase; font-size: 20px; font-weight: 500; letter-spacing: 2px; } .team-content h5 { margin: 0; } .team-section .section-title { margin-bottom: 0px; padding-top: 30px; } .img-rounded { width: 233px; height: 233px; border: 2px solid #666; border-radius: 50%; } /* ========================================================================== MEDIA QUERIES ========================================================================== */ @media only screen and (min-width: 1200px) and (max-width: 1400px){ .servicesHolder { -ms-transform: scale(0.7); /* IE 9 */ -webkit-transform: scale(0.7); /* Chrome, Safari, Opera */ transform: scale(0.7); } } @media only screen and (min-width: 980px) and (max-width: 1199px){ #header .nav-header .logo a, #header .nav-header.blackout .logo a{ width: 250px; } #header .nav-header .nav > li:after { margin: 0px 7px; } .servicesHolder { -ms-transform: scale(0.6666667); /* IE 9 */ -webkit-transform: scale(0.6666667); /* Chrome, Safari, Opera */ transform: scale(0.6666667); } #invest .description p { padding: 10px 50px; } } /* Portrait tablet to landscape and desktop */ @media only screen and (min-width: 768px) and (max-width: 979px){ #about .team-grid .t-block, #skill .skill-grid .skill-block, #pricing .pricing-table .pricing-block{ margin-bottom: 20px; } #about .team-grid .t-block .grayscale .t-image, #about .team-grid .t-block .t-position{ max-width: 300px; } #header .nav-header .logo a, #header .nav-header.blackout .logo a{ width: 181px; height: 41px; } #header .nav-header .nav-inner .nav a { letter-spacing: -0.6px; } #header .nav-header .nav > li:after { margin: 0px 4px; } .servicesHolder { -ms-transform: translate(-10%, 0) scale(0.5); /* IE 9 */ -webkit-transform: translate(-10%, 0) scale(0.5); /* Chrome, Safari, Opera */ transform: translate(-10%, 0) scale(0.5); } #invest .description p { padding: 10px 40px; } #invest .description ul { padding: 10px 30px; padding-left: 80px; } } @media only screen and (min-width: 768px) and (max-width: 850px){ #header .nav-header .logo a, #header .nav-header.blackout .logo a{ width: 41px; height: 41px; background-size: auto 100%; background-position: left center; } #header .nav-header .nav > li:after { margin: 0px 7px; } } /* Landscape phone to portrait tablet */ @media only screen and (max-width: 767px){ #invest .description p { padding: 10px 30px; } #invest .description ul { padding: 10px 30px; padding-left: 60px; } #principals .bordered { margin-bottom: 20px; } #invest .fancy-buttons .container a { width: 100%; margin-bottom: 15px !important; } #about .fancy-buttons .container a { width: 100%; margin-bottom: 15px !important; } #header.page{ height: 90px; } #header .nav-inner { height: 71px; } #header .nav-header, #header .nav-header.blackout{ height: 71px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 1); } #header .nav-header .nav-inner{ width: 100%; } #nav-toggle, #header .nav-header h1, #header .nav-header.blackout h1{ line-height: 71px; } #header .nav-header .logo a, #header .nav-header.blackout .logo a{ width: 181px; height: 71px; background-image: url(../images/logo-white.png); } #header .nav-header .nav a, #header .nav-header.blackout .nav a{ line-height: 50px; text-align: center; border-bottom: 1px solid #040404; } #header .nav-header .nav > li:after, #header .nav-header .nav > li > ul > li:after { display: none !important; content: ''; margin: 0px; } #nav-toggle{ display: block; } #header .nav-header .nav{ display: none; position: absolute; top: 71px; right: 0; width: 100%; float:none; padding-right: 0; border-bottom: 10px solid rgba(0,0,0,0.952941); -webkit-transition: right 0.3s; -moz-transition: right 0.3s; -o-transition: right 0.3s; -ms-transition: right 0.3s; transition: right 0.3s; } #header .nav-header .nav.open{ display: block; } #header .nav-header .nav > li > ul { display: block; position: relative; top: 0; left: 0; border: none; } #header .nav-header .nav > li a.dropdown { display: none; } #header .nav-header .nav li, #header .nav-header .nav li > ul > li{ display: block; width: 100%; margin: 0; background: #1d1d1d; } #header .nav-header .nav a, #header .nav-header .nav li > ul > li > a{ display: block; width: 100%; margin: 0; padding: 0; padding-left: 20px; background: #1d1d1d; border-left: 4px solid transparent; border-bottom: none; line-height: 50px; text-align: center; border-bottom: 1px solid #040404; } #header .nav-header .nav a:hover{ background: #191919; color: #eee; } #header .nav-header .nav a.current{ border-left: 4px solid #00b4ff; } #header .nav-header .nav a.current:after{ background: transparent; } #about .team-grid .t-block, #skill .skill-grid .skill-block, #pricing .pricing-table .pricing-block{ margin-bottom: 20px; } #about .team-grid .t-block .grayscale .t-image, #about .team-grid .t-block .t-position{ max-width: 300px; } #values .service-block:nth-child(odd) .service-icon, #values .service-block:nth-child(odd) .service-body{ left: 0; } #values .service-block .service-body{ text-align: center; } #values .service-block .service-body h2{ margin-top: 0.83em; } #values .service-block .service-body p{ text-align: left; } #portfolio-grid .portfolio-block{ width: 50%; } #timeline .tl-list:before, #timeline .tl-list:after { display: none; } #timeline .tl-list > li{ margin-top: 40px; } #timeline .tl-list > li:first-child{ margin-top: 0; } #timeline .tl-list > li .tl-time{ width: 100%; position: relative; padding-right: 0; background: #dcdcdc; } #timeline .tl-list > li .tl-time span { text-align: left; padding-left: 20px; line-height: 4.8em; border: 1px solid #dcdcdc; } #timeline .tl-list > li .tl-label { margin: 0; border-top: none; } #timeline .tl-list > li .tl-label:after { display: none; } #timeline .tl-list > li .tl-icon { position: relative; float: right; left: auto; margin: -65px 20px 0 0; } #about .newsletter { width: 430px; } #about .newsletter input[type="text"] { width: 280px; letter-spacing: 0px; font-size: 14px; } #about .newsletter input[type="submit"] { letter-spacing: 0px; font-size: 14px; } .servicesHolder { -ms-transform: translate(-20%, 0) scale(0.4); /* IE 9 */ -webkit-transform: translate(-20%, 0) scale(0.4); /* Chrome, Safari, Opera */ transform: translate(-20%, 0) scale(0.4); } } .underline { border-bottom: 1px solid #ccc; } /* Landscape phones and down */ @media only screen and (max-width: 480px) { .servicesHolder { -ms-transform: translate(-35%, 0) scale(0.3); /* IE 9 */ -webkit-transform: translate(-35%, 0) scale(0.3); /* Chrome, Safari, Opera */ transform: translate(-35%, 0) scale(0.3); } #about .newsletter { width: 325px; } #about .newsletter input[type="text"] { width: 200px; letter-spacing: -1px; font-size: 13px; } #about .newsletter input[type="submit"] { letter-spacing: 0px; font-size: 13px; } #portfolio-grid{ max-width: 400px; margin: 0 auto; } #portfolio-grid .portfolio-block{ width: 100%; } #four-oh-four .content-block .content-text { max-width: 420px; } #four-oh-four .content-block .content-text h1 { font-size: 128px; } } /* Retina Display */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .logo a{ background-image: url(../images/logo@2x.png); } #status{ background-image: url(../images/AjaxLoader@2x.gif); } .homepage { background-image: url('../images/backgrounds/img-1.jpg'); } .ambassador { background-image: url('../images/backgrounds/img-7.jpg'); } #about, #team, .teampage { background-image: url('../images/backgrounds/img-2@2x.jpg'); } #services { background-image: url('../images/backgrounds/img-3@2x.jpg'); } #invest { background-image: url('../images/backgrounds/img-4@2x.jpg'); } #principals { background-image: url('../images/backgrounds/img-5@2x.jpg'); } #faq { background-image: url('../images/backgrounds/img-6@2x.jpg'); } #ambassador_map { background-image: url('../images/backgrounds/img-8@2x.jpg'); } } /* Supersized - Fullscreen Slideshow jQuery Plugin Version : 3.2.7 Site : www.buildinternet.com/project/supersized Author : Sam Dunn Company : One Mighty Roar (www.onemightyroar.com) License : MIT License / GPL License */ #supersized-loader{ position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; } #supersized{ display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; padding: 0; margin: 0; } #supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; max-width: none; } #supersized.speed img{ -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ #supersized.quality img{ -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ #supersized li{ display:block; list-style:none; z-index:-30; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; } #supersized a{ width:100%; height:100%; display:block; } #supersized li.prevslide{ z-index:10; position:fixed;} #supersized li.activeslide{ z-index:20; position:fixed;} #supersized li.image-loading{ background:#111; width:100%; height:100%; position:fixed;} #supersized li.image-loading img{ visibility:hidden; } #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; } /*.loading:after { content: ''; border-bottom: 1px solid rgba(255, 255, 255, 0.7); border-left: 1px solid rgba(255, 255, 255, 0.7); border-right: 1px solid #6064ad; border-top: 1px solid #6064ad; border-radius: 100%; -webkit-animation: spin 0.8s infinite linear; -moz-animation: spin 0.8s infinite linear; -o-animation: spin 0.8s infinite linear; animation: spin 0.8s infinite linear; display: inline-block; height: .75em; width: .75em; position: absolute; top: 12.5%; right: auto; bottom: auto; left: 12.5%; width: 75%; height: 75%; }*/ #banch1{ max-width: 570px; width: 100%; margin: 80px auto 50px; display: block; } .bench1_desc{ text-align: center; font: 20px "Novecento Wide", sans-serif; text-transform: uppercase; } .left_chart{ width: 350px; float: left; margin-right: 11px; } .left_chart div{ text-align: right; margin-bottom: 80px; } #canvas-holder{ max-width: 411px; height: 411px; margin: 0 auto 80px; float: left; } .right_chart{ float: left; margin-left: 11px; } .right_chart div:nth-child(2) { margin-left: 111px; } .left_chart div:nth-child(2){ margin-right: 111px; } .right_chart div{ text-align: left; margin-bottom: 80px; } .left_chart span, .right_chart span{ font: 48px/30px "Helvetica", sans-serif; color:#edeaee; } .left_chart p, .right_chart p{ font: 20px "Novecento Wide", sans-serif; margin: 0; color:#edeaee; }