@charset "UTF-8";
/*
Theme Name: Integral 2.0
Theme URI: http://integral.dk
Description: Custom theme crafted in house by the current digital designer
Version: 1
Author: Tim Day (@todayshat)
Author URI: http://tidyroomtidymind.com
*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*!
 *  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.3333333333em; 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.2857142857em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; }
.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center; }
.fa-li.fa-lg { left: -1.8571428571em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }

.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }
.fa.pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: 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); -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); -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: #fff; }

/* 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: ""; }

.fa-music:before { content: ""; }

.fa-search:before { content: ""; }

.fa-envelope-o:before { content: ""; }

.fa-heart:before { content: ""; }

.fa-star:before { content: ""; }

.fa-star-o:before { content: ""; }

.fa-user:before { content: ""; }

.fa-film:before { content: ""; }

.fa-th-large:before { content: ""; }

.fa-th:before { content: ""; }

.fa-th-list:before { content: ""; }

.fa-check:before { content: ""; }

.fa-times:before { content: ""; }

.fa-search-plus:before { content: ""; }

.fa-search-minus:before { content: ""; }

.fa-power-off:before { content: ""; }

.fa-signal:before { content: ""; }

.fa-gear:before, .fa-cog:before { content: ""; }

.fa-trash-o:before { content: ""; }

.fa-home:before { content: ""; }

.fa-file-o:before { content: ""; }

.fa-clock-o:before { content: ""; }

.fa-road:before { content: ""; }

.fa-download:before { content: ""; }

.fa-arrow-circle-o-down:before { content: ""; }

.fa-arrow-circle-o-up:before { content: ""; }

.fa-inbox:before { content: ""; }

.fa-play-circle-o:before { content: ""; }

.fa-rotate-right:before, .fa-repeat:before { content: ""; }

.fa-refresh:before { content: ""; }

.fa-list-alt:before { content: ""; }

.fa-lock:before { content: ""; }

.fa-flag:before { content: ""; }

.fa-headphones:before { content: ""; }

.fa-volume-off:before { content: ""; }

.fa-volume-down:before { content: ""; }

.fa-volume-up:before { content: ""; }

.fa-qrcode:before { content: ""; }

.fa-barcode:before { content: ""; }

.fa-tag:before { content: ""; }

.fa-tags:before { content: ""; }

.fa-book:before { content: ""; }

.fa-bookmark:before { content: ""; }

.fa-print:before { content: ""; }

.fa-camera:before { content: ""; }

.fa-font:before { content: ""; }

.fa-bold:before { content: ""; }

.fa-italic:before { content: ""; }

.fa-text-height:before { content: ""; }

.fa-text-width:before { content: ""; }

.fa-align-left:before { content: ""; }

.fa-align-center:before { content: ""; }

.fa-align-right:before { content: ""; }

.fa-align-justify:before { content: ""; }

.fa-list:before { content: ""; }

.fa-dedent:before, .fa-outdent:before { content: ""; }

.fa-indent:before { content: ""; }

.fa-video-camera:before { content: ""; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; }

.fa-pencil:before { content: ""; }

.fa-map-marker:before { content: ""; }

.fa-adjust:before { content: ""; }

.fa-tint:before { content: ""; }

.fa-edit:before, .fa-pencil-square-o:before { content: ""; }

.fa-share-square-o:before { content: ""; }

.fa-check-square-o:before { content: ""; }

.fa-arrows:before { content: ""; }

.fa-step-backward:before { content: ""; }

.fa-fast-backward:before { content: ""; }

.fa-backward:before { content: ""; }

.fa-play:before { content: ""; }

.fa-pause:before { content: ""; }

.fa-stop:before { content: ""; }

.fa-forward:before { content: ""; }

.fa-fast-forward:before { content: ""; }

.fa-step-forward:before { content: ""; }

.fa-eject:before { content: ""; }

.fa-chevron-left:before { content: ""; }

.fa-chevron-right:before { content: ""; }

.fa-plus-circle:before { content: ""; }

.fa-minus-circle:before { content: ""; }

.fa-times-circle:before { content: ""; }

.fa-check-circle:before { content: ""; }

.fa-question-circle:before { content: ""; }

.fa-info-circle:before { content: ""; }

.fa-crosshairs:before { content: ""; }

.fa-times-circle-o:before { content: ""; }

.fa-check-circle-o:before { content: ""; }

.fa-ban:before { content: ""; }

.fa-arrow-left:before { content: ""; }

.fa-arrow-right:before { content: ""; }

.fa-arrow-up:before { content: ""; }

.fa-arrow-down:before { content: ""; }

.fa-mail-forward:before, .fa-share:before { content: ""; }

.fa-expand:before { content: ""; }

.fa-compress:before { content: ""; }

.fa-plus:before { content: ""; }

.fa-minus:before { content: ""; }

.fa-asterisk:before { content: ""; }

.fa-exclamation-circle:before { content: ""; }

.fa-gift:before { content: ""; }

.fa-leaf:before { content: ""; }

.fa-fire:before { content: ""; }

.fa-eye:before { content: ""; }

.fa-eye-slash:before { content: ""; }

.fa-warning:before, .fa-exclamation-triangle:before { content: ""; }

.fa-plane:before { content: ""; }

.fa-calendar:before { content: ""; }

.fa-random:before { content: ""; }

.fa-comment:before { content: ""; }

.fa-magnet:before { content: ""; }

.fa-chevron-up:before { content: ""; }

.fa-chevron-down:before { content: ""; }

.fa-retweet:before { content: ""; }

.fa-shopping-cart:before { content: ""; }

.fa-folder:before { content: ""; }

.fa-folder-open:before { content: ""; }

.fa-arrows-v:before { content: ""; }

.fa-arrows-h:before { content: ""; }

.fa-bar-chart-o:before { content: ""; }

.fa-twitter-square:before { content: ""; }

.fa-facebook-square:before { content: ""; }

.fa-camera-retro:before { content: ""; }

.fa-key:before { content: ""; }

.fa-gears:before, .fa-cogs:before { content: ""; }

.fa-comments:before { content: ""; }

.fa-thumbs-o-up:before { content: ""; }

.fa-thumbs-o-down:before { content: ""; }

.fa-star-half:before { content: ""; }

.fa-heart-o:before { content: ""; }

.fa-sign-out:before { content: ""; }

.fa-linkedin-square:before { content: ""; }

.fa-thumb-tack:before { content: ""; }

.fa-external-link:before { content: ""; }

.fa-sign-in:before { content: ""; }

.fa-trophy:before { content: ""; }

.fa-github-square:before { content: ""; }

.fa-upload:before { content: ""; }

.fa-lemon-o:before { content: ""; }

.fa-phone:before { content: ""; }

.fa-square-o:before { content: ""; }

.fa-bookmark-o:before { content: ""; }

.fa-phone-square:before { content: ""; }

.fa-twitter:before { content: ""; }

.fa-facebook:before { content: ""; }

.fa-github:before { content: ""; }

.fa-unlock:before { content: ""; }

.fa-credit-card:before { content: ""; }

.fa-rss:before { content: ""; }

.fa-hdd-o:before { content: ""; }

.fa-bullhorn:before { content: ""; }

.fa-bell:before { content: ""; }

.fa-certificate:before { content: ""; }

.fa-hand-o-right:before { content: ""; }

.fa-hand-o-left:before { content: ""; }

.fa-hand-o-up:before { content: ""; }

.fa-hand-o-down:before { content: ""; }

.fa-arrow-circle-left:before { content: ""; }

.fa-arrow-circle-right:before { content: ""; }

.fa-arrow-circle-up:before { content: ""; }

.fa-arrow-circle-down:before { content: ""; }

.fa-globe:before { content: ""; }

.fa-wrench:before { content: ""; }

.fa-tasks:before { content: ""; }

.fa-filter:before { content: ""; }

.fa-briefcase:before { content: ""; }

.fa-arrows-alt:before { content: ""; }

.fa-group:before, .fa-users:before { content: ""; }

.fa-chain:before, .fa-link:before { content: ""; }

.fa-cloud:before { content: ""; }

.fa-flask:before { content: ""; }

.fa-cut:before, .fa-scissors:before { content: ""; }

.fa-copy:before, .fa-files-o:before { content: ""; }

.fa-paperclip:before { content: ""; }

.fa-save:before, .fa-floppy-o:before { content: ""; }

.fa-square:before { content: ""; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; }

.fa-list-ul:before { content: ""; }

.fa-list-ol:before { content: ""; }

.fa-strikethrough:before { content: ""; }

.fa-underline:before { content: ""; }

.fa-table:before { content: ""; }

.fa-magic:before { content: ""; }

.fa-truck:before { content: ""; }

.fa-pinterest:before { content: ""; }

.fa-pinterest-square:before { content: ""; }

.fa-google-plus-square:before { content: ""; }

.fa-google-plus:before { content: ""; }

.fa-money:before { content: ""; }

.fa-caret-down:before { content: ""; }

.fa-caret-up:before { content: ""; }

.fa-caret-left:before { content: ""; }

.fa-caret-right:before { content: ""; }

.fa-columns:before { content: ""; }

.fa-unsorted:before, .fa-sort:before { content: ""; }

.fa-sort-down:before, .fa-sort-desc:before { content: ""; }

.fa-sort-up:before, .fa-sort-asc:before { content: ""; }

.fa-envelope:before { content: ""; }

.fa-linkedin:before { content: ""; }

.fa-rotate-left:before, .fa-undo:before { content: ""; }

.fa-legal:before, .fa-gavel:before { content: ""; }

.fa-dashboard:before, .fa-tachometer:before { content: ""; }

.fa-comment-o:before { content: ""; }

.fa-comments-o:before { content: ""; }

.fa-flash:before, .fa-bolt:before { content: ""; }

.fa-sitemap:before { content: ""; }

.fa-umbrella:before { content: ""; }

.fa-paste:before, .fa-clipboard:before { content: ""; }

.fa-lightbulb-o:before { content: ""; }

.fa-exchange:before { content: ""; }

.fa-cloud-download:before { content: ""; }

.fa-cloud-upload:before { content: ""; }

.fa-user-md:before { content: ""; }

.fa-stethoscope:before { content: ""; }

.fa-suitcase:before { content: ""; }

.fa-bell-o:before { content: ""; }

.fa-coffee:before { content: ""; }

.fa-cutlery:before { content: ""; }

.fa-file-text-o:before { content: ""; }

.fa-building-o:before { content: ""; }

.fa-hospital-o:before { content: ""; }

.fa-ambulance:before { content: ""; }

.fa-medkit:before { content: ""; }

.fa-fighter-jet:before { content: ""; }

.fa-beer:before { content: ""; }

.fa-h-square:before { content: ""; }

.fa-plus-square:before { content: ""; }

.fa-angle-double-left:before { content: ""; }

.fa-angle-double-right:before { content: ""; }

.fa-angle-double-up:before { content: ""; }

.fa-angle-double-down:before { content: ""; }

.fa-angle-left:before { content: ""; }

.fa-angle-right:before { content: ""; }

.fa-angle-up:before { content: ""; }

.fa-angle-down:before { content: ""; }

.fa-desktop:before { content: ""; }

.fa-laptop:before { content: ""; }

.fa-tablet:before { content: ""; }

.fa-mobile-phone:before, .fa-mobile:before { content: ""; }

.fa-circle-o:before { content: ""; }

.fa-quote-left:before { content: ""; }

.fa-quote-right:before { content: ""; }

.fa-spinner:before { content: ""; }

.fa-circle:before { content: ""; }

.fa-mail-reply:before, .fa-reply:before { content: ""; }

.fa-github-alt:before { content: ""; }

.fa-folder-o:before { content: ""; }

.fa-folder-open-o:before { content: ""; }

.fa-smile-o:before { content: ""; }

.fa-frown-o:before { content: ""; }

.fa-meh-o:before { content: ""; }

.fa-gamepad:before { content: ""; }

.fa-keyboard-o:before { content: ""; }

.fa-flag-o:before { content: ""; }

.fa-flag-checkered:before { content: ""; }

.fa-terminal:before { content: ""; }

.fa-code:before { content: ""; }

.fa-mail-reply-all:before, .fa-reply-all:before { content: ""; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; }

.fa-location-arrow:before { content: ""; }

.fa-crop:before { content: ""; }

.fa-code-fork:before { content: ""; }

.fa-unlink:before, .fa-chain-broken:before { content: ""; }

.fa-question:before { content: ""; }

.fa-info:before { content: ""; }

.fa-exclamation:before { content: ""; }

.fa-superscript:before { content: ""; }

.fa-subscript:before { content: ""; }

.fa-eraser:before { content: ""; }

.fa-puzzle-piece:before { content: ""; }

.fa-microphone:before { content: ""; }

.fa-microphone-slash:before { content: ""; }

.fa-shield:before { content: ""; }

.fa-calendar-o:before { content: ""; }

.fa-fire-extinguisher:before { content: ""; }

.fa-rocket:before { content: ""; }

.fa-maxcdn:before { content: ""; }

.fa-chevron-circle-left:before { content: ""; }

.fa-chevron-circle-right:before { content: ""; }

.fa-chevron-circle-up:before { content: ""; }

.fa-chevron-circle-down:before { content: ""; }

.fa-html5:before { content: ""; }

.fa-css3:before { content: ""; }

.fa-anchor:before { content: ""; }

.fa-unlock-alt:before { content: ""; }

.fa-bullseye:before { content: ""; }

.fa-ellipsis-h:before { content: ""; }

.fa-ellipsis-v:before { content: ""; }

.fa-rss-square:before { content: ""; }

.fa-play-circle:before { content: ""; }

.fa-ticket:before { content: ""; }

.fa-minus-square:before { content: ""; }

.fa-minus-square-o:before { content: ""; }

.fa-level-up:before { content: ""; }

.fa-level-down:before { content: ""; }

.fa-check-square:before { content: ""; }

.fa-pencil-square:before { content: ""; }

.fa-external-link-square:before { content: ""; }

.fa-share-square:before { content: ""; }

.fa-compass:before { content: ""; }

.fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; }

.fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; }

.fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; }

.fa-euro:before, .fa-eur:before { content: ""; }

.fa-gbp:before { content: ""; }

.fa-dollar:before, .fa-usd:before { content: ""; }

.fa-rupee:before, .fa-inr:before { content: ""; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; }

.fa-won:before, .fa-krw:before { content: ""; }

.fa-bitcoin:before, .fa-btc:before { content: ""; }

.fa-file:before { content: ""; }

.fa-file-text:before { content: ""; }

.fa-sort-alpha-asc:before { content: ""; }

.fa-sort-alpha-desc:before { content: ""; }

.fa-sort-amount-asc:before { content: ""; }

.fa-sort-amount-desc:before { content: ""; }

.fa-sort-numeric-asc:before { content: ""; }

.fa-sort-numeric-desc:before { content: ""; }

.fa-thumbs-up:before { content: ""; }

.fa-thumbs-down:before { content: ""; }

.fa-youtube-square:before { content: ""; }

.fa-youtube:before { content: ""; }

.fa-xing:before { content: ""; }

.fa-xing-square:before { content: ""; }

.fa-youtube-play:before { content: ""; }

.fa-dropbox:before { content: ""; }

.fa-stack-overflow:before { content: ""; }

.fa-instagram:before { content: ""; }

.fa-flickr:before { content: ""; }

.fa-adn:before { content: ""; }

.fa-bitbucket:before { content: ""; }

.fa-bitbucket-square:before { content: ""; }

.fa-tumblr:before { content: ""; }

.fa-tumblr-square:before { content: ""; }

.fa-long-arrow-down:before { content: ""; }

.fa-long-arrow-up:before { content: ""; }

.fa-long-arrow-left:before { content: ""; }

.fa-long-arrow-right:before { content: ""; }

.fa-apple:before { content: ""; }

.fa-windows:before { content: ""; }

.fa-android:before { content: ""; }

.fa-linux:before { content: ""; }

.fa-dribbble:before { content: ""; }

.fa-skype:before { content: ""; }

.fa-foursquare:before { content: ""; }

.fa-trello:before { content: ""; }

.fa-female:before { content: ""; }

.fa-male:before { content: ""; }

.fa-gittip:before { content: ""; }

.fa-sun-o:before { content: ""; }

.fa-moon-o:before { content: ""; }

.fa-archive:before { content: ""; }

.fa-bug:before { content: ""; }

.fa-vk:before { content: ""; }

.fa-weibo:before { content: ""; }

.fa-renren:before { content: ""; }

.fa-pagelines:before { content: ""; }

.fa-stack-exchange:before { content: ""; }

.fa-arrow-circle-o-right:before { content: ""; }

.fa-arrow-circle-o-left:before { content: ""; }

.fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; }

.fa-dot-circle-o:before { content: ""; }

.fa-wheelchair:before { content: ""; }

.fa-vimeo-square:before { content: ""; }

.fa-turkish-lira:before, .fa-try:before { content: ""; }

.fa-plus-square-o:before { content: ""; }

.fa-space-shuttle:before { content: ""; }

.fa-slack:before { content: ""; }

.fa-envelope-square:before { content: ""; }

.fa-wordpress:before { content: ""; }

.fa-openid:before { content: ""; }

.fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; }

.fa-mortar-board:before, .fa-graduation-cap:before { content: ""; }

.fa-yahoo:before { content: ""; }

.fa-google:before { content: ""; }

.fa-reddit:before { content: ""; }

.fa-reddit-square:before { content: ""; }

.fa-stumbleupon-circle:before { content: ""; }

.fa-stumbleupon:before { content: ""; }

.fa-delicious:before { content: ""; }

.fa-digg:before { content: ""; }

.fa-pied-piper-square:before, .fa-pied-piper:before { content: ""; }

.fa-pied-piper-alt:before { content: ""; }

.fa-drupal:before { content: ""; }

.fa-joomla:before { content: ""; }

.fa-language:before { content: ""; }

.fa-fax:before { content: ""; }

.fa-building:before { content: ""; }

.fa-child:before { content: ""; }

.fa-paw:before { content: ""; }

.fa-spoon:before { content: ""; }

.fa-cube:before { content: ""; }

.fa-cubes:before { content: ""; }

.fa-behance:before { content: ""; }

.fa-behance-square:before { content: ""; }

.fa-steam:before { content: ""; }

.fa-steam-square:before { content: ""; }

.fa-recycle:before { content: ""; }

.fa-automobile:before, .fa-car:before { content: ""; }

.fa-cab:before, .fa-taxi:before { content: ""; }

.fa-tree:before { content: ""; }

.fa-spotify:before { content: ""; }

.fa-deviantart:before { content: ""; }

.fa-soundcloud:before { content: ""; }

.fa-database:before { content: ""; }

.fa-file-pdf-o:before { content: ""; }

.fa-file-word-o:before { content: ""; }

.fa-file-excel-o:before { content: ""; }

.fa-file-powerpoint-o:before { content: ""; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; }

.fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; }

.fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; }

.fa-file-movie-o:before, .fa-file-video-o:before { content: ""; }

.fa-file-code-o:before { content: ""; }

.fa-vine:before { content: ""; }

.fa-codepen:before { content: ""; }

.fa-jsfiddle:before { content: ""; }

.fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; }

.fa-circle-o-notch:before { content: ""; }

.fa-ra:before, .fa-rebel:before { content: ""; }

.fa-ge:before, .fa-empire:before { content: ""; }

.fa-git-square:before { content: ""; }

.fa-git:before { content: ""; }

.fa-hacker-news:before { content: ""; }

.fa-tencent-weibo:before { content: ""; }

.fa-qq:before { content: ""; }

.fa-wechat:before, .fa-weixin:before { content: ""; }

.fa-send:before, .fa-paper-plane:before { content: ""; }

.fa-send-o:before, .fa-paper-plane-o:before { content: ""; }

.fa-history:before { content: ""; }

.fa-circle-thin:before { content: ""; }

.fa-header:before { content: ""; }

.fa-paragraph:before { content: ""; }

.fa-sliders:before { content: ""; }

.fa-share-alt:before { content: ""; }

.fa-share-alt-square:before { content: ""; }

.fa-bomb:before { content: ""; }

.container { zoom: 1; max-width: 100%; margin-left: auto; margin-right: auto; padding: 0px 20px 0 20px; }
.container:before, .container:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.container:after { clear: both; }

.last { margin-right: 0; }

.row { zoom: 1; }
.row:before, .row:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.row:after { clear: both; }
.row .row { margin-bottom: 0; }
.row:last-child:nth-child(12n) { margin-right: 0; }
.row:last-child:nth-child(12n+1) { clear: left; }

.col1 { float: left; display: block; margin-right: 0%; width: 8.3333333333%; }
.col1:last-child { margin-right: 0; }

.col2 { float: left; display: block; margin-right: 0%; width: 16.6666666667%; }
.col2:last-child { margin-right: 0; }

.col3 { float: left; display: block; margin-right: 0%; width: 25%; }
.col3:last-child { margin-right: 0; }

.col4 { float: left; display: block; margin-right: 0%; width: 33.3333333333%; }
.col4:last-child { margin-right: 0; }

.col5 { float: left; display: block; margin-right: 0%; width: 41.6666666667%; }
.col5:last-child { margin-right: 0; }

.col6 { float: left; display: block; margin-right: 0%; width: 50%; }
.col6:last-child { margin-right: 0; }

.col7 { float: left; display: block; margin-right: 0%; width: 58.3333333333%; }
.col7:last-child { margin-right: 0; }

.col8 { float: left; display: block; margin-right: 0%; width: 66.6666666667%; }
.col8:last-child { margin-right: 0; }

.col9 { float: left; display: block; margin-right: 0%; width: 75%; }
.col9:last-child { margin-right: 0; }

.col10 { float: left; display: block; margin-right: 0%; width: 83.3333333333%; }
.col10:last-child { margin-right: 0; }

.col11 { float: left; display: block; margin-right: 0%; width: 91.6666666667%; }
.col11:last-child { margin-right: 0; }

.col12 { float: left; display: block; margin-right: 0%; width: 100%; margin-right: 0; }
.col12:last-child { margin-right: 0; }

@media screen and (max-width: 48em) { .col_sm_1 { float: left; display: block; margin-right: 0%; width: 16.6666666667%; }
  .col_sm_1:nth-child(6n) { margin-right: 0; }
  .col_sm_1:nth-child(6n+1) { clear: left; }
  .col_sm_1:last-child { margin-right: 0; }
  .col_sm_2 { float: left; display: block; margin-right: 0%; width: 33.3333333333%; }
  .col_sm_2:last-child { margin-right: 0; }
  .col_sm_3 { float: left; display: block; margin-right: 0%; width: 50%; }
  .col_sm_3:last-child { margin-right: 0; }
  .col_sm_4 { float: left; display: block; margin-right: 0%; width: 66.6666666667%; }
  .col_sm_4:last-child { margin-right: 0; }
  .col_sm_5 { float: left; display: block; margin-right: 0%; width: 83.3333333333%; }
  .col_sm_5:last-child { margin-right: 0; }
  .col_sm_6 { float: left; display: block; margin-right: 0%; width: 100%; }
  .col_sm_6:last-child { margin-right: 0; } }
@media screen and (max-width: 30em) { .col_sm_1:nth-child(6n) { margin-right: 0%; }
  .col_sm_1:nth-child(6n+1) { clear: none; }
  .col_xs_1 { float: left; display: block; margin-right: 0%; width: 25%; }
  .col_xs_1:nth-child(4n) { margin-right: 0; }
  .col_xs_1:nth-child(4n+1) { clear: left; }
  .col_xs_1:last-child { margin-right: 0; }
  .col_xs_2 { float: left; display: block; margin-right: 0%; width: 50%; }
  .col_xs_2:last-child { margin-right: 0; }
  .col_xs_3 { float: left; display: block; margin-right: 0%; width: 75%; }
  .col_xs_3:last-child { margin-right: 0; }
  .col_xs_4 { float: left; display: block; margin-right: 0%; width: 100%; }
  .col_xs_4:last-child { margin-right: 0; } }
body { font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #4e4e4e; line-height: 1.7em; font-size: 1em; }
@media screen and (max-width: 30em) { body { font-size: 0.9em; } }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; margin-top: 0.17em; }

h1, .h1 { font-size: 3.125em; line-height: 1.36em; text-transform: uppercase; }

h2, .h2 { font-size: 2.1875em; line-height: 1.25em; text-transform: uppercase; }

h3, .h3 { font-size: 1.25em; line-height: 1.19em; margin-bottom: 0.2em; }

h4, .h4 { font-size: 1.25em; line-height: 1.19em; }

h5, .h5 { font-size: 1em; line-height: 1.19em; }

h6, .h6 { font-size: 0.85em; }

a { color: #ec008c; text-decoration: none; }

h1 { text-transform: uppercase; }
h1 small { display: block; font-size: 0.8em; color: #253359; }

/* Let's target IE to respect aspect ratios and sizes for img tags containing SVG files  [1] IE9 [2] IE10+ */
/* 1 */
img[src*=".svg"] { width: 100% \9; }

