@charset "UTF-8";
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal normal normal 14px/1;
  font-size: inherit;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

.fab {
  font-family: 'Font Awesome 5 Brands';
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "";
}

.fa-accessible-icon:before {
  content: "";
}

.fa-accusoft:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-card:before {
  content: "";
}

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

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

.fa-adversal:before {
  content: "";
}

.fa-affiliatetheme:before {
  content: "";
}

.fa-algolia:before {
  content: "";
}

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

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

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

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

.fa-amazon:before {
  content: "";
}

.fa-amazon-pay:before {
  content: "";
}

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

.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-amilia:before {
  content: "";
}

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

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

.fa-angellist:before {
  content: "";
}

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

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

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

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

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

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

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

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

.fa-angrycreative:before {
  content: "";
}

.fa-angular:before {
  content: "";
}

.fa-app-store:before {
  content: "";
}

.fa-app-store-ios:before {
  content: "";
}

.fa-apper:before {
  content: "";
}

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

.fa-apple-pay:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-assistive-listening-systems:before {
  content: "";
}

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

.fa-asymmetrik:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-audible:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-autoprefixer:before {
  content: "";
}

.fa-avianex:before {
  content: "";
}

.fa-aviato:before {
  content: "";
}

.fa-aws:before {
  content: "";
}

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

.fa-balance-scale:before {
  content: "";
}

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

.fa-bandcamp:before {
  content: "";
}

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

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

.fa-baseball-ball:before {
  content: "";
}

.fa-basketball-ball:before {
  content: "";
}

.fa-bath:before {
  content: "";
}

.fa-battery-empty:before {
  content: "";
}

.fa-battery-full:before {
  content: "";
}

.fa-battery-half:before {
  content: "";
}

.fa-battery-quarter:before {
  content: "";
}

.fa-battery-three-quarters:before {
  content: "";
}

.fa-bed:before {
  content: "";
}

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

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

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

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

.fa-bell-slash:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bimobject:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

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

.fa-bitcoin:before {
  content: "";
}

.fa-bity:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-blackberry:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-blogger:before {
  content: "";
}

.fa-blogger-b:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

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

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

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

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

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

.fa-bowling-ball:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

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

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

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

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

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

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

.fa-buromobelexperte:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

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

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

.fa-calendar-check:before {
  content: "";
}

.fa-calendar-minus:before {
  content: "";
}

.fa-calendar-plus:before {
  content: "";
}

.fa-calendar-times:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

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

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

.fa-cart-plus:before {
  content: "";
}

.fa-cc-amazon-pay:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-apple-pay:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-centercode:before {
  content: "";
}

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

.fa-chart-area:before {
  content: "";
}

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

.fa-chart-line:before {
  content: "";
}

.fa-chart-pie:before {
  content: "";
}

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

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

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

.fa-chess:before {
  content: "";
}

.fa-chess-bishop:before {
  content: "";
}

.fa-chess-board:before {
  content: "";
}

.fa-chess-king:before {
  content: "";
}

.fa-chess-knight:before {
  content: "";
}

.fa-chess-pawn:before {
  content: "";
}

.fa-chess-queen:before {
  content: "";
}

.fa-chess-rook:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

.fa-chrome:before {
  content: "";
}

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

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

.fa-clipboard:before {
  content: "";
}

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

.fa-clone:before {
  content: "";
}

.fa-closed-captioning:before {
  content: "";
}

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

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

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

.fa-cloudscale:before {
  content: "";
}

.fa-cloudsmith:before {
  content: "";
}

.fa-cloudversify:before {
  content: "";
}

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

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

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

.fa-codiepie:before {
  content: "";
}

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

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

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

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

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

.fa-comment-alt:before {
  content: "";
}

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

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

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

.fa-connectdevelop:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

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

.fa-copyright:before {
  content: "";
}

.fa-cpanel:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

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

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

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

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

.fa-css3-alt:before {
  content: "";
}

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

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

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

.fa-cuttlefish:before {
  content: "";
}

.fa-d-and-d:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

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

.fa-deaf:before {
  content: "";
}

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

.fa-deploydog:before {
  content: "";
}

.fa-deskpro:before {
  content: "";
}

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

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

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

.fa-digital-ocean:before {
  content: "";
}

.fa-discord:before {
  content: "";
}

.fa-discourse:before {
  content: "";
}

.fa-dochub:before {
  content: "";
}

.fa-docker:before {
  content: "";
}

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

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

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

.fa-draft2digital:before {
  content: "";
}

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

.fa-dribbble-square:before {
  content: "";
}

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

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

.fa-dyalog:before {
  content: "";
}

.fa-earlybirds:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-edit:before {
  content: "";
}

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

.fa-elementor:before {
  content: "";
}

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

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

.fa-ember:before {
  content: "";
}

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

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

.fa-envelope-open:before {
  content: "";
}

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

.fa-envira:before {
  content: "";
}

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

.fa-erlang:before {
  content: "";
}

.fa-ethereum:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

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

.fa-exchange-alt:before {
  content: "";
}

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

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

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

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

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

.fa-expeditedssl:before {
  content: "";
}

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

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

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

.fa-eye-dropper:before {
  content: "";
}

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

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

.fa-facebook-f:before {
  content: "";
}

.fa-facebook-messenger:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

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

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

.fa-file-image:before {
  content: "";
}

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

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

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

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

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

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

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

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

.fa-firefox:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-firstdraft:before {
  content: "";
}

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

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

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

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

.fa-flipboard:before {
  content: "";
}

.fa-fly:before {
  content: "";
}

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

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

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

.fa-font-awesome:before {
  content: "";
}

.fa-font-awesome-alt:before {
  content: "";
}

.fa-font-awesome-flag:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-fonticons-fi:before {
  content: "";
}

.fa-football-ball:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-fort-awesome-alt:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

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

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

.fa-free-code-camp:before {
  content: "";
}

.fa-freebsd:before {
  content: "";
}

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

.fa-futbol:before {
  content: "";
}

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

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

.fa-gem:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

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

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

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

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

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

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

.fa-gitkraken:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-gitter:before {
  content: "";
}

.fa-glass-martini:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

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

.fa-gofore:before {
  content: "";
}

.fa-golf-ball:before {
  content: "";
}

.fa-goodreads:before {
  content: "";
}

.fa-goodreads-g:before {
  content: "";
}

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

.fa-google-drive:before {
  content: "";
}

.fa-google-play:before {
  content: "";
}

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

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

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

.fa-google-wallet:before {
  content: "";
}

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

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

.fa-grav:before {
  content: "";
}

.fa-gripfire:before {
  content: "";
}

.fa-grunt:before {
  content: "";
}

.fa-gulp:before {
  content: "";
}

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

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

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

.fa-hand-lizard:before {
  content: "";
}

.fa-hand-paper:before {
  content: "";
}

.fa-hand-peace:before {
  content: "";
}

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

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

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

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

.fa-hand-pointer:before {
  content: "";
}

.fa-hand-rock:before {
  content: "";
}

.fa-hand-scissors:before {
  content: "";
}

.fa-hand-spock:before {
  content: "";
}

.fa-handshake:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

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

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

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

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

.fa-heartbeat:before {
  content: "";
}

.fa-hips:before {
  content: "";
}

.fa-hire-a-helper:before {
  content: "";
}

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

.fa-hockey-puck:before {
  content: "";
}

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

.fa-hooli:before {
  content: "";
}

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

.fa-hotjar:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-start:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

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

.fa-hubspot:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-id-card:before {
  content: "";
}

.fa-image:before {
  content: "";
}

.fa-images:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

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

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

.fa-industry:before {
  content: "";
}

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

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

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

.fa-internet-explorer:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

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

.fa-itunes:before {
  content: "";
}

.fa-itunes-note:before {
  content: "";
}

.fa-jenkins:before {
  content: "";
}

.fa-joget:before {
  content: "";
}

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

.fa-js:before {
  content: "";
}

.fa-js-square:before {
  content: "";
}

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

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

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

.fa-keycdn:before {
  content: "";
}

.fa-kickstarter:before {
  content: "";
}

.fa-kickstarter-k:before {
  content: "";
}

.fa-korvue:before {
  content: "";
}

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

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

.fa-laravel:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

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

.fa-leanpub:before {
  content: "";
}

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

.fa-less:before {
  content: "";
}

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

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

.fa-life-ring:before {
  content: "";
}

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

.fa-line:before {
  content: "";
}

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

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

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

.fa-linode:before {
  content: "";
}

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

.fa-lira-sign:before {
  content: "";
}

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

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

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

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

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

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

.fa-lock-open:before {
  content: "";
}

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

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

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

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

.fa-low-vision:before {
  content: "";
}

.fa-lyft:before {
  content: "";
}

.fa-magento:before {
  content: "";
}

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

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

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

.fa-map:before {
  content: "";
}

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

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

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

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

.fa-medapps:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-medium-m:before {
  content: "";
}

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

.fa-medrt:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

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

.fa-mercury:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

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

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

.fa-microsoft:before {
  content: "";
}

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

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

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

.fa-mix:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-mizuni:before {
  content: "";
}

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

.fa-mobile-alt:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-monero:before {
  content: "";
}

.fa-money-bill-alt:before {
  content: "";
}

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

.fa-motorcycle:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

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

.fa-napster:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-newspaper:before {
  content: "";
}

.fa-nintendo-switch:before {
  content: "";
}

.fa-node:before {
  content: "";
}

.fa-node-js:before {
  content: "";
}

.fa-npm:before {
  content: "";
}

.fa-ns8:before {
  content: "";
}

.fa-nutritionix:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

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

.fa-opera:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-osi:before {
  content: "";
}

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

.fa-page4:before {
  content: "";
}

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

.fa-paint-brush:before {
  content: "";
}

.fa-palfed:before {
  content: "";
}

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

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

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

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

.fa-patreon:before {
  content: "";
}

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

.fa-pause-circle:before {
  content: "";
}

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

.fa-paypal:before {
  content: "";
}

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

.fa-pencil-alt:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-periscope:before {
  content: "";
}

.fa-phabricator:before {
  content: "";
}

.fa-phoenix-framework:before {
  content: "";
}

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

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

.fa-phone-volume:before {
  content: "";
}

.fa-php:before {
  content: "";
}

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

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

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

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

.fa-pinterest-p:before {
  content: "";
}

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

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

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

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

.fa-playstation:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

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

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

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

.fa-podcast:before {
  content: "";
}

.fa-pound-sign:before {
  content: "";
}

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

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

.fa-product-hunt:before {
  content: "";
}

.fa-pushed:before {
  content: "";
}

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

.fa-python:before {
  content: "";
}

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

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

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

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

.fa-quidditch:before {
  content: "";
}

.fa-quinscape:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

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

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

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

.fa-ravelry:before {
  content: "";
}

.fa-react:before {
  content: "";
}

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

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

.fa-red-river:before {
  content: "";
}

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

.fa-reddit-alien:before {
  content: "";
}

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

.fa-redo:before {
  content: "";
}

.fa-redo-alt:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-rendact:before {
  content: "";
}

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

.fa-reply:before {
  content: "";
}

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

.fa-replyd:before {
  content: "";
}

.fa-resolving:before {
  content: "";
}

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

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

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

.fa-rocketchat:before {
  content: "";
}

.fa-rockrms:before {
  content: "";
}

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

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

.fa-ruble-sign:before {
  content: "";
}

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

.fa-safari:before {
  content: "";
}

.fa-sass:before {
  content: "";
}

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

.fa-schlix:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

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

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

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

.fa-searchengin:before {
  content: "";
}

.fa-sellcast:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-servicestack:before {
  content: "";
}

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

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

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

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

.fa-shekel-sign:before {
  content: "";
}

.fa-shield-alt:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

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

.fa-shower:before {
  content: "";
}

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

.fa-sign-language:before {
  content: "";
}

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

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

.fa-simplybuilt:before {
  content: "";
}

.fa-sistrix:before {
  content: "";
}

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

.fa-skyatlas:before {
  content: "";
}

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

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