/* 2 */
@media screen and (min-width: 0\0) { img[src*=".svg"] { width: 100%; } }
.block { position: relative; overflow: hidden; border-bottom: 1px #fff solid; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); height: 400px; }
@media screen and (max-width: 30em) { .block { height: 300px; } }
.block:hover .inner .content { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -moz-transform: matrix(1, 0, 0, 1, 0, 0); -ms-transform: matrix(1, 0, 0, 1, 0, 0); -o-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); }
.block:hover .flips .squared_icon { background: #fff; }
.block:hover .flips .squared_icon .mark { color: #253359; }
.block .inner { position: relative; width: 100%; height: 400px; overflow: hidden; padding-bottom: 50%; }
@media screen and (max-width: 30em) { .block .inner { height: 400px; } }
.block .inner .background { position: absolute; width: 100%; top: 0; height: 400px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-background-origin: content-box !important; -moz-background-origin: content-box !important; -o-background-origin: content-box !important; background-origin: content-box !important; background-position: center center !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media screen and (max-width: 30em) { .block .inner .background { background-position: center -100px !important; } }
.block .inner .content { position: absolute; display: table; vertical-align: middle; width: 100%; color: #ffffff; padding: 10px; height: 400px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: matrix(1, 0, 0, 1, 0, 400); -moz-transform: matrix(1, 0, 0, 1, 0, 400); -ms-transform: matrix(1, 0, 0, 1, 0, 400); -o-transform: matrix(1, 0, 0, 1, 0, 400); transform: matrix(1, 0, 0, 1, 0, 400); text-align: center; }
.block .inner .content.paid { background: #253359; /* The Fallback */ background: rgba(37, 51, 89, 0.8); }
.block .inner .content.earned { background: #6dcff6; /* The Fallback */ background: rgba(109, 207, 246, 0.8); }
.block .inner .content.owned { background: #ec008c; /* The Fallback */ background: rgba(236, 0, 140, 0.8); }
.block .inner .content .client_logo { display: block; width: 200px; margin: 20px auto 30px; border-bottom: 1px solid #ffffff; }
.block .inner .content a { display: table-cell; vertical-align: middle; width: 100%; height: 400px; color: #ffffff; }
.block .inner .content a img { max-width: 100%; }

.flips { position: absolute; top: 25px; right: -35px; display: block; width: 150px; z-index: 99; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.touch .block .inner { position: initial; }
.touch .block .inner .content { height: 60px !important; display: block; position: absolute; bottom: 0; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -moz-transform: matrix(1, 0, 0, 1, 0, 0); -ms-transform: matrix(1, 0, 0, 1, 0, 0); -o-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); }
.touch .block .inner .content a { display: block; text-align: left; }
.touch .block .inner .content .client_logo { display: none; width: 10%; margin: 0 10px 0 0; float: left; border-bottom: 0; }

.squared_icon.single .mark { font-size: 1.2em; text-transform: uppercase; }
@media screen and (max-width: 30em) { .squared_icon.single .mark { font-size: 1em; padding: 12px 0; } }
.squared_icon.single .half_static { position: absolute; top: 0px; z-index: 10; }

.squared_icon { position: relative; font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; display: block; height: 30px; width: 150px; top: 0; left: 0; z-index: 1000; transition: all 0.5s ease-out; transition-delay: 0.2s; }
.squared_icon.paid { background: #253359; }
.squared_icon.earned { background: #6dcff6; }
.squared_icon.owned { background: #ec008c; }
.squared_icon .mark { position: absolute; font-size: 1em; color: white; margin: 0px 0 0 0; z-index: 999; padding: 2px 0; display: block; width: 100%; text-align: center; text-transform: uppercase; transition: all 0.3s ease-out; }
.squared_icon .mark a { text-decoration: none; color: white; display: block; transition-delay: 0.2s; }
.squared_icon .front { display: block; position: absolute; top: 0px; width: 0; height: 0; border-style: solid; border-width: 73px 73px 0 0; border-color: transparent #ec008c transparent  transparent; }
.squared_icon .back { display: none; position: absolute; top: 0px; -webkit-transform: translatez(1px); -moz-transform: translatez(1px); -ms-transform: translatez(1px); -o-transform: translatez(1px); transform: translatez(1px); -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 0; height: 0; border-style: solid; border-width: 73px 73px 0 0; border-color: transparent #eee transparent transparent; }

.contactblock { background: #253359; color: #ffffff; padding: 20px; font-size: 0.9em; height: auto; }
.contactblock .inner { height: auto; padding: 0; }
.contactblock span.contactperson { font-weight: 400; }
.contactblock .contactdetails { margin: 20px 0 0 0; }
.contactblock .contactdetails ul { list-style: none; margin: 0px; padding: 0px; }
.contactblock .contactdetails ul li { padding: 10px 0; font-size: 1.2em; }
.contactblock .contactdetails ul li span { padding: 0 10px 0 0; }
.contactblock .contactdetails ul li i { font-size: 1.2em; color: #ffffff; }

@-webkit-keyframes half_animate { from { background-position: 0px 0px; }
  to { background-position: -875px 0px; } }
@-moz-keyframes half_animate { from { background-position: 0px 0px; }
  to { background-position: -875px 0px; } }
@-o-keyframes half_animate { from { background-position: 0px 0px; }
  to { background-position: -875px 0px; } }
@keyframes half_animate { from { background-position: 0px 0px; }
  to { background-position: -875px 0px; } }
.hero.about .content .h1 { display: block; margin: 60px 0 20px 0; color: #ffffff; text-transform: uppercase; }
.hero.about .strap { color: #ffffff; font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 1.3em; }
.hero.about .slider_fade ul { display: none; list-style: none; padding: 0; margin: 0; }

.decor { background: url(img/page_about__decor.jpg) no-repeat center center; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-background-origin: content-box !important; -moz-background-origin: content-box !important; -o-background-origin: content-box !important; background-origin: content-box !important; }

.billboard { padding: 40px 0; }

.mainContent { margin-top: 64px; }
.mainContent .leadin { font-size: 1.30em; text-transform: none; }

.ourTitle { position: relative; }
.ourTitle h1 { padding: 0 100px 0 0; font-size: 2.1875em; }
@media screen and (max-width: 30em) { .ourTitle h1 { padding: 0 0px 0 0; } }

.slider { width: 100%; }
.slider ul { zoom: 1; list-style: none; margin: 0px; padding: 0px; }
.slider ul:before, .slider ul:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.slider ul:after { clear: both; }
.slider ul li { display: block; width: 100%; height: 700px; }
@media screen and (max-width: 30em) { .slider ul li { height: 200px !important; } }
@media screen and (max-width: 48em) { .slider ul li { height: 400px; } }
.slider ul .background { -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-background-origin: content-box !important; -moz-background-origin: content-box !important; -o-background-origin: content-box !important; background-origin: content-box !important; background-position: center center !important; }
.slider ul .background.empty { background: url(svg/paid.svg) no-repeat #ec008c; }
.slider ul .video_play { background: url(img/play_btn.png) no-repeat center center; position: absolute; top: 50%; left: 50%; display: block; margin: -75px 0 0 -75px; height: 150px; width: 150px; }
@media screen and (max-width: 30em) { .slider ul .video_play { -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-background-origin: content-box !important; -moz-background-origin: content-box !important; -o-background-origin: content-box !important; background-origin: content-box !important; margin: -40px 0 0 -40px; height: 80px; width: 80px; } }
.slider ul .video_asset { display: none; }
.slider ul .video-active { width: 100%; height: 100%; display: none; position: absolute; background: #CCCCCC; top: 0; padding: 0; }

.art_top { margin: 0px; }

.art_wrapper { position: relative; }
.art_wrapper .art_content { background: #ffffff; padding: 0 40px 0 20px; }
@media screen and (max-width: 48em) { .art_wrapper .art_content { padding: 0 20px 0 20px; } }
.art_wrapper .art_content p { margin-top: 0; }
.art_wrapper .art_content .inner { padding: 10px 0 0 0; }

.art_side { background: #253359; overflow: hidden; position: relative; }
.art_side .infoBlocks { display: block; background: #dddddd; height: 100px; }
@media screen and (max-width: 30em) { .art_side .infoBlocks { width: 64px; display: none; } }
.art_side .squared_icon { width: 150px; height: 30px; float: right; top: 25px; left: 35px; position: relative; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.art_side .squared_icon .mark { font-size: 0.95em; }
.art_side span.case_client_logo { background-color: #dddddd; display: block; height: 100px; width: 201px; padding: 10px; float: left; top: 0; background-position: center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-background-origin: content-box !important; -moz-background-origin: content-box !important; -o-background-origin: content-box !important; background-origin: content-box !important; }
.art_side span.case_client_logo img { width: 100%; }
@media screen and (max-width: 30em) { .art_side span.case_client_logo { height: 64px; width: 64px; right: 64px; } }
.art_side .heading { position: relative; height: 70px; border-bottom: 1px solid #fff; }
.art_side .heading .h3 { width: 91%; padding: 25px 20px 0px 20px; margin: 0; color: #ffffff; float: left; font-size: 1em; }
.art_side .heading .h3 i { margin: 2px 0 0 20px; font-size: 1.4em; }
.art_side .heading a { position: absolute; display: block; width: 9%; height: 69px; right: 0; background: #ec008c; background: none; float: right; color: #ffffff; }
.art_side .heading a span { width: 0; overflow: hidden; display: block; position: absolute; top: 50%; font-size: 0.6em; margin-top: -12px; }
.art_side .heading a i { font-size: 1.8em; position: absolute; top: 50%; right: 6px; margin-top: -14px; }
.art_side .heading a:hover { width: 100px; }
.art_side .heading a:hover span { width: 100px; padding: 0 5px; }
.art_side .related_case { border-bottom: 1px solid #fff; position: relative; }
.art_side .related_case .background { height: 120px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-background-origin: content-box !important; -moz-background-origin: content-box !important; -o-background-origin: content-box !important; background-origin: content-box !important; opacity: 0.4; background-position: center center !important; }
.art_side .related_case span.client_logo { position: absolute; height: 120px; }
.art_side .related_case span.client_logo img { width: 95%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.art_side .related_case .content { padding: 0 10px 0 20px; height: 120px; }
.art_side .related_case .content a { height: 110px; display: table-cell; vertical-align: middle; color: #ffffff; text-transform: uppercase; font-size: 0.8em; }
.art_side .related_case .content a h3 { font-size: 1.2em; font-weight: 300; }
.art_side .related_case img { width: 100%; }

.single_share { z-index: 1023; width: 100%; }
@media screen and (max-width: 48em) { .single_share { position: inherit; width: 100%; } }
.single_share .share_toggle { display: block; position: relative; float: right; }
@media screen and (max-width: 48em) { .single_share .share_toggle { position: inherit; width: 100%; } }
.single_share .share_toggle span.label { display: inline-block; padding: 14px 10px; }
.single_share .share_toggle a { color: #253359; font-size: 1.3em; display: inline-block; text-align: center; width: 61px; padding: 20px 0px; }
@media screen and (max-width: 48em) { .single_share .share_toggle a i.fa-share-alt { display: none; } }
.single_share .share_toggle:hover a { background: #ec008c; color: #ffffff; }
@media screen and (max-width: 48em) { .single_share .share_toggle:hover a { color: #999999; background: none; } }
.single_share .share_toggle:hover ul { height: 270px; }
@media screen and (max-width: 48em) { .single_share .share_toggle:hover ul { height: auto; } }
.single_share ul { position: absolute; margin: 0px; padding: 0px; list-style: none; height: 0; bottom: 61px; right: 0; z-index: 9999; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
@media screen and (max-width: 48em) { .single_share ul { bottom: 0; height: auto; } }
.single_share ul li { display: block; }
@media screen and (max-width: 48em) { .single_share ul li { display: inline-block; } }
.single_share ul li a { color: #999999; width: 65px; padding: 20px 0px; display: block; text-align: center; font-size: 1.3em; }
.single_share ul li a.google:hover { background: #e74c30; color: #ffffff; }
.single_share ul li a.facebook:hover { background: #4c66a4; color: #ffffff; }
.single_share ul li a.twitter:hover { background: #55acee; color: #ffffff; }
.single_share ul li a.linkedin:hover { background: #007bb6; color: #ffffff; }

.testimonial { font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 600; position: relative; padding: 20px 20px 0px 0px; float: left; width: 50%; margin: 0px; color: #253359; font-size: 1.2em; quotes: "“" "”" "‘" "’"; }
.testimonial.about { margin: 60px 0 0 0; width: 100%; }
@media screen and (max-width: 48em) { .testimonial { width: 100%; margin: 20px 0; } }
.testimonial p { margin: 10px 0px 10px 10px; }
.testimonial:before { top: 23px; font-size: 5em; content: open-quote; }
.testimonial:after { top: 23px; font-size: 5em; content: close-quote; float: right; }
.testimonial span.test_name { font-weight: 300; margin: 15px 0 0 0; display: block; text-style: italic; }

.allcases { background: #eeeeee; }
.allcases:hover { background: #253359; }
.allcases:hover a { color: #ffffff; }
.allcases a { font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 1.5em; color: #253359; }
.allcases a span { padding: 20px; }
.allcases a span.arrow { text-align: right; }

.video_container { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: fixed; top: -10px; left: 50%; margin-top: -215px; margin-left: -340px; padding: 20px; z-index: 99999; background: #ffffff; }
.video_container .close { color: #ffffff; position: absolute; top: -40px; left: 0px; font-size: 2.5em; }

body.videoplaying .video_container { top: 50%; }
body.videoplaying .overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(37, 51, 89, 0.921); z-index: 9999; }

.case_type { display: inline-block; position: relative; padding-bottom: 33.333%; vertical-align: middle; overflow: hidden; }
@media screen and (max-width: 48em) { .case_type { font-size: 0.5em; } }
@media screen and (max-width: 30em) { .case_type { font-size: 0.2em; } }
.case_type span { z-index: 55; top: 50%; margin-top: -35px; left: 50%; margin-left: -50px; font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #ffffff; position: absolute; font-size: 14.5em; }
@media screen and (max-width: 48em) { .case_type span { top: 50%; margin-top: -20px; left: 50%; margin-left: -30px; } }
@media screen and (max-width: 30em) { .case_type span { top: 50%; margin-top: -10px; left: 50%; margin-left: -10px; } }
.case_type svg { display: inline-block; position: absolute; top: 0; left: 0; }

.lrg_paid { background: #253359; }

.lrg_earned { background: #b9006e; }

.lrg_owned { background: #ec008c; }

.infoBlocks { position: relative; overflow: hidden; }

/* ====================================================================================================================
* DEFAULT THEME
* ====================================================================================================================*/
.art_top.loading .slider { background: url(img/loader.gif) center center no-repeat #eeeeee; }

.silderWrap { position: relative; }

.slider { margin: 0 0 0px; background: #fff; position: relative; zoom: 1; height: 700px; }
@media screen and (max-width: 30em) { .slider { height: auto !important; } }
@media screen and (max-width: 48em) { .slider { height: 400px; } }
.slider .caption { position: absolute; display: block; opacity: 0.6; margin: 20px 0px; padding: 2px 10px; top: 0; right: 0; background-color: #fff; }
@media screen and (max-width: 30em) { .slider .caption { min-height: 40px; display: none; padding: 10px; } }
.slider .slides { zoom: 1; }
.slider .slides > li { display: none; -webkit-backface-visibility: hidden; position: relative; }

.flex-viewport { max-height: 2000px; }

.carousel .flex-viewport { height: 200px; }
.carousel ul { zoom: 1; list-style: none; margin: 0; padding: 0; }
.carousel ul:before, .carousel ul:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.carousel ul:after { clear: both; }
.carousel ul li { float: left; height: 105px; }
.carousel ul li span { display: table-cell; vertical-align: middle; height: 100px; }

.kunder-caroual { max-height: 300px; background: #253359; }
@media screen and (max-width: 48em) { .kunder-caroual { max-height: 200px; } }
.kunder-caroual h3 { color: #ffffff; width: 100%; text-align: center; padding: 20px 0; }
.kunder-caroual .carousel { padding: 20px 0; }
.kunder-caroual .carousel li { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; margin: 0 40px 0 0; opacity: 1; }
.kunder-caroual .carousel li img { width: 100%; }
.kunder-caroual .loading ul li { opacity: 0; }

.testi_slider { position: relative; }
.testi_slider .flex-direction-nav li { bottom: 55%; top: auto; width: 100%; display: inline-block !important; *display: inline !important; }
@media screen and (max-width: 48em) { .testi_slider .flex-direction-nav li { padding: 10px 30px; } }

.slider .flex-direction-nav, .testi_slider .flex-direction-nav { *height: 0; height: 20px; position: absolute; bottom: 35%; z-index: 1020; width: 100%; }
.slider .flex-direction-nav li, .testi_slider .flex-direction-nav li { height: auto !important; position: absolute; top: -97px; }
@media screen and (max-width: 48em) { .slider .flex-direction-nav li, .testi_slider .flex-direction-nav li { top: -65px; } }
.slider .flex-direction-nav a, .testi_slider .flex-direction-nav a { font-family: FontAwesome; text-decoration: none; display: block; width: 50px; height: 50px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; font-size: 3.78em; line-height: 50px; cursor: pointer; color: #253359; }
.slider .flex-direction-nav a:before, .testi_slider .flex-direction-nav a:before { content: '\f104'; padding: 20px; }
.slider .flex-direction-nav a.flex-next:before, .testi_slider .flex-direction-nav a.flex-next:before { content: '\f105'; }
.slider .flex-direction-nav .flex-prev, .testi_slider .flex-direction-nav .flex-prev { left: 0; }
.slider .flex-direction-nav .flex-next, .testi_slider .flex-direction-nav .flex-next { right: 10px; text-align: right; }
.flexslider:hover .slider .flex-direction-nav .flex-prev, .flexslider:hover .testi_slider .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .slider .flex-direction-nav .flex-prev:hover, .flexslider:hover .testi_slider .flex-direction-nav .flex-prev:hover { opacity: 1; }
.flexslider:hover .slider .flex-direction-nav .flex-next, .flexslider:hover .testi_slider .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .slider .flex-direction-nav .flex-next:hover, .flexslider:hover .testi_slider .flex-direction-nav .flex-next:hover { opacity: 1; }
.slider .flex-direction-nav .flex-disabled, .testi_slider .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a .flex-play:before { content: '\f003'; }

.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

#loader { display: none; width: 100%; background: #253359; padding: 20px 0; text-align: center; color: #ffffff; }
#loader i { margin: 10px; font-size: 2.2em; }
#loader:hover { background: #222222; }

.hero { min-height: 400px; padding: 0 0px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-background-origin: content-box !important; -moz-background-origin: content-box !important; -o-background-origin: content-box !important; background-origin: content-box !important; background-position: center center; }
.hero .content { color: #253359; max-width: 46.8em; padding: 30px 0; margin: 0px auto; text-align: center; }
.hero .content h1, .hero .content .h1 { color: #253359; }
.hero .content .btn { display: inline-block; margin: 20px 0 0 0; background: #253359; padding: 20px 30px; color: #ffffff; }
.hero .content h1, .hero .content h2 { word-wrap: break-word; }

.hero.service, .hero.about { border-bottom: 1px solid #eeeeee; background-color: #253359; background: url(img/Wall.jpg); }

#services h3 { margin: 0 0 30px 0; }
#services .service { padding: 30px 0; border-bottom: 1px solid #eeeeee; }
@media screen and (max-width: 48em) { #services .service { padding: 30px 10px; } }
#services .content div { padding: 0 20px 0 0; }
@media screen and (max-width: 48em) { #services .content .column { margin: 10px 0; text-align: left; } }
#services .accordion { cursor: pointer; background-color: #6dcff6; color: #fff; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #fff; }
#services .separator { min-height: 100px; overflow: hidden; position: relative; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; background-attachment: fixed !important; background-position: 50% 0px !important; }
@media screen and (max-width: 48em) { #services .separator { display: none; } }

.accordion-open span { width: 20px; height: 20px; display: block; float: right; background: url(img/Minus.png) center center no-repeat; padding: 15px 30px 15px 15px; }

.accordion-close span { width: 20px; height: 20px; display: block; float: right; background: url(img/Plus.png) center center no-repeat; padding: 15px 30px 15px 15px; }

.blog { border: 1px solid #fff; }
@media screen and (max-width: 48em) { .blog { padding: 0px 10px; } }
.blog .post { padding: 0px; border-bottom: 1px solid #eeeeee; }
.blog .post .background { display: block; min-height: 200px; margin: 0 20px 0  0; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-background-origin: content-box !important; -moz-background-origin: content-box !important; -o-background-origin: content-box !important; background-origin: content-box !important; background-position: center center !important; }
@media screen and (max-width: 30em) { .blog .post .background { margin: 0 0px 0  0; } }
.blog .post .background.empty { background: url(svg/paid.svg) no-repeat #ec008c; }

.sidebar { background: #253359; padding: 10px; }
.sidebar .sidebar-widget { margin: 0 0 10px 0; padding: 0 0 20px 0; }
.sidebar .sidebar-widget ul { list-style: none; padding: 0px; margin: 0; }
.sidebar .sidebar-widget ul li { padding: 5px 0; border-bottom: 1px solid #161e35; }
.sidebar .sidebar-widget h3 { color: #ffffff; margin: 40px 0 10px 0; }

.stakehold { min-height: 370px; }
.stakehold .hero { background: #ffd200; }
.stakehold .hero .book { margin: 30px 0 0 0; text-align: center; }
.stakehold .book { margin-top: -45px; margin-bottom: -110px; }
.stakehold .book img { max-width: 100%; }
@media screen and (max-width: 48em) { .stakehold .book { width: 100%; margin: 0px; padding-bottom: 70%; height: 0; overflow: hidden; }
  .stakehold .book img { width: 100%; } }
.stakehold .content { color: #000; text-align: left; }
.stakehold .content h1 { color: #000; }
.stakehold .content .btn { display: inline-block; margin: 20px 0 0 0; background: #000; padding: 5px; color: #ffffff; line-height: 10px; text-transform: uppercase; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7) ; -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7) ; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7) ; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; zoom: 1; }
.stakehold .content .btn:before, .stakehold .content .btn:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.stakehold .content .btn:after { clear: both; }
.stakehold .content .btn span { padding: 15px 10px; float: left; }
.stakehold .content .btn i { float: right; font-size: 2.7em; }
@media screen and (max-width: 48em) { .stakehold .content { width: 100%; } }
.stakehold .txt_group .copy { max-width: 800px; padding: 0 10px 0 20px; }
@media screen and (max-width: 30em) { .stakehold .txt_group .copy { text-align: center; padding: 0 20px; } }
.stakehold .txt_group .copy .btn { display: inline-block; margin: 20px 0 0 0; background: #253359; padding: 20px 30px; color: #ffffff; }
.stakehold .txt_group .book img { max-width: 100%; }
@media screen and (max-width: 30em) { .stakehold .txt_group .book { width: 100%; margin: 0px; padding-bottom: 70%; height: 0; overflow: hidden; }
  .stakehold .txt_group .book img { width: 100%; } }
.stakehold .txt_group h3, .stakehold .txt_group .h3 { margin: 20px 0 0 0; text-transform: uppercase; color: #253359; }
.stakehold .testimonals { padding: 30px 0; position: relative; }
.stakehold .testimonals h2 { text-transform: uppercase; margin: 0 0 30px 0; }
.stakehold .testimonals h3 { text-transform: uppercase; margin: 0 0px 30px 0; }
@media screen and (max-width: 48em) { .stakehold .testimonals h3 { text-align: center; } }
.stakehold .testimonals .testi_slider span.loader { width: 100%; display: block; opacity: 0; position: absolute; top: 60px; bottom: 0; left: 0; line-height: 100px; text-align: center; }
.stakehold .testimonals .testi_slider.loading span.loader { opacity: 1; font-size: 2.78em; }
.stakehold .testimonals .testi_slider.loading ul { opacity: 0; }
.stakehold .testimonals .testi_slider ul { list-style: none; margin: 0px; padding: 0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 1; }
.stakehold .testimonals .testi_slider ul li { padding: 10px; }
.stakehold .testimonals .testi_slider ul li span { display: block; }
.stakehold .testimonals .testi_slider ul li .content { font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 0 auto; float: none; }
.stakehold .testimonals .testi_slider ul li .content .testi_txt { font-style: italic; }
.stakehold .testimonals .testi_slider ul li .content .testi_name { font-weight: 700; margin: 10px 0 0 0; }
.stakehold .forfatteren { background: url(img/casper_stakehold.jpg); min-height: 400px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-background-origin: content-box !important; -moz-background-origin: content-box !important; -o-background-origin: content-box !important; background-origin: content-box !important; background-position: center center; }
.stakehold .forfatteren .content { margin: 40px 0; color: #ffffff; }
.stakehold .forfatteren .content h3 { font-size: 2.78em; text-transform: uppercase; margin: 0 0 25px 0; }

div.stakehold { background: #ffd200; }
div.stakehold .content { padding: 10px 0 10px 0; }
div.stakehold .content h3 { margin: 40px 0 0 0; text-transform: uppercase; }

#stakeholdLead { display: none; position: fixed; background: rgba(255, 210, 0, 0.95); width: 100%; height: 100%; top: 0; z-index: 1040; }
#stakeholdLead h3 { color: #000; text-align: center; margin: 0 0 20px 0; }
#stakeholdLead #response { padding: 20px; height: 50%; overflow: auto; margin: auto; text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
#stakeholdLead #response .msg { font-size: 1.2em; }
#stakeholdLead #response .msg a.link { background: #000; color: #ffffff !important; margin: 10px; display: inline-block; padding: 10px; -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.7) ; -moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.7) ; box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.7) ; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; font-size: 1.3em !important; }
#stakeholdLead #response .msg .closed { color: #000; display: inline-block; text-align: center; font-size: 2.5em; }
#stakeholdLead #response .msg .closed i { padding: 12px 10px; }
#stakeholdLead .loader { display: none; }
#stakeholdLead.loading .loader { text-align: center; color: #ffffff; height: 50%; margin: auto; padding: 10% 0 0 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-size: 3.5em; z-index: 999; display: block; }
#stakeholdLead.loading form { opacity: 0.5; }
#stakeholdLead form { opacity: 1; padding: 20px; height: 50%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
#stakeholdLead form .form_elements { margin: 10px 0; }
#stakeholdLead form input { border: 0px; background: #ffffff; padding: 20px; width: 100%; font-size: 1.5em; font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
#stakeholdLead form input.invalid { color: red !important; background: #ee8a8e; }
#stakeholdLead form input.invalid::-webkit-input-placeholder { color: red !important; }
#stakeholdLead form input.invalid:-moz-placeholder { color: red !important; }
#stakeholdLead form input.invalid::-moz-placeholder { color: red !important; }
#stakeholdLead form input.invalid:-ms-input-placeholder { color: red !important; }
#stakeholdLead form input[type="submit"] { background: #000; color: #ffffff; -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.7) ; -moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.7) ; box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.7) ; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; font-size: 1.5em; }
#stakeholdLead form input[type="submit"]:focus { outline: 0px; }
#stakeholdLead form .closed { color: #000; width: 100%; display: block; text-align: center; font-size: 2.5em; }
#stakeholdLead form .closed i { padding: 12px 10px; }

.contact_page_people { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
.contact_page_people strong { color: #253359; display: block; margin: 0 0 10px 0; font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 2.33em; }
.contact_page_people .name { font-weight: bold; }
.contact_page_people .person { border-right: 1px solid #eeeeee; padding: 20px; }
@media screen and (max-width: 30em) { .contact_page_people .person { border-top: 1px solid #eeeeee; } }

header.contact_point { padding: 0 !important; background: #253359; }
header.contact_point .contact_txt { display: table-cell; vertical-align: middle; min-height: 400px; padding: 18px 30px 0 20px; text-align: left !important; }
@media screen and (max-width: 48em) { header.contact_point .contact_txt { padding: 20px; min-height: 30px; } }
header.contact_point .contact_txt h1, header.contact_point .contact_txt .h1 { color: #fff; }
@media screen and (max-width: 48em) { header.contact_point .contact_txt { text-align: center !important; } }
header.contact_point .contactform { position: relative; min-height: 400px; background: #6dcff6; padding: 20px 20px 20px 20px; color: #253359; }
header.contact_point .contactform.loading > :not(h3):after { position: absolute; bottom: 0; left: 0; content: ""; width: 100px; height: 100px; display: block; background: #ec008c url(img/loader_white.gif) center center no-repeat; }
header.contact_point .contactform #response.sent { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: rgba(236, 0, 140, 0.9); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; }
header.contact_point .contactform #response.sent .success { text-align: center; padding: 30px 20px; }
header.contact_point .contactform #response.sent .success h3 { font-size: 2.33em; }
header.contact_point .contactform #response.sent .success .msg { padding: 10px; font-size: 1.33em; }
header.contact_point .contactform input.invalid { border-bottom: 1px dashed red !important; }
header.contact_point .contactform input.invalid::-webkit-input-placeholder { color: #ec008c !important; opacity: 1 !important; }
header.contact_point .contactform input.invalid:-moz-placeholder { color: #ec008c !important; opacity: 1 !important; }
header.contact_point .contactform input.invalid::-moz-placeholder { color: #ec008c !important; opacity: 1 !important; }
header.contact_point .contactform input.invalid:-ms-input-placeholder { color: #ec008c !important; opacity: 1 !important; }
@media screen and (max-width: 48em) { header.contact_point .contactform { text-align: center; } }
header.contact_point .contactform .form_elements { margin: 10px 0; }
header.contact_point .contactform label, header.contact_point .contactform span, header.contact_point .contactform input { font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 1.3em; line-height: 1.3em; }
@media screen and (max-width: 30em) { header.contact_point .contactform .fullstop { display: none; } }
header.contact_point .contactform input[type="text"], header.contact_point .contactform input[type="email"], header.contact_point .contactform input[type="tel"] { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; background: none; border: 0; border-bottom: 1px dashed #ffffff; color: #ffffff; }
header.contact_point .contactform input[type="text"]::-webkit-input-placeholder, header.contact_point .contactform input[type="email"]::-webkit-input-placeholder, header.contact_point .contactform input[type="tel"]::-webkit-input-placeholder { color: #ffffff; opacity: 1 !important; }
header.contact_point .contactform input[type="text"]:-moz-placeholder, header.contact_point .contactform input[type="email"]:-moz-placeholder, header.contact_point .contactform input[type="tel"]:-moz-placeholder { color: #ffffff; opacity: 1 !important; }
header.contact_point .contactform input[type="text"]::-moz-placeholder, header.contact_point .contactform input[type="email"]::-moz-placeholder, header.contact_point .contactform input[type="tel"]::-moz-placeholder { color: #ffffff; opacity: 1 !important; }
header.contact_point .contactform input[type="text"]:-ms-input-placeholder, header.contact_point .contactform input[type="email"]:-ms-input-placeholder, header.contact_point .contactform input[type="tel"]:-ms-input-placeholder { color: #ffffff; opacity: 1 !important; }
header.contact_point .contactform input[type="text"]:focus, header.contact_point .contactform input[type="email"]:focus, header.contact_point .contactform input[type="tel"]:focus { outline: 0px; }
header.contact_point .contactform input[type="submit"] { background: #ec008c; border: none; color: #ffffff; margin: 20px 0 0 0; padding: 10px 30px; font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 1.2em; }
header.contact_point .contactform input[type="submit"]:focus { outline: 0px; }
header.contact_point .contactform .selectbox { position: relative; font-size: 1.2em; }
header.contact_point .contactform .selectbox:after { position: absolute; top: 5px; right: 5px; content: ""; height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 6px; border-top-color: #253359; }
header.contact_point .contactform .selectbox select { background: #ffffff; font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding: 0 40px; border: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
header.contact_point .contactform .fieldHidden { display: none; }
header.contact_point .contactform h3 { font-size: 1.8em; font-weight: bold; padding: 10px 0; margin: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { margin: 0px; padding: 0px; }

a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.nav-background { display: block; position: fixed; height: 100%; width: 100%; top: 0; background: rgba(37, 51, 89, 0.9); z-index: 1000; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-transform: rotate3d(1, 0, 0, 90deg); -moz-transform: rotate3d(1, 0, 0, 90deg); -ms-transform: rotate3d(1, 0, 0, 90deg); -o-transform: rotate3d(1, 0, 0, 90deg); transform: rotate3d(1, 0, 0, 90deg); -webkit-perspective-origin: 30% 30%; -moz-perspective-origin: 30% 30%; perspective-origin: 30% 30%; }
.nav-background ul { list-style: none; margin: 140px 0 0 0; padding: 0; text-align: center; }
.nav-background ul li { margin: 0px 0; }
.nav-background ul li a { display: block; color: #ffffff; padding: 30px 0; font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 3.5em; }
.nav-background ul li a:hover { background: #ffffff; color: #ec008c; }

.nav { position: fixed; top: 0; width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: #ffffff; z-index: 1030; }
.nav .mainNav { list-style: none; margin: 0; padding: 0; text-align: right; font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; }
@media screen and (max-width: 48em) { .nav .mainNav { display: none; } }
.nav .mainNav li { display: inline-block; }
.nav .mainNav li a { color: #253359; text-transform: uppercase; display: block; padding: 18px; }
.nav .mainNav li a:hover { color: #999999; }

.topbar { margin: 0; position: relative; height: 64px; border-bottom: 1px #eeeeee solid; }
.topbar #toggle { display: none; width: 104px; padding: 22px 40px; cursor: pointer; position: absolute; top: 0; right: 0; z-index: 1030; }
@media screen and (max-width: 48em) { .topbar #toggle { display: block; } }
.topbar #toggle .burger { position: absolute; display: block; background: #4e4e4e; height: 5px; margin: 0.6em auto; width: 40px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.topbar #toggle .burger:after, .topbar #toggle .burger:before { content: ''; display: block; background: #4e4e4e; height: 5px; width: 40px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.topbar #toggle .burger:before { position: absolute; top: -10px; }
.topbar #toggle .burger:after { position: absolute; top: 10px; }

header.row { margin: 0; }

#mainNav.open #toggle .burger { background: none; }
#mainNav.open #toggle .burger:after, #mainNav.open #toggle .burger:before { background: #ffffff; }
#mainNav.open #toggle .burger:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0 !important; }
#mainNav.open #toggle .burger:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0 !important; }
@media screen and (max-width: 48em) { #mainNav.open #nav { position: fixed; height: 100%; width: 100%; background: rgba(37, 51, 89, 0.9); }
  #mainNav.open #nav ul { width: 100%; display: block; list-style: none; margin: 10% 0 0 0; padding: 0; text-align: center; }
  #mainNav.open #nav ul li { margin: 0px 0; display: block; }
  #mainNav.open #nav ul li a { display: block; color: #ffffff; padding: 30px 0; font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 1.5em; }
  #mainNav.open #nav ul li a:hover { background: #ffffff; color: #ec008c; } }
#mainNav.open .navOpen { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-filter: blur(3px); filter: blur(3px); }

.branding { padding: 19px 12px 0 12px; }
.branding img { max-width: 211px; }
@media screen and (max-width: 48em) { .branding img { max-width: 100%; } }
@media screen and (max-width: 30em) { .branding img { max-width: 80%; } }

.frontCarousel { margin-top: 64px; width: 100%; color: #ffffff; min-height: 700px; background: url(img/temp/slide3.jpg) no-repeat; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-background-origin: content-box !important; -moz-background-origin: content-box !important; -o-background-origin: content-box !important; background-origin: content-box !important; background-position: center center; z-index: 1000; }
.frontCarousel .carousel_content { position: relative; text-align: center; max-width: 46.8em; padding: 20px 0; margin: 0  auto; top: 8em; z-index: 1000; }
@media screen and (max-width: 48em) { .frontCarousel .carousel_content { padding: 0 10px; text-align: center; } }
.frontCarousel .carousel_content p { color: #253359; }
.frontCarousel h1 { color: #253359; font-size: 4.8em; }
@media screen and (max-width: 48em) { .frontCarousel h1 { font-size: 2.8em; } }
@media screen and (max-width: 48em) { .frontCarousel { min-height: initial; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -webkit-background-origin: content-box !important; -moz-background-origin: content-box !important; -o-background-origin: content-box !important; background-origin: content-box !important; background-position: center; }
  .frontCarousel .carousel_content { padding: 20px 10px; top: 0.5em; } }
.frontCarousel .overlay { position: fixed; top: 64px; width: 100%; z-index: 777; min-height: 700px; background: #253359; opacity: 0; }
@media screen and (max-width: 48em) { .frontCarousel .overlay { min-height: initial; } }

.front_cases { position: relative; background: #253359; z-index: 1010;   /*@include media($tablet) { margin-top: -15px; // pull up to hide youtube logo on vid //
}*/ }
@media screen and (max-width: 30em) { .front_cases { margin-top: 64px; } }

@media screen and (max-width: 48em) { .thestorie { height: auto; } }
.thestorie.paid { background: #253359; color: #ffffff; height: 400px; }
@media screen and (max-width: 48em) { .thestorie.paid { height: auto; } }
.thestorie.owned { background: #ec008c; color: #ffffff; height: 400px; }
@media screen and (max-width: 48em) { .thestorie.owned { height: auto; } }
.thestorie.earned { background: #6dcff6; color: #ffffff; height: 400px; }
@media screen and (max-width: 48em) { .thestorie.earned { height: auto; } }
.thestorie .inner { padding: 20px 0 20px 0; color: #ffffff; }
.thestorie .inner h3 { margin: 0 0 0 0; }
@media screen and (max-width: 48em) { .thestorie .inner { height: auto; }
  .thestorie .inner h3 { margin: 0px 0 0 0; } }

.socialbar { background: #ffffff; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }
.socialbar .branding { max-width: 200px; }
@media screen and (max-width: 30em) { .socialbar .branding { text-align: center; margin: 0 auto; } }
@media screen and (max-width: 48em) { .socialbar .branding img { width: 90%; } }
.socialbar .socials ul { margin: 0px; padding: 0px; list-style: none; text-align: right; }
@media screen and (max-width: 30em) { .socialbar .socials ul { text-align: center; } }
.socialbar .socials ul li { display: inline-block; font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding: 0 0px; text-align: center; }
@media screen and (max-width: 30em) { .socialbar .socials ul li:nth-child(2n) { margin-right: 0; }
  .socialbar .socials ul li:nth-child(2n+1) { clear: left; } }
@media screen and (max-width: 48em) { .socialbar .socials ul li span.title { display: none; } }
.socialbar .socials ul li span.title { display: none; }
.socialbar .socials ul li a { display: block; padding: 18px 5px; color: #333333; font-size: 1.2em; text-transform: uppercase; }
.socialbar .socials ul li a:hover { background: #ffffff; }
.socialbar .socials ul li a i { margin: 0 20px 0 0; }

.info { font-family: "klavika-web", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding: 10px; }
@media screen and (max-width: 30em) { .info .contact_people { border-top: 1px solid #eeeeee; } }
.info .persons { float: right; }
@media screen and (max-width: 48em) { .info .persons { float: left; } }
.info .persons .person { margin: 0 0 0 30px; display: inline-block; }
@media screen and (max-width: 48em) { .info .persons .person { margin: 0px; padding: 0 5px; } }
@media screen and (max-width: 30em) { .info .persons .person { width: 33.33%; } }

.copyright_wrap { padding: 0 10px; border-top: 1px #eeeeee solid; text-align: right; font-size: 0.8em; }
@media screen and (max-width: 30em) { .copyright_wrap { text-align: center; } }

.map_contact_details { background: #253359; }

.address_side { padding: 20px; color: #ffffff; }

#map-canvas { position: relative; overflow: hidden; padding-bottom: 300px; height: 100%; }

.core_integral { padding: 10px 10px 10px 30px; position: relative; }
@media screen and (max-width: 48em) { .core_integral { text-align: center; } }
.core_integral h3 { padding: 0 10px; margin: 0; color: #ffffff; }
.core_integral div.icon, .core_integral div.txt { float: none !important; display: table-cell; vertical-align: middle; height: 140px; }
.core_integral img { width: 100%; }

.trigger h3, .barrier h3 { color: #253359; }

#video { position: relative; margin: 62px 0 0 0; }
@media screen and (max-width: 30em) { #video { display: none; } }
#video #videoOverlay { position: absolute; top: 0px; }

.video-js { position: relative; padding-bottom: 56.15%; /* 16:9 */ padding-top: 25px; height: 0; margin-top: -12px; overflow: hidden; }
@media screen and (max-width: 30em) { .video-js { display: none; } }
.video-js iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.vjs-control-bar { display: none; }

.address { width: 100%; }
.address p { text-align: center; letter-spacing: 2px; }

.Pageheader { background-color: #ec008c; padding: 20px; }
.Pageheader h1 { color: #FFF; }
.Pageheader h2 { color: #FFF; font-size: 1.2em; text-transform: none; }
.Pageheader h3 { color: #FFF; }

.removePaddingSides { padding-left: 0; padding-right: 0; }