.fa-slack-hash:before {
  content: "";
}

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

.fa-slideshare:before {
  content: "";
}

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

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-snowflake:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

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

.fa-speakap:before {
  content: "";
}

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

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

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

.fa-square-full:before {
  content: "";
}

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

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

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

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

.fa-staylinked:before {
  content: "";
}

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

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

.fa-steam-symbol:before {
  content: "";
}

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

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

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

.fa-sticker-mule:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

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

.fa-stop-circle:before {
  content: "";
}

.fa-stopwatch:before {
  content: "";
}

.fa-strava:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

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

.fa-stripe:before {
  content: "";
}

.fa-stripe-s:before {
  content: "";
}

.fa-studiovinari:before {
  content: "";
}

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

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

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

.fa-subway:before {
  content: "";
}

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

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

.fa-superpowers:before {
  content: "";
}

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

.fa-supple:before {
  content: "";
}

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

.fa-sync-alt:before {
  content: "";
}

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

.fa-table-tennis:before {
  content: "";
}

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

.fa-tablet-alt:before {
  content: "";
}

.fa-tachometer-alt:before {
  content: "";
}

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

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

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

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

.fa-telegram:before {
  content: "";
}

.fa-telegram-plane:before {
  content: "";
}

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

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

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

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

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

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

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

.fa-themeisle:before {
  content: "";
}

.fa-thermometer-empty:before {
  content: "";
}

.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-three-quarters:before {
  content: "";
}

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

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

.fa-thumbtack:before {
  content: "";
}

.fa-ticket-alt:before {
  content: "";
}

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

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

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

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-trash-alt:before {
  content: "";
}

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

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

.fa-tripadvisor:before {
  content: "";
}

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

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

.fa-tty:before {
  content: "";
}

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

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

.fa-tv:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

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

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

.fa-typo3:before {
  content: "";
}

.fa-uber:before {
  content: "";
}

.fa-uikit:before {
  content: "";
}

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

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

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

.fa-undo-alt:before {
  content: "";
}

.fa-uniregistry:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

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

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

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

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

.fa-untappd:before {
  content: "";
}

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

.fa-usb:before {
  content: "";
}

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

.fa-user-circle:before {
  content: "";
}

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

.fa-user-plus:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

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

.fa-ussunnah:before {
  content: "";
}

.fa-utensil-spoon:before {
  content: "";
}

.fa-utensils:before {
  content: "";
}

.fa-vaadin:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-viber:before {
  content: "";
}

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

.fa-vimeo:before {
  content: "";
}

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

.fa-vimeo-v:before {
  content: "";
}

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

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

.fa-vnv:before {
  content: "";
}

.fa-volleyball-ball:before {
  content: "";
}

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

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

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

.fa-vuejs:before {
  content: "";
}

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

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

.fa-whatsapp:before {
  content: "";
}

.fa-whatsapp-square:before {
  content: "";
}

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

.fa-whmcs:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-window-close:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

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

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

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

.fa-wordpress-simple:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

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

.fa-xbox:before {
  content: "";
}

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

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

.fa-y-combinator:before {
  content: "";
}

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

.fa-yandex:before {
  content: "";
}

.fa-yandex-international:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-yen-sign:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

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

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

/*Retina*/
/* Site Globals - btn's, body styling etc
-------------------------*/
/* -------------------------------------------------------------
                            Mixins
------------------------------------------------------------- */
/* Automatically generate percentage based on width you want for element based on the context of original design */
/* Retina Image Sizing
 *-------------------------*/
/* BACKGROUND GRADIENT */
/* Retina bg image
 *-------------------------*/
html {
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-size: 62.5%;
}

body {
  margin: 0;
  line-height: 1;
  color: #4C5355;
  osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
p,
blockquote,
figure,
ol,
ul {
  margin: 0;
  padding: 0;
}

main,
li {
  display: block;
}

h1,
h2,
h3,
h4 {
  font-size: inherit;
  text-rendering: optimizeLegibility;
}

strong {
  font-weight: 600;
}

a,
button {
  color: inherit;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

a {
  text-decoration: none;
}

button {
  overflow: visible;
  border: 0;
  font: inherit;
  -webkit-font-smoothing: inherit;
  letter-spacing: inherit;
  background: none;
  cursor: pointer;
}

hr {
  border: none;
  height: 1px;
  margin-bottom: 10px;
}

::-moz-focus-inner {
  padding: 0;
  border: 0;
}

:focus {
  outline: 0;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

body {
  font-family: "Tajawal", sans-serif;
}

/* ==========================================================================
   Typographic styles:
   ========================================================================== */
html {
  overflow-y: scroll;
}

body {
  min-width: 320px;
  line-height: 1.1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  text-rendering: optimizeLegibility;
  font-weight: 500;
  color: #4C5355;
  font-family: "Roboto Slab", serif;
  line-height: 1.3;
  margin-bottom: 30px;
}

h1 {
  position: relative;
  font-size: 4rem;
  color: #4C5355;
}
h1 span {
  color: #4C5355;
}

h2 {
  font-size: 3rem;
}

h3 {
  font-size: 2.4rem;
}

h4,
h5,
h6 {
  font-size: 2rem;
}

p {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 1.6rem;
  line-height: 1.7;
  font-weight: 400;
  color: #4C5355;
}
@media (min-width: 1200px) {
  p {
    font-size: 1.8rem;
  }
}
p:last-of-type {
  margin-bottom: 0;
}

hr {
  border: none;
  height: 1px;
  margin-bottom: 10px;
}

/*-----------------------
  Links
-------------------------*/
a,
input[type="submit"] {
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

a {
  text-decoration: none;
  color: #4C5355;
}

/*-----------------------
 Headings
-------------------------*/
.heading + p,
header + p {
  font-size: 1.9rem;
}
@media (min-width: 600px) {
  .heading + p,
  header + p {
    font-size: 2.2rem;
  }
}
@media (min-width: 1200px) {
  .heading + p,
  header + p {
    font-size: 2.2rem;
  }
}

/*-----------------------
 iPad Fix for lower ios
-------------------------*/
.browser-ios .background {
  display: none;
  visibility: hidden;
}
.browser-ios .hero--video,
.browser-ios .awards__hero {
  height: 475px;
}
@media (min-width: 768px) {
  .browser-ios .hero--video,
  .browser-ios .awards__hero {
    height: 928px;
  }
}
@media (min-width: 1024px) {
  .browser-ios .hero--video,
  .browser-ios .awards__hero {
    height: 692px;
  }
}

.touch .not-ios .hero--video,
.touch .not-ios .awards__hero {
  -webkit-transition: height 999999s;
  -o-transition: height 999999s;
  transition: height 999999s;
}
@media (min-width: 1200px) {
  .touch .not-ios .hero--video,
  .touch .not-ios .awards__hero {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

/* This is used to put in the size of the sprite-2x image
------------------------------------------------------------ 

This is how you add a sprite and retina image 

.test {
  @include sprite($test-logo);

  @include breakpoint($hidpi) {
    // You can use the other way of background size below if needed.
      background-size: $sprite-2x-size;
      @include sprite-2x($test-logo-2x);
  }
}*/
/*@include breakpoint($hidpi) {
  %sprite-2x-size {
    background-size: $sprite-2x-size;
  }
}*/
/* Cover
------------------------------------------------------------ */
/*
body
{
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

Also may need to add: overflow: hidden; on the container that
has background: cover on.

*/
/* Grid Settings
-------------------------*/
.inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 15px;
}
.ie8 .inner {
  min-width: 960px;
}
.inner--full {
  padding: 0;
  max-width: none;
}
@media (min-width: 1400px) {
  .inner--full {
    padding: 0 4% 4%;
  }
}

.spacer {
  height: 80px;
}

main {
  display: block;
}

main,
.footer {
  position: relative;
  z-index: 4;
}

.circular {
  border-radius: 50%;
  width: 280px;
  height: 280px;
  display: inline-block;
  margin-bottom: 40px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .circular {
    margin-bottom: 80px;
  }
}
.circular img {
  width: 100%;
  height: 100%;
}

.clickBox {
  cursor: pointer;
}

/* Gradient */
/* Sprite Extends to reduce CSS calls */
/*
.background {
  display: none;
  visibility: hidden;
  position: relative;
  height: 600px;
  @extend %cover;

  background-attachment: fixed;

  @include breakpoint($desktop) {
    display: block;
    visibility: visible;
  }
}*/
.bullet-list {
  margin: 50px 20px;
  list-style-type: disc;
}
.bullet-list li {
  color: #4C5355;
  margin-bottom: 15px;
  font-size: 1.8rem;
  line-height: 1.7;
  letter-spacing: -0.02em;
  font-weight: 300;
  text-align: left;
}
.bullet-list li a {
  color: #4C5355;
}

.sitemap {
  padding: 200px 0;
}
.sitemap .inner {
  max-width: 1024px;
}

/* ---- Click Box ----*/
/*
<article>
  <div class="clickBox">
    <a href="#nogo"></a>
    <p>bla bla</p>
  </div>
</article>
*/
.clickBox {
  cursor: pointer;
}

/* Helpers
-------------------------*/
.cf:before, .row:before,
.cf:after,
.row:after {
  content: " ";
  display: table;
}

.cf:after, .row:after {
  clear: both;
}

@media (min-width: 768px) {
  .hide-screen {
    display: none;
  }
}

.hide-mobile {
  display: none;
}
@media (min-width: 768px) {
  .hide-mobile {
    display: block;
  }
}

.centre-text {
  text-align: center;
}

hr {
  margin: 4rem auto;
  background: #f2f2;
  height: 1px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea {
  width: 100%;
  padding: 8px 10px;
  color: #4C5355;
  font-size: 1.4rem;
  font-weight: 300;
}
input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border: none;
}

.btn {
  display: inline-block;
  margin-top: 50px;
  border: 2px solid #ffffff;
  font-size: 1.7rem;
  text-transform: uppercase;
  padding: 10px 25px;
  color: #ffffff;
  background: #4C5355;
}
.btn:hover {
  background: #ffffff;
  color: #4C5355;
}

.has-overlay {
  overflow: hidden;
  height: auto;
}
.has-overlay > body {
  height: 100%;
  overflow: hidden;
}

.modal {
  -webkit-transform: translate(0, 100%) translate3d(0, 100%, 0);
          transform: translate(0, 100%) translate3d(0, 100%, 0);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  display: none\9;
}
.modal--full .modal-inner {
  height: 100vh;
  width: 100%;
  max-width: none;
}
.modal--full .modal-content {
  height: 100vh;
  max-height: none;
}

.modal:target,
.is-active.modal {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
  width: auto;
  height: auto;
  opacity: 1;
}

.is-active.modal {
  display: block\9;
  height: 100% \9;
  width: 100% \9;
}

.modal:target,
.is-active.modal {
  display: block\9;
}

.modal-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 20;
  width: 95%;
  max-width: 66rem;
  -webkit-overflow-scrolling: touch;
  background: #FFFFFF;
  -webkit-transition: max-width .25s linear, margin-left .125s linear;
  -o-transition: max-width .25s linear, margin-left .125s linear;
  transition: max-width .25s linear, margin-left .125s linear;
  overflow-y: auto;
}
.modal-inner .icon-close {
  position: absolute;
  z-index: 15;
  right: 0;
  bottom: 100%;
  width: 50px;
  height: 50px;
  text-indent: -9999em;
}
.modal-inner .icon-close::before, .modal-inner .icon-close::after {
  content: '';
  position: absolute;
  width: 30px;
  top: 50%;
  left: 50%;
  height: 2px;
  margin-left: -15px;
  background: #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.modal-inner .icon-close::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.modal-content {
  position: relative;
  max-height: 95vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 4rem 2rem;
}
@media (min-width: 600px) {
  .modal-content {
    padding: 4rem 5rem;
  }
}
.modal-content > * {
  max-width: 100%;
}

.modal-close {
  display: block;
  height: 1px;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  text-indent: -9999px;
}
.modal-close:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: #000;
}

.modal-closed {
  width: 0px !important;
  height: 0px !important;
  opacity: 0 !important;
}

.modal--video .modal-inner {
  overflow: visible;
  max-width: 1400px;
  border: none;
  margin-top: 30px;
}
.modal--video .modal-content {
  padding: 0;
  overflow: hidden;
}

/* Layout/Base
-------------------------*/
.footer {
  background: #4C5355;
  text-align: center;
}
.footer .inner {
  position: relative;
  padding: 40px 15px;
}
@media (min-width: 768px) {
  .footer .inner {
    padding: 90px 15px;
  }
}
.footer .inner div {
  width: 100%;
  margin-bottom: 50px;
  text-align: left;
}
.footer .inner div.footer__contact p:last-of-type, .footer .inner div.footer__newsletter p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 600px) {
  .footer .inner div.footer__contact, .footer .inner div.footer__social {
    width: 50%;
    float: left;
  }
  .footer .inner div.footer__newsletter {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .footer .inner div.footer__contact, .footer .inner div.footer__social {
    width: 33.333%;
    margin-bottom: 0;
    float: left;
  }
  .footer .inner div.footer__newsletter {
    width: 33.333%;
    margin-bottom: 0;
    float: right;
  }
}
@media (min-width: 1200px) {
  .footer .inner div.footer__contact, .footer .inner div.footer__social, .footer .inner div.footer__newsletter {
    width: 30%;
  }
  .footer .inner div.footer__social {
    float: none;
    display: inline-block;
  }
}
.footer__legal {
  background: #e7e7e7;
  padding: 30px 15px;
}
.footer__legal small {
  display: block;
  margin: 0 auto;
  max-width: 1160px;
  line-height: 1.7;
  font-size: 1.2rem;
  color: #7d878a;
}
@media (min-width: 1200px) {
  .footer__legal small {
    font-size: 1.4rem;
  }
}
.footer__legal small:first-child {
  margin-bottom: 15px;
}
.footer h3,
.footer a {
  color: #ffffff;
}
.footer a:hover {
  text-decoration: underline;
}
.footer p {
  font-size: 1.6rem;
  color: #ffffff;
  font-weight: 300;
  margin-bottom: 20px;
}
.footer p strong {
  font-weight: 400;
}
.footer__contact {
  float: left;
}
.footer__social {
  display: inline-block;
}
.footer__social li {
  margin-bottom: 10px;
}
.footer__social li a {
  font-size: 1.6rem;
  font-weight: 300;
  display: block;
}
.footer__social li a:hover {
  text-decoration: none;
}
.footer__social li a:hover span {
  background: white;
}
.footer__social li a:hover span i {
  color: #4C5355;
}
.footer__social li a span {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 15px;
  vertical-align: middle;
  border: 1px solid #ffffff;
  border-radius: 50%;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}
.footer__social li a span i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.footer__social li:last-child {
  margin-bottom: 0;
}
.footer__newsletter {
  float: right;
  margin-bottom: 0 !important;
}
.footer__newsletter label {
  display: none;
  visibility: hidden;
}
.footer__newsletter div#mc_embed_signup_scroll,
.footer__newsletter div#mc_embed_signup {
  margin-bottom: 0;
}
.footer__newsletter input[type="text"],
.footer__newsletter input[type="email"] {
  border: none;
  outline: none;
}
.footer__newsletter #mc_embed_signup div.mce_inline_error {
  background: none;
  color: white;
  font-size: 13px;
  margin: 0;
  padding: 5px 5px 0;
}
.footer__newsletter .checkbox li {
  display: table;
}
.footer__newsletter .checkbox input {
  display: table-cell;
  margin-right: 5px;
}
.footer__newsletter .checkbox label {
  display: table-cell;
  visibility: visible;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2;
}
.footer__newsletter .mc-field-group {
  margin-bottom: 8px !important;
}
.footer__newsletter .mc-field-group.privacy-statement {
  display: table;
}
.footer__newsletter .mc-field-group.privacy-statement label,
.footer__newsletter .mc-field-group.privacy-statement input {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}
.footer__newsletter .mc-field-group.privacy-statement label {
  visibility: visible;
  padding-right: 5px;
  font-size: 1.2rem;
}
.footer__newsletter .hidden-error {
  display: none;
}
.footer__newsletter #mce-error-response {
  background: #ffffff;
  color: #4C5355;
  padding: 5px;
  font-size: 1.3rem;
  text-align: center;
}
.footer__newsletter .btn {
  margin-top: 5px;
  font-size: 1.4rem;
  padding: 7px 30px;
}
.footer__newsletter .btn:focus {
  outline: none;
}
.footer__designed-by {
  position: absolute;
  right: 15px;
  bottom: 20px;
  margin: 0 !important;
  padding-right: 40px;
}
.footer__designed-by::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../images/sprite.png);
  background-position: 0px 0px;
  width: 32px;
  height: 27px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .footer__designed-by::after {
    background-image: url(../images/sprite-2x.png);
    background-position: 0px 0px;
    -webkit-background-size: 284px 996px;
            background-size: 284px 996px;
  }
}

/**
 * Gridpak Beta SCSS 
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */
/* Reusable column setup */
.col {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}

/* 1. 1 Column Grid 0px - 479px 
----------------------------------------------------------------------------- 

Span 1:    100%

----------------------------------------------------------------------------- */
@media (min-width: 360px) {
  .col {
    margin-left: 0%;
    padding: 0 15px;
  }

  /* --- Gridpak variables ---*/
  .row .col:first-child {
    margin-left: 0;
  }

  /*
  Add your semantic classnames in alongside their corresponding spans here. e.g.
  
  .span_3,
  .my_semantic_class_name {
      ...
  }
  
  */
  .span_1,
  .awards__award,
  .steps__step {
    margin-left: 0;
    width: 100%;
  }
}
/* 2. 2 Column Grid 480px - 599px 
----------------------------------------------------------------------------- 

Span 1:    50.0%
Span 2:    100%

----------------------------------------------------------------------------- */
@media (min-width: 480px) {
  .col {
    margin-left: 0%;
    padding: 0 15px;
  }

  /* --- Gridpak variables ---*/
  .row .col:first-child {
    margin-left: 0;
  }

  .span_1 {
    width: 50%;
    border-left-width: 0;
    padding: 0 15px;
    margin-left: 0%;
  }

  .span_2 {
    margin-left: 0;
    width: 100%;
  }
}
/* 3. 4 Column Grid 600px - 759px 
----------------------------------------------------------------------------- 

Span 1:    25.0%
Span 2:    50.0%
Span 3:    75.0%
Span 4:    100%

----------------------------------------------------------------------------- */
@media (min-width: 600px) {
  .col {
    margin-left: 0%;
    padding: 0 15px;
  }

  /* --- Gridpak variables ---*/
  .row .col:first-child {
    margin-left: 0;
  }

  .span_1 {
    width: 25%;
    border-left-width: 0;
    padding: 0 15px;
    margin-left: 0%;
  }

  .span_2,
  .awards__award {
    width: 50%;
    border-left-width: 0;
    padding: 0 15px;
    margin-left: 0%;
  }

  .span_3 {
    width: 75%;
    border-left-width: 0;
    padding: 0 15px;
    margin-left: 0%;
  }

  .span_4 {
    margin-left: 0;
    width: 100%;
  }
}
/* 4. 6 Column Grid 760px - 959px 
----------------------------------------------------------------------------- 

Span 1:    16.6666666667%
Span 2:    33.3333333333%
Span 3:    50.0%
Span 4:    66.6666666667%
Span 5:    83.3333333333%
Span 6:    100%

----------------------------------------------------------------------------- */
@media (min-width: 768px) {
  .col {
    border-left-width: 0px;
    padding: 0 15px;
  }

  /* --- Gridpak variables ---*/
  .span_1 {
    width: 16.6666666667%;
    border-left-width: 0px;
    padding: 0 15px;
    margin-left: 0;
  }

  .span_2,
  .steps__step {
    width: 33.3333333333%;
    border-left-width: 0px;
    padding: 0 15px;
    margin-left: 0;
  }

  .span_3 {
    width: 50%;
    border-left-width: 0px;
    padding: 0 15px;
    margin-left: 0;
  }

  .span_4 {
    width: 66.6666666667%;
    border-left-width: 0px;
    padding: 0 15px;
    margin-left: 0;
  }

  .span_5 {
    width: 83.3333333333%;
    border-left-width: 0px;
    padding: 0 15px;
    margin-left: 0;
  }

  .span_6 {
    margin-left: 0;
    width: 100%;
  }
}
/* 5. 12 Column Grid 960px - Infinity 
----------------------------------------------------------------------------- 

Span 1:    8.33333333333%
Span 2:    16.6666666667%
Span 3:    25.0%
Span 4:    33.3333333333%
Span 5:    41.6666666667%
Span 6:    50.0%
Span 7:    58.3333333333%
Span 8:    66.6666666667%
Span 9:    75.0%
Span 10:    83.3333333333%
Span 11:    91.6666666667%
Span 12:    100%

----------------------------------------------------------------------------- */
@media (min-width: 1024px) {
  .col {
    margin-left: 0%;
    padding: 0 15px;
  }

  /* --- Gridpak variables ---*/
  .row .col:first-child {
    margin-left: 0;
  }

  .span_1 {
    width: 8.3333333333%;
    border-left-width: 0;
    padding: 0 15px;
    margin-left: 0%;
  }

  .span_2 {
    width: 16.6666666667%;
    border-left-width: 0;
    padding: 0 15px;
    margin-left: 0%;
  }

  .span_3,
  .awards__award {
    width: 25%;
    border-left-width: 0;
    padding: 0 15px;
    margin-left: 0%;
  }

  .span_4,
  .steps__step {
    width: 33.3333333333%;
    border-left-width: 0;
    padding: 0 15px;
    margin-left: 0%;
  }

  .span_5 {
    width: 41.6666666667%;
    border-left-width: 0;
    padding: 0 15px;
    margin-left: 0%;
  }

  .span_6 {
    width: 50%;
    border-left-width: 0;
    padding: 0 15px;
    margin-left: 0%;
  }

  .span_7 {
    width: 58.3333333333%;
    border-left-width: 0;
    padding: 0 15px;
    margin-left: 0%;
  }

  .span_8 {
    width: 66.6666666667%;
    border-left-width: 0;
    padding: 0 15px;
    margin-left: 0%;
  }

  .span_9 {
    width: 75%;
    border-left-width: 0;
    padding: 0 15px;
    margin-left: 0%;
  }

  .span_10 {
    width: 83.3333333333%;
    border-left-width: 0;
    padding: 0 15px;
    margin-left: 0%;
  }

  .span_11 {
    width: 91.6666666667%;
    border-left-width: 0;
    padding: 0 15px;
    margin-left: 0%;
  }

  .span_12 {
    margin-left: 0;
    width: 100%;
  }
}
.row--full {
  margin-left: -15px;
  margin-right: -15px;
}

@-webkit-keyframes navigation-slide {
  0% {
    top: -95px;
  }
  30% {
    top: -95px;
  }
  100% {
    top: 0;
  }
}
@-o-keyframes navigation-slide {
  0% {
    top: -95px;
  }
  30% {
    top: -95px;
  }
  100% {
    top: 0;
  }
}
@keyframes navigation-slide {
  0% {
    top: -95px;
  }
  30% {
    top: -95px;
  }
  100% {
    top: 0;
  }
}
.header {
  width: 100%;
}
.header__nav {
  display: none;
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
  bottom: 75px;
}
.header__nav ul {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80%;
  max-width: 340px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.header__nav li {
  display: block;
  margin: 10px 0;
}
.header__nav li:last-of-type {
  margin-bottom: 0;
}
.header__nav li a {
  color: #fff;
  font-weight: 400;
  display: inline-block;
  border-bottom: 2px solid transparent;
  font-size: 2rem;
  line-height: 1.4;
  padding: 5px;
}
@media (min-width: 1024px) {
  .header__nav li a {
    font-size: 2.2rem;
  }
}
.header__nav li a:hover, .header__nav li a.active {
  border-color: white;
}
.header__nav.responsive {
  position: absolute;
  z-index: 99;
  display: block;
  visibility: visible;
  top: 0;
  left: auto;
  bottom: 0;
  background: #4C5355;
  right: -100%;
  width: 100%;
  background: #4C5355;
}
.header__nav.responsive.fixed {
  position: fixed;
}
.header--fixed {
  display: none;
  position: fixed;
  z-index: 9999;
  padding: 10px 0;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.95);
  -webkit-animation: navigation-slide 1000ms 1;
  -o-animation: navigation-slide 1000ms 1;
  animation: navigation-slide 1000ms 1;
}
@media (min-width: 1024px) {
  .header--fixed {
    display: block;
  }
}
.header--fixed .header__nav {
  position: static;
}
.header--fixed .header__logo {
  position: static;
  top: auto;
  left: auto;
  display: none;
  visibility: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
       -o-transform: translateX(0%);
          transform: translateX(0%);
  width: auto;
  height: auto;
}
.header--fixed .header__logo.alt {
  float: left;
  display: block;
  visibility: visible;
  background-image: url(../images/sprite.png);
  background-position: 0px -199px;
  width: 226px;
  height: 56px;
}
.header--fixed .header__nav {
  width: auto;
  display: inline-block;
  float: right;
  margin-top: 10px;
}
.header--fixed .header__nav a {
  color: #4C5355;
}
@media (min-width: 1200px) {
  .header--fixed .header__nav a {
    font-size: 1.6rem;
  }
}

.header--alt .header__logo {
  position: absolute;
  top: 15px;
  left: 15px;
  background-image: url(../images/sprite.png);
  background-position: 0px -27px;
  width: 172px;
  height: 43px;
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
       -o-transform: translateX(0%);
          transform: translateX(0%);
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .header--alt .header__logo {
    -webkit-background-size: 284px 996px;
            background-size: 284px 996px;
    background-image: url(../images/sprite-2x.png);
    background-position: 0px -27px;
  }
}
@media (min-width: 1024px) {
  .header--alt {
    position: fixed;
    z-index: 9999;
    padding: 10px 0;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.9);
  }
  .header--alt .header__nav {
    position: static;
  }
  .header--alt .header__logo {
    display: none;
    visibility: hidden;
    position: static;
    top: auto;
    left: auto;
    display: none;
    visibility: hidden;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
         -o-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    width: auto;
    height: auto;
  }
  .header--alt .header__logo.alt {
    float: left;
    display: block;
    visibility: visible;
    background-image: url(../images/sprite.png);
    background-position: 0px -199px;
    width: 226px;
    height: 56px;
  }
}
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1024px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 1024px) and (min-resolution: 1.5dppx), (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), (min-width: 1024px) and (min-resolution: 144dpi) {
  .header--alt .header__logo.alt {
    -webkit-background-size: 284px 996px;
            background-size: 284px 996px;
    background-image: url(../images/sprite-2x.png);
    background-position: 0px -199px;
  }
}
@media (min-width: 1024px) {
  .header--alt .header__nav {
    width: auto;
    display: inline-block;
    float: right;
    margin-top: 10px;
  }
  .header--alt .header__nav a {
    color: #4C5355;
  }
}
@media (min-width: 1024px) and (min-width: 1200px) {
  .header--alt .header__nav a {
    font-size: 1.6rem;
  }
}

.header--home .header__logo {
  background-image: url(../images/sprite.png);
  background-position: 0px -113px;
  width: 172px;
  height: 43px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .header--home .header__logo {
    -webkit-background-size: 284px 996px;
            background-size: 284px 996px;
    background-image: url(../images/sprite-2x.png);
    background-position: 0px -113px;
  }
}

.header--football .header__logo.alt,
.header--football .header__logo {
  background-image: url(../images/sprite.png);
  background-position: 0px -70px;
  width: 172px;
  height: 43px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .header--football .header__logo.alt,
  .header--football .header__logo {
    -webkit-background-size: 284px 996px;
            background-size: 284px 996px;
    background-image: url(../images/sprite-2x.png);
    background-position: 0px -70px;
  }
}
@media (min-width: 1024px) {
  .header--football .header__logo.alt,
  .header--football .header__logo {
    background-image: url(../images/sprite.png);
    background-position: 0px -255px;
    width: 226px;
    height: 56px;
  }
}
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1024px) and (-o-min-device-pixel-ratio: 3/2), (min-width: 1024px) and (min-resolution: 1.5dppx), (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.5), (min-width: 1024px) and (min-resolution: 144dpi) {
  .header--football .header__logo.alt,
  .header--football .header__logo {
    -webkit-background-size: 284px 996px;
            background-size: 284px 996px;
    background-image: url(../images/sprite-2x.png);
    background-position: 0px -255px;
  }
}

@media (min-width: 1024px) {
  .hero--football .header--football.header--fixed .header__logo.alt,
  .hero--football .header--football.header--fixed .header__logo {
    background-image: url(../images/sprite.png);
    background-position: 0px -255px;
    width: 226px;
    height: 56px;
  }
}

.fixed {
  position: fixed;
}

/* Components
-------------------------*/
.hamburger {
  position: absolute;
  z-index: 10;
  right: 15px;
  top: 15px;
  display: inline-block;
  text-indent: -9999px;
  padding: 5px;
  width: 40px;
}
@media (min-width: 1024px) {
  .hamburger {
    top: 30px;
    right: 30px;
  }
}
@media (min-width: 1200px) {
  .hamburger {
    top: 65px;
    right: 65px;
  }
}
.hamburger span {
  border-radius: 3px;
  background: white;
  height: 2px;
  display: block;
  margin-top: 5px;
}
.hamburger.close {
  height: 35px;
  right: 15px;
  top: 15px;
}
.hamburger.close span {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  background: #ffffff;
}
.hamburger.close span:first-child {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: relative;
  left: 0;
  top: 7px;
}
.hamburger:hover, .hamburger:focus {
  cursor: pointer;
}

.hero {
  position: relative;
  height: 75vh;
  background: url("../images/hero-bg.jpg") no-repeat center center;
  -webkit-background-size: cover;
          background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  max-height: 45rem;
}
@media (min-width: 1024px) {
  .hero {
    max-height: 65rem;
  }
}
.hero__logo {
  width: 70vw;
  max-width: 250px;
}
@media (min-width: 1024px) {
  .hero__logo {
    max-width: 300px;
  }
}
.hero .icon-logo {
  -webkit-background-size: contain;
          background-size: contain;
  width: 20rem;
  height: 24rem;
}
@media (min-width: 1024px) {
  .hero {
    margin: 2rem;
  }
}
@media (min-width: 1200px) {
  .hero {
    margin: 5rem;
    max-height: 75rem;
  }
}
.hero__btn {
  position: absolute;
  top: 2.5rem;
  left: 2rem;
  font-size: 1.6rem;
  line-height: 1.6rem;
  height: 1.6rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}
.hero__btn:hover {
  text-decoration: underline;
}

.intro {
  padding: 3rem 2rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .intro {
    padding: 7rem 2rem 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 1200px) {
  .intro {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.intro__text {
  -webkit-flex-basis: 45%;
      -ms-flex-preferred-size: 45%;
          flex-basis: 45%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 4rem;
}
@media (min-width: 768px) {
  .intro__text {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
.intro__images {
  position: relative;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
@media (min-width: 768px) {
  .intro__images {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
.intro__images__sml {
  position: absolute;
  top: -50px;
  left: -100px;
  border: 10px solid white;
  display: none;
}
@media (min-width: 1400px) {
  .intro__images__sml {
    display: block;
  }
}
.intro__bottom {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
  margin-top: 4rem;
}
.intro h3 {
  margin-bottom: 15px;
}

/*.services {
	li {
		float: left;
		width: 25%;

		article {
			position: relative;
			height: 350px;
			overflow: hidden;

			&:hover img {
				width: 100%;
				-webkit-filter: none;
				filter: none;
			}

			img {

				@include breakpoint($desktop) {
					position: absolute;
					left: 50%;
					top: 50%;
					@include translate(-50%, -50%);
					@include transition(all, 0.25s, linear);
					width: 105%;
					max-width: none;

					-webkit-filter: grayscale(1);
					-webkit-filter: grayscale(100%);
					filter: gray;
					filter: grayscale(100%);
					filter: url(desaturate.svg#greyscale);
				}
			
			}
		}
	}
}*/
.services {
  max-width: 1440px;
  margin: 2rem auto;
}
@media (min-width: 600px) {
  .services {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.service {
  position: relative;
  height: 350px;
  overflow: hidden;
  padding: 20px;
}
.service::before {
  content: "";
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: url("../images/logo.png") no-repeat;
  -webkit-background-size: contain;
          background-size: contain;
  opacity: .15;
  width: 200px;
  height: 150px;
}
.service:hover .service__colour, .service:focus .service__colour {
  opacity: .85;
}
.service:hover .icon-logo-icon, .service:focus .icon-logo-icon {
  -webkit-transform: scale(4.7);
      -ms-transform: scale(4.7);
       -o-transform: scale(4.7);
          transform: scale(4.7);
}
.service .icon-logo-icon {
  display: block;
  position: absolute;
  z-index: 2;
  -webkit-transform: scale(4.5);
      -ms-transform: scale(4.5);
       -o-transform: scale(4.5);
          transform: scale(4.5);
  position: absolute;
  right: 60px;
  bottom: 120px;
  opacity: .07;
  -webkit-transition: -webkit-transform .25s linear;
  transition: -webkit-transform .25s linear;
  -o-transition: -o-transform .25s linear;
  transition: transform .25s linear;
  transition: transform .25s linear, -webkit-transform .25s linear, -o-transform .25s linear;
}
@media (min-width: 600px) {
  .service {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
  .service:first-of-type {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
}
@media (min-width: 1024px) {
  .service {
    -webkit-flex-basis: 33.333%;
        -ms-flex-preferred-size: 33.333%;
            flex-basis: 33.333%;
  }
  .service:first-of-type, .service:last-of-type {
    -webkit-flex-basis: 66.666%;
        -ms-flex-preferred-size: 66.666%;
            flex-basis: 66.666%;
  }
}
.service a {
  display: block;
  position: absolute;
  z-index: 3;
  left: 2rem;
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
}
.service h2 {
  position: absolute;
  top: 6rem;
  left: 4rem;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-family: "Tajawal", sans-serif;
  color: white;
  font-weight: 500;
}
@media (min-width: 600px) {
  .service h2 {
    font-size: 1.8rem;
  }
}
.service h2::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1rem;
  background: white;
  width: 6rem;
  height: .2rem;
}
.service p {
  position: absolute;
  left: 4rem;
  right: 4rem;
  top: 13rem;
  font-family: "Roboto Slab", serif;
  color: white;
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: 300;
}
@media (min-width: 1024px) {
  .service p {
    top: 16rem;
  }
}
.service__colour {
  position: absolute;
  z-index: -1;
  left: 2rem;
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  -webkit-transition: opacity .25s linear;
  -o-transition: opacity .25s linear;
  transition: opacity .25s linear;
}

/* Base64
-------------------------*/
/* Height MQ
-------------------------*/
@media only screen and (max-device-height: 450px) and (orientation: landscape) {
  .hero--video {
    min-height: 375px;
  }

  .hero--alt {
    height: 375px;
  }

  .header__logo {
    top: 10%;
  }

  h1, .awards__hero h2 {
    font-size: 5rem;
  }

  .awards .awards__hero p {
    font-size: 1.6rem;
  }

  .slick-slide {
    padding: 0 60px;
  }

  .header__nav li a {
    padding: 10px 0;
    font-size: 1.8rem;
  }
}
@media only screen and (max-device-height: 320px) and (orientation: landscape) {
  .hero--video {
    min-height: 320px;
  }

  .hero--alt {
    height: 320px;
  }
}

/*# sourceMappingURL=core.css.map */