/* --------------------Loader ------------------------*/
.lds-dual-ring {
  display: inline-block;
  /* width: 64px; 
  height: 64px; */
}

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* ------------------ Declarations ------------------ */

@font-face {
  font-family: 'bebas_neue';
  font-display: swap;
  src: url('../fonts/bebasneue-webfont.eot');
  src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bebasneue-webfont.woff2') format('woff2'),
    url('../fonts/bebasneue-webfont.woff') format('woff'),
    url('../fonts/bebasneue-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

  /* text-height:auto; */
}

@font-face {
  font-family: 'abel';
  src: url('../fonts/abel-regular.eot');
  src: url('../fonts/abel-regular.woff2') format('woff2'),
    url('../fonts/abel-regular.woff') format('woff'),
    url('../fonts/abel-regular.ttf') format('truetype'),
    url('../fonts/abel-regular.svg#abel-regular') format('svg'),
    url('../fonts/abel-regular.eot?#iefix') format('embedded-opentype');
  font-weight: bolder;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'manrope';
  src: url('../fonts/manrope-regular.ttf');
  font-weight: bolder;
  font-style: normal;
  font-display: swap;
}


/* Font declarations & queries 
@font-face {
    font-family: 'socicon';
  src:url("../fonts/socicon.eot");
  src:url("../fonts/socicon.eot?#iefix") format("embedded-opentype"),
    url("../fonts/socicon.woff") format("woff"),
    url("../fonts/socicon.ttf") format("truetype"),
    url("../fonts/socicon.svg#socicon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block!important;

} */


/* ------------------ Font declarations end ------------------ */


@font-face {
  font-family: 'Socicon';
  font-display: block;
  src: url('../fonts/socicon/socicon.eot?ls8ev');
  src: url('../fonts/socicon/socicon.eot?ls8ev#iefix') format('embedded-opentype'),
    url('../fonts/socicon/socicon.woff2?ls8ev') format('woff2'),
    url('../fonts/socicon/socicon.ttf?ls8ev') format('truetype'),
    url('../fonts/socicon/socicon.woff?ls8ev') format('woff'),
    url('../fonts/socicon/socicon.svg?ls8ev#Socicon') format('svg');
  font-weight: normal;
  font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: socicon;
    font-display: block;
    src: url("../fonts/socicon.svg#socicon") format("svg");


  }

}

[class^="socicon-"],
[class*=" socicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Socicon' !important;
  /* speak: none; */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.socicon-eitaa:before {
  content: "\e97c";
}

.socicon-soroush:before {
  content: "\e97d";
}

.socicon-bale:before {
  content: "\e97e";
}

.socicon-zazzle:before {
  content: "\e97b";
}

.socicon-society6:before {
  content: "\e97a";
}

.socicon-redbubble:before {
  content: "\e979";
}

.socicon-avvo:before {
  content: "\e978";
}

.socicon-stitcher:before {
  content: "\e977";
}

.socicon-googlehangouts:before {
  content: "\e974";
}

.socicon-dlive:before {
  content: "\e975";
}

.socicon-vsco:before {
  content: "\e976";
}

.socicon-flipboard:before {
  content: "\e973";
}

.socicon-ubuntu:before {
  content: "\e958";
}

.socicon-artstation:before {
  content: "\e959";
}

.socicon-invision:before {
  content: "\e95a";
}

.socicon-torial:before {
  content: "\e95b";
}

.socicon-collectorz:before {
  content: "\e95c";
}

.socicon-seenthis:before {
  content: "\e95d";
}

.socicon-googleplaymusic:before {
  content: "\e95e";
}

.socicon-debian:before {
  content: "\e95f";
}

.socicon-filmfreeway:before {
  content: "\e960";
}

.socicon-gnome:before {
  content: "\e961";
}

.socicon-itchio:before {
  content: "\e962";
}

.socicon-jamendo:before {
  content: "\e963";
}

.socicon-mix:before {
  content: "\e964";
}

.socicon-sharepoint:before {
  content: "\e965";
}

.socicon-tinder:before {
  content: "\e966";
}

.socicon-windguru:before {
  content: "\e967";
}

.socicon-cdbaby:before {
  content: "\e968";
}

.socicon-elementaryos:before {
  content: "\e969";
}

.socicon-stage32:before {
  content: "\e96a";
}

.socicon-tiktok:before {
  content: "\e96b";
}

.socicon-gitter:before {
  content: "\e96c";
}

.socicon-letterboxd:before {
  content: "\e96d";
}

.socicon-threema:before {
  content: "\e96e";
}

.socicon-splice:before {
  content: "\e96f";
}

.socicon-metapop:before {
  content: "\e970";
}

.socicon-naver:before {
  content: "\e971";
}

.socicon-remote:before {
  content: "\e972";
}

.socicon-internet:before {
  content: "\e957";
}

.socicon-moddb:before {
  content: "\e94b";
}

.socicon-indiedb:before {
  content: "\e94c";
}

.socicon-traxsource:before {
  content: "\e94d";
}

.socicon-gamefor:before {
  content: "\e94e";
}

.socicon-pixiv:before {
  content: "\e94f";
}

.socicon-myanimelist:before {
  content: "\e950";
}

.socicon-blackberry:before {
  content: "\e951";
}

.socicon-wickr:before {
  content: "\e952";
}

.socicon-spip:before {
  content: "\e953";
}

.socicon-napster:before {
  content: "\e954";
}

.socicon-beatport:before {
  content: "\e955";
}

.socicon-hackerone:before {
  content: "\e956";
}

.socicon-hackernews:before {
  content: "\e946";
}

.socicon-smashwords:before {
  content: "\e947";
}

.socicon-kobo:before {
  content: "\e948";
}

.socicon-bookbub:before {
  content: "\e949";
}

.socicon-mailru:before {
  content: "\e94a";
}

.socicon-gitlab:before {
  content: "\e945";
}

.socicon-instructables:before {
  content: "\e944";
}

.socicon-portfolio:before {
  content: "\e943";
}

.socicon-codered:before {
  content: "\e940";
}

.socicon-origin:before {
  content: "\e941";
}

.socicon-nextdoor:before {
  content: "\e942";
}

.socicon-udemy:before {
  content: "\e93f";
}

.socicon-livemaster:before {
  content: "\e93e";
}

.socicon-crunchbase:before {
  content: "\e93b";
}

.socicon-homefy:before {
  content: "\e93c";
}

.socicon-calendly:before {
  content: "\e93d";
}

.socicon-realtor:before {
  content: "\e90f";
}

.socicon-tidal:before {
  content: "\e910";
}

.socicon-qobuz:before {
  content: "\e911";
}

.socicon-natgeo:before {
  content: "\e912";
}

.socicon-mastodon:before {
  content: "\e913";
}

.socicon-unsplash:before {
  content: "\e914";
}

.socicon-homeadvisor:before {
  content: "\e915";
}

.socicon-angieslist:before {
  content: "\e916";
}

.socicon-codepen:before {
  content: "\e917";
}

.socicon-slack:before {
  content: "\e918";
}

.socicon-openaigym:before {
  content: "\e919";
}

.socicon-logmein:before {
  content: "\e91a";
}

.socicon-fiverr:before {
  content: "\e91b";
}

.socicon-gotomeeting:before {
  content: "\e91c";
}

.socicon-aliexpress:before {
  content: "\e91d";
}

.socicon-guru:before {
  content: "\e91e";
}

.socicon-appstore:before {
  content: "\e91f";
}

.socicon-homes:before {
  content: "\e920";
}

.socicon-zoom:before {
  content: "\e921";
}

.socicon-alibaba:before {
  content: "\e922";
}

.socicon-craigslist:before {
  content: "\e923";
}

.socicon-wix:before {
  content: "\e924";
}

.socicon-redfin:before {
  content: "\e925";
}

.socicon-googlecalendar:before {
  content: "\e926";
}

.socicon-shopify:before {
  content: "\e927";
}

.socicon-freelancer:before {
  content: "\e928";
}

.socicon-seedrs:before {
  content: "\e929";
}

.socicon-bing:before {
  content: "\e92a";
}

.socicon-doodle:before {
  content: "\e92b";
}

.socicon-bonanza:before {
  content: "\e92c";
}

.socicon-squarespace:before {
  content: "\e92d";
}

.socicon-toptal:before {
  content: "\e92e";
}

.socicon-gust:before {
  content: "\e92f";
}

.socicon-ask:before {
  content: "\e930";
}

.socicon-trulia:before {
  content: "\e931";
}

.socicon-loomly:before {
  content: "\e932";
}

.socicon-ghost:before {
  content: "\e933";
}

.socicon-upwork:before {
  content: "\e934";
}

.socicon-fundable:before {
  content: "\e935";
}

.socicon-booking:before {
  content: "\e936";
}

.socicon-googlemaps:before {
  content: "\e937";
}

.socicon-zillow:before {
  content: "\e938";
}

.socicon-niconico:before {
  content: "\e939";
}

.socicon-toneden:before {
  content: "\e93a";
}

.socicon-augment:before {
  content: "\e908";
}

.socicon-bitbucket:before {
  content: "\e909";
}

.socicon-fyuse:before {
  content: "\e90a";
}

.socicon-yt-gaming:before {
  content: "\e90b";
}

.socicon-sketchfab:before {
  content: "\e90c";
}

.socicon-mobcrush:before {
  content: "\e90d";
}

.socicon-microsoft:before {
  content: "\e90e";
}

.socicon-pandora:before {
  content: "\e907";
}

.socicon-messenger:before {
  content: "\e906";
}

.socicon-gamewisp:before {
  content: "\e905";
}

.socicon-bloglovin:before {
  content: "\e904";
}

.socicon-tunein:before {
  content: "\e903";
}

.socicon-gamejolt:before {
  content: "\e901";
}

.socicon-trello:before {
  content: "\e902";
}

.socicon-spreadshirt:before {
  content: "\e900";
}

.socicon-500px:before {
  content: "\e000";
}

.socicon-8tracks:before {
  content: "\e001";
}

.socicon-airbnb:before {
  content: "\e002";
}

.socicon-alliance:before {
  content: "\e003";
}

.socicon-amazon:before {
  content: "\e004";
}

.socicon-amplement:before {
  content: "\e005";
}

.socicon-android:before {
  content: "\e006";
}

.socicon-angellist:before {
  content: "\e007";
}

.socicon-apple:before {
  content: "\e008";
}

.socicon-appnet:before {
  content: "\e009";
}

.socicon-baidu:before {
  content: "\e00a";
}

.socicon-bandcamp:before {
  content: "\e00b";
}

.socicon-battlenet:before {
  content: "\e00c";
}

.socicon-mixer:before {
  content: "\e00d";
}

.socicon-bebee:before {
  content: "\e00e";
}

.socicon-bebo:before {
  content: "\e00f";
}

.socicon-behance:before {
  content: "\e010";
}

.socicon-blizzard:before {
  content: "\e011";
}

.socicon-blogger:before {
  content: "\e012";
}

.socicon-buffer:before {
  content: "\e013";
}

.socicon-chrome:before {
  content: "\e014";
}

.socicon-coderwall:before {
  content: "\e015";
}

.socicon-curse:before {
  content: "\e016";
}

.socicon-dailymotion:before {
  content: "\e017";
}

.socicon-deezer:before {
  content: "\e018";
}

.socicon-delicious:before {
  content: "\e019";
}

.socicon-deviantart:before {
  content: "\e01a";
}

.socicon-diablo:before {
  content: "\e01b";
}

.socicon-digg:before {
  content: "\e01c";
}

.socicon-discord:before {
  content: "\e01d";
}

.socicon-disqus:before {
  content: "\e01e";
}

.socicon-douban:before {
  content: "\e01f";
}

.socicon-draugiem:before {
  content: "\e020";
}

.socicon-dribbble:before {
  content: "\e021";
}

.socicon-drupal:before {
  content: "\e022";
}

.socicon-ebay:before {
  content: "\e023";
}

.socicon-ello:before {
  content: "\e024";
}

.socicon-endomodo:before {
  content: "\e025";
}

.socicon-envato:before {
  content: "\e026";
}

.socicon-etsy:before {
  content: "\e027";
}

.socicon-facebook:before {
  content: "\e028";
}

.socicon-feedburner:before {
  content: "\e029";
}

.socicon-filmweb:before {
  content: "\e02a";
}

.socicon-firefox:before {
  content: "\e02b";
}

.socicon-flattr:before {
  content: "\e02c";
}

.socicon-flickr:before {
  content: "\e02d";
}

.socicon-formulr:before {
  content: "\e02e";
}

.socicon-forrst:before {
  content: "\e02f";
}

.socicon-foursquare:before {
  content: "\e030";
}

.socicon-friendfeed:before {
  content: "\e031";
}

.socicon-github:before {
  content: "\e032";
}

.socicon-goodreads:before {
  content: "\e033";
}

.socicon-google:before {
  content: "\e034";
}

.socicon-googlescholar:before {
  content: "\e035";
}

.socicon-googlegroups:before {
  content: "\e036";
}

.socicon-googlephotos:before {
  content: "\e037";
}

.socicon-googleplus:before {
  content: "\e038";
}

.socicon-grooveshark:before {
  content: "\e039";
}

.socicon-hackerrank:before {
  content: "\e03a";
}

.socicon-hearthstone:before {
  content: "\e03b";
}

.socicon-hellocoton:before {
  content: "\e03c";
}

.socicon-heroes:before {
  content: "\e03d";
}

.socicon-smashcast:before {
  content: "\e03e";
}

.socicon-horde:before {
  content: "\e03f";
}

.socicon-houzz:before {
  content: "\e040";
}

.socicon-icq:before {
  content: "\e041";
}

.socicon-identica:before {
  content: "\e042";
}

.socicon-imdb:before {
  content: "\e043";
}

.socicon-instagram:before {
  content: "\e044";
}

.socicon-issuu:before {
  content: "\e045";
}

.socicon-istock:before {
  content: "\e046";
}

.socicon-itunes:before {
  content: "\e047";
}

.socicon-keybase:before {
  content: "\e048";
}

.socicon-lanyrd:before {
  content: "\e049";
}

.socicon-lastfm:before {
  content: "\e04a";
}

.socicon-line:before {
  content: "\e04b";
}

.socicon-linkedin:before {
  content: "\e04c";
}

.socicon-livejournal:before {
  content: "\e04d";
}

.socicon-lyft:before {
  content: "\e04e";
}

.socicon-macos:before {
  content: "\e04f";
}

.socicon-mail:before {
  content: "\e050";
}

.socicon-medium:before {
  content: "\e051";
}

.socicon-meetup:before {
  content: "\e052";
}

.socicon-mixcloud:before {
  content: "\e053";
}

.socicon-modelmayhem:before {
  content: "\e054";
}

.socicon-mumble:before {
  content: "\e055";
}

.socicon-myspace:before {
  content: "\e056";
}

.socicon-newsvine:before {
  content: "\e057";
}

.socicon-nintendo:before {
  content: "\e058";
}

.socicon-npm:before {
  content: "\e059";
}

.socicon-odnoklassniki:before {
  content: "\e05a";
}

.socicon-openid:before {
  content: "\e05b";
}

.socicon-opera:before {
  content: "\e05c";
}

.socicon-outlook:before {
  content: "\e05d";
}

.socicon-overwatch:before {
  content: "\e05e";
}

.socicon-patreon:before {
  content: "\e05f";
}

.socicon-paypal:before {
  content: "\e060";
}

.socicon-periscope:before {
  content: "\e061";
}

.socicon-persona:before {
  content: "\e062";
}

.socicon-pinterest:before {
  content: "\e063";
}

.socicon-play:before {
  content: "\e064";
}

.socicon-player:before {
  content: "\e065";
}

.socicon-playstation:before {
  content: "\e066";
}

.socicon-pocket:before {
  content: "\e067";
}

.socicon-qq:before {
  content: "\e068";
}

.socicon-quora:before {
  content: "\e069";
}

.socicon-raidcall:before {
  content: "\e06a";
}

.socicon-ravelry:before {
  content: "\e06b";
}

.socicon-reddit:before {
  content: "\e06c";
}

.socicon-renren:before {
  content: "\e06d";
}

.socicon-researchgate:before {
  content: "\e06e";
}

.socicon-residentadvisor:before {
  content: "\e06f";
}

.socicon-reverbnation:before {
  content: "\e070";
}

.socicon-rss:before {
  content: "\e071";
}

.socicon-sharethis:before {
  content: "\e072";
}

.socicon-skype:before {
  content: "\e073";
}

.socicon-slideshare:before {
  content: "\e074";
}

.socicon-smugmug:before {
  content: "\e075";
}

.socicon-snapchat:before {
  content: "\e076";
}

.socicon-songkick:before {
  content: "\e077";
}

.socicon-soundcloud:before {
  content: "\e078";
}

.socicon-spotify:before {
  content: "\e079";
}

.socicon-stackexchange:before {
  content: "\e07a";
}

.socicon-stackoverflow:before {
  content: "\e07b";
}

.socicon-starcraft:before {
  content: "\e07c";
}

.socicon-stayfriends:before {
  content: "\e07d";
}

.socicon-steam:before {
  content: "\e07e";
}

.socicon-storehouse:before {
  content: "\e07f";
}

.socicon-strava:before {
  content: "\e080";
}

.socicon-streamjar:before {
  content: "\e081";
}

.socicon-stumbleupon:before {
  content: "\e082";
}

.socicon-swarm:before {
  content: "\e083";
}

.socicon-teamspeak:before {
  content: "\e084";
}

.socicon-teamviewer:before {
  content: "\e085";
}

.socicon-technorati:before {
  content: "\e086";
}

.socicon-telegram:before {
  content: "\e087";
}

.socicon-tripadvisor:before {
  content: "\e088";
}

.socicon-tripit:before {
  content: "\e089";
}

.socicon-triplej:before {
  content: "\e08a";
}

.socicon-tumblr:before {
  content: "\e08b";
}

.socicon-twitch:before {
  content: "\e08c";
}

.socicon-twitter:before {
  content: "\e08d";
}

.socicon-uber:before {
  content: "\e08e";
}

.socicon-ventrilo:before {
  content: "\e08f";
}

.socicon-viadeo:before {
  content: "\e090";
}

.socicon-viber:before {
  content: "\e091";
}

.socicon-viewbug:before {
  content: "\e092";
}

.socicon-vimeo:before {
  content: "\e093";
}

.socicon-vine:before {
  content: "\e094";
}

.socicon-vkontakte:before {
  content: "\e095";
}

.socicon-warcraft:before {
  content: "\e096";
}

.socicon-wechat:before {
  content: "\e097";
}

.socicon-weibo:before {
  content: "\e098";
}

.socicon-whatsapp:before {
  content: "\e099";
}

.socicon-wikipedia:before {
  content: "\e09a";
}

.socicon-windows:before {
  content: "\e09b";
}

.socicon-wordpress:before {
  content: "\e09c";
}

.socicon-wykop:before {
  content: "\e09d";
}

.socicon-xbox:before {
  content: "\e09e";
}

.socicon-xing:before {
  content: "\e09f";
}

.socicon-yahoo:before {
  content: "\e0a0";
}

.socicon-yammer:before {
  content: "\e0a1";
}

.socicon-yandex:before {
  content: "\e0a2";
}

.socicon-yelp:before {
  content: "\e0a3";
}

.socicon-younow:before {
  content: "\e0a4";
}

.socicon-youtube:before {
  content: "\e0a5";
}

.socicon-zapier:before {
  content: "\e0a6";
}

.socicon-zerply:before {
  content: "\e0a7";
}

.socicon-zomato:before {
  content: "\e0a8";
}

.socicon-zynga:before {
  content: "\e0a9";
}

/* ------------------ Bootstrap additions ------------------ */

.mb-7 {
  margin-bottom: 7rem;

}


.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;

}



/* ------------------ Wordpress additions ------------------*/

.wp-video-shortcode {
  height: auto;
  margin: 0;
  text-align: center;
  width: 100% !important;
}

.wp-video {
  height: auto;
  margin: 0;
  text-align: center;
  width: 100% !important;
}

.admin-bar nav {
  top: 32px !important;
}

/* ------------------Wordpress additions end ------------------ */

/* ------------------ General elements ------------------ */

h1 {
  font-size: 6rem;
  font-family: 'abel';
}

a:hover {
  color: white !important;
  text-decoration: none !important;
}

img:hover {
  color: white !important;
  text-decoration: none !important;
}

ul li {
  list-style: none;
}

html {

  -webkit-transition: background-color 1s;
  transition: background-color 1s;
  /* scroll-behavior:smooth;*/
}

html,
body {
  margin: 0;
  min-height: 100%;
  height: 100%;
  width: 100%;

  font-family: 'manrope';
  font-size: 1rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-y: hidden;

}


body {
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
  overflow-x: hidden;
  /*	     background-image: url(../img/polyblack.jpg);
		    background-image: url(../img/backgrey_@2X.png);
			background-size: 147px 147px;*/

}

/* a { color: white;} */

a:visited {
  color: white;
  text-decoration: none;
}

.newsarticle a,
.newsarticle a {
  color: white;

}

.newsarticleback a {
  color: white;

}

.newsarticleback p {
  color: white;

}


a {
  color: white;
}


#moreinsta:hover .homeicon {
  background: white;
  color: black;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}



.homeicon {

  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

#buttonatpics {
  font-size: 28px !important;
  vertical-align: text-bottom;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

/* ------------------General element fixes end ------------------ */


/* ------------------Custom fixes end ------------------ */

h3 .contact_title {

  text-align: center;
}

p {
  margin-top: 0px;
  font-size: 1.1rem;
}

.newsarticleback a:hover,
p a:hover {
  color: crimson !important;
}

.newsarticleback a {
  font-weight: bold;
}

.newsarticleback a:visited {
  color: white;
}

ul {
  padding: 0px;
}

/* ------------------ MENUSTUFF & buttons ------------------ */

#myNav {
  height: 0%;
}

#topnav {
  position: fixed;
  top: 0;
  width: 100%;
  height: 80px;
  left: 0px;
  z-index: 1755;
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;

}

.morebutton {
  position: relative;
  border: 2px solid white;
  font-size: 2rem;
  display: block;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  text-align: center;
  margin: auto;
  margin-bottom: 66px;
  background-color: transparent;
  font-family: 'abel';
}

.morebutton:hover {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;

}

.whitebutton {
  background: none;
  color: white !important;
}

.blackbutton {
  border-color: black;
  color: black !important;

}

.whitebutton:hover {
  background: white;
  color: black !important;
}

.blackbutton:hover {
  background: black;
  color: white !important;

}

/* MENUSTUFF end */

/* ------------------ DOTS LOADER ------------------ */

html body #preloader {
  /* Make the contents of the body opaque during loading */
  opacity: 0;

  /* Ensures that the transition only runs in one direction 
    -webkit-transition: opacity 0;
    transition: opacity 0; */
}

/* ------------------ DOTS LOADER END ------------------ */


.offix {
  overflow-x: hidden;

}

.mainbuttons {
  z-index: 100;
  width: 100%;
  bottom: 0;
  position: absolute;
  margin-bottom: 5vh;
  overflow: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: perspective(1px) translateZ(0);
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  vertical-align: middle;

}

.mainbuttons .btn {
  margin: 2vh auto auto;
  font-size: 8vmin;
  text-transform: uppercase;
  font-weight: 500;
  /*min-height:7vh;*/
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  white-space: nowrap;

}

.btn {
  height: 100%;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle
}

.mainskew {

  -webkit-transform: translateZ(0) skewX(-4deg) rotate(-4deg);
  transform: translateZ(0) skewX(-4deg) rotate(-4deg);

}

.skewbtn {
  border-radius: 0;
  border: none;
  margin: 0px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: inline-block;
  background-color: rgba(255, 255, 255, 1);
}

.skewbtninside {

  padding: 0 20px;
  display: inline-block;

}

#action1:hover {
  color: white;
  background-color: black;
}

.mainbuttons .btn,
.mainskew,
.skewbtninside {
  will-change: transform;
  transition-duration: 0.2s;
}

.btn:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent;

}


.contact_list {
  display: flex;
  flex-wrap: wrap;
  line-height: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.open {
  height: 106vh !important;
}

.overflow {
  overflow: hidden;
}

.pagetitle {
  position: relative;
  z-index: 40;
  text-align: center;
  top: -1px;

}

.topmargin {
  margin-top: 14vh;
}


#demodropimg {

  max-height: 150px;

}

.logomain {
  position: absolute;
  top: 47%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  z-index: 20;
  transition: opacity 0.5s ease;
  /*     background-color: black;
  padding: 10px 20px; */
}

.logomain img {
  display: block;
  width: auto;
  height: auto;
  max-width: 300px;
  max-height: 50vh;
  opacity: 1;
  -webkit-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease;
  z-index: 99;
  position: sticky;
}

/* Page properties */

.hidden {
  visibility: hidden;
}

.imgcontainer {
  width: 80%;
  /* or whatever is required */
  text-align: center;
  /* ensures the image is always in the h-middle */
  overflow: hidden;
}

/*  ------------------ NEWSARTICLE ------------------ */

.newsarticle {
  background-color: rgba(255, 255, 255, 0.10);
  background-clip: content-box;
}

.newsarticle a {
  /*border-bottom: 2px solid rgba(107,107,107,1.00);*/
  width: 100%;
}

.newsarticle:hover {
  transform: scale(1.02);
  transition-duration: 0.3s;
  will-change: transform;
  z-index: 1050;
}

.archivedate {
  font-size: 58px;

}

.bgclipfix {

  background-origin: content-box !important;
  background-clip: content-box !important;

}


.newsarticleback {
  color: white;
  background: rgba(197, 196, 255, 0.16);
}


.articleimg {
  width: 100%;
  height: 9rem;
  object-fit: cover;
  object-position: center;
}

.articledate {
  position: relative;
  top: -1.8vh;
  right: 0px;
  height: 4vh;
  width: 4vw;
  z-index: 100;
  font-size: 1.2rem;
  padding: 2px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#606c88+0,3f4c6b+100;Grey+3D+%232 */
  background: #000000;
  /* Old browsers */
  /*background: -moz-linear-gradient(top, rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%);  FF3.6-15 
		/*background: -webkit-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(to bottom, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */

}

.articletitle {
  margin-top: -2vh;
}

/* .articletext {color:rgba(203,203,203,1.00); */



#profilepic {
  max-height: 400px;
  position: relative;
  /* allows repositioning */
  right: 0;
  /* move the whole width of the image to the right */

}

/*------------------ NEWS END ------------------ */

/* ------------------ MUSIC ----------------*/

.albumcover {
  width: 20%;
  padding-bottom: 20%;
  display: inline-block;
}

.albumcover,
.albumcover-all {
  position: relative;
  background-size: cover;

  height: 0;
  border: thin red;
  background-position: center;
}

.albumcover-all {
  width: 38%;
  padding-bottom: 38%;

}

.albumcover-all ul {
  flex-direction: column;
  position: relative;
}

.albumcover:hover {
  transform: scale(1.02);
  transition-duration: 0.3s;
  will-change: transform;
  z-index: 1050;
}

.albumcover ul,
.albumcover-all ul {
  list-style-type: none;
  display: flex;

}

.albumcover ul {

  flex-direction: column-reverse;
}

.albumcover-info {
  width: 55%;

}

.albumicon {
  font-style: normal !important;
  font-weight: 400 !important;
  width: 30px;
  height: 30px;
  line-height: 30px !important;
  font-size: 18px;
  display: flex;
  color: #ffffff;
  background-color: black;
}

.albumicon li {
  margin: 1px;

}

.albumicon li a {
  width: 40px;
  height: 40px;

}

.soc {
  /* overflow:hidden; */
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 1;
}

.track {
  background: rgba(197, 196, 255, 0.16) content-box;
  display: inline-flex;
}

.coverlist {
  position: absolute;
  bottom: 0;
  left: 0;
}

.coverlist-all {
  position: relative;
  top: 0;

}


/* ----------------MUSIC END ---------------*/

.pages {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32'%3E%3Cg  fill='%23ffffff' fill-opacity='0.11'%3E%3Cpath fill-rule='evenodd' d='M0 24h4v2H0v-2zm0 4h6v2H0v-2zm0-8h2v2H0v-2zM0 0h4v2H0V0zm0 4h2v2H0V4zm16 20h-6v2h6v-2zm0 4H8v2h8v-2zm0-8h-4v2h4v-2zm0-20h-6v2h6V0zm0 4h-4v2h4V4zm-2 12h2v2h-2v-2zm0-8h2v2h-2V8zM2 8h10v2H2V8zm0 8h10v2H2v-2zm-2-4h14v2H0v-2zm4-8h6v2H4V4zm0 16h6v2H4v-2zM6 0h2v2H6V0zm0 24h2v2H6v-2z'/%3E%3C/g%3E%3C/svg%3E"); */
  -webkit-touch-callout: text;
  /*  iOS Safari */
  -webkit-user-select: text;
  /* Safari */
  -khtml-user-select: text;
  /* Konqueror HTML */
  -moz-user-select: text;
  /* Firefox */
  -ms-user-select: text;
  /* Internet Explorer/Edge */
  user-select: text;
  /* Non-prefixed version, currently
                                      supported by Chrome and Opera */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;

}

#page1 {

  transform-origin: top left;
  height: 100%;
  border-bottom: 1px solid transparent;

}




#page2 {
  z-index: 1080;

  transform-origin: top left;
  background-image: url("../img/biobgphoto.jpg");
  background-size: cover;
  background-position: center;
  background-color: #000000 !important;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background-position: center;
}



/* 
#biotext {

/*   background-color: rgba(0,0,0,0.10); 
    
} */


#page3 {
  z-index: 1030;


  transform-origin: top left;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background-color: black;
  background-image: url(../img/polyblack.jpg);
  background-size: cover;
  background-position: center;
  /* 
        background-color:rgba(20,20,20,1.00)!important;
        background-image: url("../img/newsback.jpg"); 
         */
}

#page4 {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;

  transform-origin: top left;
  background-image: url("../img/studioblur.jpg");
  background-size: cover;
  background-position: center;

}


#sb_instagram {
  overflow-y: hidden !important;
}

#page5 {
  background-color: white;
  background-image: url("../img/polyblack.jpg");
  background-position: center;
  background-size: cover;

  transform-origin: top left;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

/* #page5::after {
			content: "";
			background-image: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.46' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); 
			top: 650%;
			left: 0;
			bottom: 0;
			right: 0;
			position: absolute;
			z-index: 1080;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;

} */

.unskew {

  transform: translate3d(0, 0, 0);
}

.pages .unskew {
  padding-top: 4%;

}

.between {
  z-index: 1060;
  overflow: hidden;
  height: 25%;
  transform: perspective(1px) translateZ(0);
  position: relative;
  border-bottom: 1px solid transparent;
}

/* .between::before {
    content :'';
    position:absolute;
    top:0;left:0;
    width:100%; height:100%;
    transform-origin: top left;
    z-index:-1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	margin: 0 0 -8%;
	
} */

.betweeninside {

  height: 160%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: perspective(1px) translateZ(0);
  z-index: 1060;
}

#btwn1 {
  transform-origin: top left;
  margin: 0 0 -8%;
  z-index: 1060;

}



#btwn2 {
  transform-origin: top left;
  margin: 0 0 -8%;
  z-index: 1080;
}

#btwninside2 {
  background-color: rgba(20, 20, 20, 1.00);

}

#btwn3 {
  transform-origin: top left;
  margin: 0 0 -8%;
  z-index: 1080;
}


#btwninside3 {
  background-color: blue;

}

#btwn4 {
  transform-origin: top left;
  margin: 0 0 -8%;
  z-index: 1080;
  background-color: rgba(220, 220, 220, 1.00);
}

#btwn5 {
  transform-origin: top left;
  margin: 0 0 -8%;
  z-index: 1080;
  background-color: rgba(220, 220, 220, 1.00);

}

#btwninside5 {
  background-color: rgba(220, 220, 220, 1.00);

}


.mainpostimage img {
  max-width: 100%;
  width: 100%;
  /* dimensions are mandatory */
  height: 30vw;
  /* dimensions are mandatory */
  max-height: 440px;
  object-fit: cover;
  overflow: hidden;
  /* Cuts off the parts of the image poking out */

}

.cdpattern {
  background-image: url("../img/backgrey_@2X.png");
  background-size: 147px 147px;
}

.cdpatternblk {
  background-image: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.46' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: grey;
}





.crosspattern {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.46' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

}

.hexpattern {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='24' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23000000' fill-opacity='0.24' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;

}

.backoverlay {
  height: 120%;
  min-height: 100vh;
  width: 100%;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  background-repeat: repeat;
}

#footersocials {
  width: 100%;

}


#contactpage {

  transform-origin: top left;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  display: flex;
  width: 100%;
  min-height: 100%;
  flex-direction: column;
  overflow: hidden;
  /*	background-image: url(/img/blackwhitedj.jpg);*/
  background-repeat: no-repeat;
  background-image: url("../img/enprofil.jpg");
  background-size: cover;
  background-position: right;

}

#contactback {
  /*	background-image: url(../img/contactback.png); */
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 95vh;
  width: 100%;
  position: absolute;

  overflow: hidden;
  margin-top: -4%;
}

#instafeed {
  z-index: 100;
}

/* Page properties END */


.logowrapper.active {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}

.logomain.active {
  opacity: 0;
}

.logoimg.active {
  cursor: alias;
  pointer-events: auto;
  
}

.logomain.active>img {
  opacity: 0;
  -webkit-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease;
}

.title {
  background-color: #000;
  display: inline-block;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  /*  padding-top:0.3em;    */
  padding-bottom: 36px;
  white-space: nowrap;
  font-size: 120px;
  /* old */
  margin-left: auto;
  margin-right: auto;
  line-height: 40px;
  font-family: bebas_neue;
  margin-bottom: 0;
  padding-top: 0.3em;
  max-height: 100px;
  color: white;
  text-align: center;
  left: 0px;
}

.second {
  background-color: #FFF;
  color: black;
}

.introtitle {
  color: white;
  position: relative;
  font-size: 98px;
  /* old */
  font-size: 12vw;
  /* 68px; */
  margin-top: 14vh;
  margin-bottom: 14vh;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 90%;
  max-height: 20%;
  font-family: dirtyego;
  line-height: 10vw;
}

.logowrapper {
  z-index: 9999;
  /*	padding: 2vh 0 2vh 2vw; */
  margin: 4px 0px 4px 0px;
  position: fixed;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  width: auto;
  cursor: default;
}

.logoimg {
  height: 70px;
  z-index: 999;
 
}


#logobottom {
  height: 70px;
  z-index: 999;
}

.zindex {
  z-index: 2
}

.headerspacer {
  margin-top: 75px;
}

.copyright {
  /*	color: white; */
  
  z-index: 1090;
  text-align: center;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'Verdana', 'sans-serif';
  font-size: 12px;
  overflow: hidden;

}


.bottom

/* social bottom */
  {
  position: absolute;
  z-index: 400;
  color: white;
  font-size: 1.03rem;
  bottom: 2px;
  right: 0px;
  text-align: center;
  margin: 0;

}

#navmenu {
  text-align: center;
  float: right;
  font-size: 1.6rem;
  line-height: 1;
  font-family: 'abel';
}

#navmenu ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  transform: skew(-25deg);
}

#navmenu ul li {
  float: left;
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  height: 80px;
}


#navmenu ul li:hover {
  color: rgba(160, 160, 160, 1.00);
  background-color: rgba(255, 255, 255, 0.20);
  text-decoration: none;
}

#navmenu ul li a {
  display: block;
  padding: 30px 12px;
  color: white;
  text-decoration: none;
  transform: skew(25deg);
}

#navmenu a,
#navmenu a:visited {
  color: #fff;
  text-decoration: none;
}

#page2 article a {
  color: #FFFFFF;
  text-decoration: none;
}

#page2 article a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

.py-6 {
  padding-bottom: 5vh !important;
  padding-top: 3vh !important;
}

/*Social icons menu */

.social {
  text-align: center;
  top: 0px;
  left: 0px;
  margin: 0 auto;
  padding-top: 10px;

}

.soc li {
  display: inline-block;

}

.soc li a {

  font-family: socicon !important;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -o-transition: .1s;
  -ms-transition: .1s;
  -moz-transition: .1s;
  -webkit-transition: .1s;
  transition: .1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  display: block;
  position: relative;

}

.homeicon {
  margin: 0px 2px;
  font-style: normal !important;
  font-weight: 400 !important;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  font-size: 24px;
  color: #ffffff;


}

.socicon-twitter:hover {
  background-color: #61bbf2
}

.socicon-facebook:hover {
  background-color: #526fac
}

.socicon-messenger:hover {
  background-color: #0084FF
}

.socicon-instagram:hover {
  background: -webkit-radial-gradient(50px 220px, #FFE9AD 18%, #FF828C 43%, #FF828C 50%, #E55CB7 70%, #8661E1 100%)
}

.socicon-twitch:hover {
  background-color: #7855b9
}

.socicon-discord:hover{
  background-color: #7289da
}

.socicon-youtube:hover {
  background-color: #f43e34
}

.socicon-whatsapp:hover {
  background-color: #34c44c
}

.socicon-spotify:hover {
  background-color: #8fc756
}

.socicon-xbox:hover {
  background-color: #a6dc52
}

.socicon-itunes:hover {
  background-color: #ff7265
}

.socicon-apple:hover {
  background-color: #cdd3d5
}

.socicon-mail:hover {
  background-color: #888888
}

.socicon-mixcloud:hover {
  background-color: #3d5b76
}

.socicon-soundcloud:hover {
  background-color: #ff4c15
}

.socicon-snapchat:hover {
  background-color: #ffff4b
}

.socicon-beatport:hover {
  background-color: #141414
}

/*tooltips */

.cookie {
  background-image: url(../img/cookieicon.png);
  background-size: 40px;
  overflow: visible;
  background-color: rgba(0, 0, 0, 0.6);
}

.cookie:hover {
  background-image: url("../img/cookieicon.png");
  background-color: rgba(255, 255, 255, 0.26);
}

.tooltipC #cookietetxt {
  display: table-cell;
}

/* Tooltip text */
.tooltipC .tooltiptext {
  visibility: hidden;
  width: 930px;
  max-width: 620px;
  height: 220px;
  background-color: #F2F2F2;
  color: #000;
  text-align: left;
  padding: 10px;
  /* Position the tooltip text */
  position: absolute;
  bottom: 65px;
  font-size: 15px;
  font-family: abel;
  z-index: 40;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  display: table-cell;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipC:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}

.tooltipC .tooltiptext::after {
  content: ' ';
  position: absolute;
  /* At the bottom of the tooltip */
  top: 100%;
  left: 76%;
  margin-left: -3px;
  border-width: 10px;
  border-style: solid;
  border-color: #F2F2F2 transparent transparent transparent;

}

.tooltiptext:hover {
  background-color: black;
  color: white;
}

.tooltiptext:hover:after {
  border-color: black transparent transparent transparent;
}

#cookieimg {
  margin-right: 10px;
  height: 200px;
  width: 200px;
  background-image: url(../img/cookie.png);
  background-size: 200px;
  background-repeat: no-repeat;
  float: left;
  display: table-cell;
}

#cookieimg:hover {
  background-image: url(../img/cookie2.png);
}

#cookietext {
  width: auto;
  display: table-cell;
  overflow: hidden;

}

/*tooltip 2 */

.tooltip2 {
  position: relative;
  display: inline-block;
  z-index: 200;

}

/* Tooltip text */
.tooltip2 .tooltiptext2 {
  visibility: hidden;
  width: 220px;
  height: 219px;
  background-color: #F2F2F2;
  color: #000;
  text-align: center;
  padding: 10px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  bottom: 55px;
  z-index: 200;
  left: 50%;
  margin-left: -110px;

  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.tooltip2:hover .tooltiptext2 {
  visibility: visible;
  opacity: 1;
  z-index: 9900;
}

.tooltip2 .tooltiptext2::after {
  content: " ";
  position: absolute;
  top: 100%;
  /* At the bottom of the tooltip */
  left: calc(50% - 10px);
  border-width: 10px;
  border-style: solid;
  border-color: #F2F2F2 transparent transparent transparent;
  z-index: 100;

}

#messenger {
  height: 200px;

}

/*tooltips end*/

/* MOBILE NAVIGATION */

#mobnav {
  color: white;
  position: fixed;
  bottom: 12px;
  right: 8px;
  width: auto;
  height: 56px;
  z-index: 1800;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+41,0+86
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,1) 41%, rgba(0,0,0,0) 86%, rgba(0,0,0,0) 100%); /* FF3.6-15 
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 41%,rgba(0,0,0,0) 86%,rgba(0,0,0,0) 100%); /* Chrome10- 25,Safari5.1-6 
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 41%,rgba(0,0,0,0) 86%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
  display: none;
  font-family: manrope;
  overflow: hidden;
}

#mobnav ul {
  padding: 0px;
  list-style-type: none;
  list-style-image: none;
  cursor: default;
  display: inline-flex;
  height: 100%;
  width: 100%;
}

#mobnav li {
  color: #FFF !important;
  cursor: default;
  height: 100%;
  border: solid 2px;
  border-color: rgba(221, 221, 221, 0.23);
  border-radius: 100%;
}

#mobnav ul li a {
  color: #FFF !important;
  padding: 0 0;
  margin: auto;
}

#mobnav ul li a:hover {
  color: rgba(160, 160, 160, 1.00);
}

#mobnav.active {
  background-color: rgba(33, 33, 33, 0.45);
}

/* weg */


.col-2-4 {
  width: 20% !important;
  position: relative;
  min-height: 1px;
  height: 100%;
}

.icon-text {
  font-size: 0.6em;
}

.mdi {
  font-size: 1.5em;
  margin-bottom: -14px;
}

.overlaysoc {
  bottom: 40px;
  margin-top: 0.5vh;
  width: 100%;
  font-size: 1.03rem;
  padding-top: 2px;
  line-height: 20px;
  display: -ms-flexbox;
  display: flex;
  position: sticky;
}

/* weg */

#swipeindicator {
  display: none;
}

#swipeindicator.active {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

/* Mob scroll icon! */

#arrowback {

  z-index: 9999;
  position: fixed;
  right: 15%;
  bottom: 1%;
  display: none;
  visibility: hidden;
  mix-blend-mode: exclusion;
}


#bottomscroll {
  width: 100%;
  position: fixed;
  z-index: 9999;
  bottom: 0px;
  will-change: transform;
}


.hamburgericon {
  font-size: 40px;
  cursor: pointer;
  text-decoration-color: white;
  font-weight: bold;

}

button:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
}

.hamburger:focus {
  color: aquamarine;
}

#hamburgermenu {
  z-index: 9999;
  position: fixed;
  bottom: 0;
  right: 0;
  /* display: none; */
  visibility: hidden;
  /* mix-blend-mode:exclusion; */
  margin-right: 15px;
  margin-bottom: 13px;
  will-change: transform;
  opacity: 0;
  transition-duration: 0.6s;
}

.hamburger-box {
  margin: 5px 0;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  background-color: black;
}

.icono-arrow3-right {
  visibility: visible;
  opacity: 1;
  margin: 0 28px 28px 0;
  position: fixed;
  bottom: 0px;
  right: 0px;
  -webkit-transition: 0.5s;
  transition: 0.5s;

}

.icono-arrow3-right.active {
  visibility: visible;
  opacity: 0;
  bottom: 0px;
  right: -45px;
  -webkit-transition: 0.2s;
  transition: 0.2s;

}

.icono-arrow3-up {
  visibility: hidden;
  opacity: 0;
  margin: 0 28px 28px 0;
  position: fixed;
  bottom: -45px;
  -webkit-transition: 0.2s;
  transition: 0.5s;

}

.icono-arrow3-up.active {
  display: block;
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  bottom: 0;
  transition-delay: 0.4s;

}





[class*="icono"] {
  display: inline-block;
  vertical-align: middle;
  color: black;
  box-sizing: border-box;
  position: fixed;
  right: 0;

  z-index: 8000;
  cursor: pointer;

}

[class*="icono"]:after,
[class*="icono"]:before {
  content: "";
  box-sizing: border-box;
}

[class*="icono-arrow3"] {
  width: 18px;
  height: 20px;
  border-width: 4px 4px 0 0;
  border-style: solid;
  border-radius: 0 2px 0 0;
  color: black;

}

[class*="icono-arrow3"]:before,
[class*="icono-arrow3"]:after {
  border-radius: 2px;
  position: absolute;
}


[class*="icono-arrow3"]:before {
  right: 0;
  top: -3px;
  width: 23px;
  height: 4px;
  -webkit-transform: rotate(-45deg) scale(1.1);
  transform: rotate(-45deg) scale(1.1);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  box-shadow: inset 0 0 0 32px;
  display: block;
}

[class*="icono-arrow3"]:after {
  width: 4px;
  height: 4px;
  left: -2px;
  top: -4px;
  box-shadow: inset 0 0 0 32px, 16px 17px;
}

[class*="icono-arrow3"][class*="-left"] {
  -webkit-transform: rotate(45deg) scale(1.5);
  transform: rotate(45deg) scale(1.5);
}

[class*="icono-arrow3"][class*="-left"][class*="-up"] {
  -webkit-transform: none;
  transform: none;
}

[class*="icono-arrow3"][class*="-left"][class*="-down"] {
  -webkit-transform: rotate(90deg) scale(1.5);
  transform: rotate(90deg) scale(1.5);
}

[class*="icono-arrow3"][class*="-right"] {
  -webkit-transform: rotate(-135deg) scale(1.5);
  transform: rotate(-135deg) scale(1.5);



}

[class*="icono-arrow3"][class*="-right"][class*="-up"] {
  -webkit-transform: rotate(-90deg) scale(1.5);
  transform: rotate(-90deg) scale(1.5);
}

[class*="icono-arrow3"][class*="-right"][class*="-down"] {
  -webkit-transform: rotate(180deg) scale(1.5);
  transform: rotate(180deg) scale(1.5);
}

[class*="icono-arrow3"][class*="-up"] {
  -webkit-transform: rotate(-45deg) scale(1.5);
  transform: rotate(-45deg) scale(1.5);
}

[class*="icono-arrow3"][class*="-down"] {
  -webkit-transform: rotate(135deg) scale(1.5);
  transform: rotate(135deg) scale(1.5);
}

.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition: 0.5s;
  will-change: transform;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.overlay-content {
  position: relative;
  top: 18%;
  width: 100%;
  text-align: center;
  margin: 30px auto auto;
  font-size: 12vmin;
}

.overlay a {
  text-decoration: none;
  display: block;
  transition: 0.3s;
  line-height: 7vh;
  margin: auto;
  padding-bottom: 10px;
}

.overlay a:hover,
.overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 1vh;
  right: 5vw;
  font-size: 3.5rem;
  line-height: 3.5rem;
}

.skewchap {
  position: fixed;
  height: 234px;
  width: 75px;
  bottom: -160px;
  right: -1px;
  z-index: 8000;

  transform-origin: top left;
  border-top: 1px solid transparent;
  opacity: 0;
  transition-duration: 0.2s;
  background-color: rgba(255, 255, 255, 1);
  transition-delay: 0.4s;
}

.skewchap.active {
  opacity: 0.9;
  transition-duration: 0.4s;

}

.admin-bar #mobnav.active {
  top: 8px !important;
}

.admin-bar .closebtn {
  top: 48px;
}

.admin-bar .closebtn.active {
  top: 1vh !important;
}

/* Media Queries */
/* big mode */


@media screen and (max-width: 768px) {

  .lastpost {
    position: absolute;
    height: 20vh;
    border-bottom: 2px solid rgba(107, 107, 107, 1.00);

    transform-origin: bottom left;
    -webkit-filter: blur(0);
    filter: blur(0);
    width: 100%;

    background-color: rgba(225, 25, 25, 0.5);
    z-index: -1;
    overflow: hidden;

    padding: 10vh;
    margin-bottom: 10vh;

  }

  .lastpost>.unskewlast {

    height: 25vh;

    -webkit-filter: blur(0);
    filter: blur(0);
    padding-top: 4%;
    border: 1px solid transparent;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  #profilepic {
    position: absolute;
    top: 55px;
    right: 8px;
    opacity: 0.4;
    display: none;
  }

  p {
    font-size: 1.1rem;
  }

  .headerspacer {
    margin-top: 70px;
  }

  .bioback {
    opacity: 1;
    position: absolute;
    right: 0;
    top: 80%;
    width: inherit;
    height: inherit;
    z-index: -3;
    background-image: url(../img/profilephoto.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-attachment: scroll;

  }

  .container {
    max-width: 95%;
  }

  #topnav>.container {
    max-width: 100%;
  }

  .logomain>img {
    max-width: 42vw;

  }

  /*	.container { 
	
	padding: 0 3vw!important;
	
	} */

}

@media screen and (max-width: 1240px) and (min-width: 641px) {

  /* #sb_instagram.sbi_col_5 #sbi_images .sbi_item {
	
	width: 33.3%!important;
	max-width: 222px;
	max-height: 222px;
	} */

}

@media screen and (min-width:641px) {
  .newsarticle {
    transition-duration: 0.4s;
  }
}

@media screen and (max-width:992px) {
  .headerspacer {
    margin-top: 50px;
  }

  .py-6 {
    padding-bottom: 6rem !important;
    padding-top: 1rem !important;
  }

  .albumcover {
    width: 33.33333333%;
    padding-bottom: 33.33333333%;
  }

}

/*WP breakpoints */
@media screen and (max-width: 781px) {
  .admin-bar nav {
    top: 46px !important;
  }

}

@media screen and (max-width: 600px) {
  .admin-bar nav.active {
    top: 0px !important;
  }

}

/* betweenmode */
@media screen and (max-width: 640px),
(max-height: 540px) {
  h1 {
    text-align: center;
    font-size: 14vmin;
  }

  .swiper-button {
    display: none;
  }

  /*	#navmenu ul { margin: 0px 0px;}
	#navmenu { margin: 12px 0px 0px 0px;}   */
  #navmenu ul li {
    height: 50px;
  }

  #navmenu ul li a {
    padding: 16px 8px;
    height: 50px;
  }

  /* .soc li a { height: 30px;	width: 30px;    line-height: 32px;    font-size: 20px; } 	.cookie {background-size: 30px;} */
  .logowrapper {
    margin: 5px auto;
  }

  .title {
    font-size: 80px;
    line-height: 30px;
    padding-bottom: 26px;
  }

  .mainbox {
    top: 60%;
  }

  .logoimg {
    height: 40px;
  }

  #cookieimg {
    background-image: url(../img/cookie.png);
    background-size: 170px;
  }

  /* .headerspacer {margin-top: 20px;} */

  .topmargin {
    margin-top: 8vh;
  }

  /*	.tiltedprev { 
	padding-top: 170px!important;
	
	} 
*/
  .py-6 {
    padding-bottom: 3vh !important;
    padding-top: 1vh !important;
  }

  /* Tooltip text */
  .tooltipC .tooltiptext {
    max-height: 190px;
    font-size: 14px;
    width: 470px;
    max-width: 570px;
    line-height: 15px;
  }

  .tooltipC .tooltiptext::after {
    /* At the bottom of the tooltip */
    border-width: 8px;
    width: 8px;
    left: calc(84% + 4px);
  }

  /*tooltip 2 */

  /* Tooltip text messenger */
  .tooltip2 .tooltiptext2 {
    width: 190px;
    height: 190px;
    margin-left: -93px;

  }

  .tooltip2 .tooltiptext2::after {
    border-width: 8px;

  }

  #messenger {
    height: 170px;
    width: 170px;
  }

  #cookieimg {
    margin-right: 10px;
    height: 170px;
    width: 170px;
  }

  #topnav {
    height: 50px;
  }


  #contact {
    min-height: 100vh;

  }

  #contactback {
    background-size: auto 100%;
    background-clip: border-box;
    min-height: 100vh;

  }

  .albumcover {
    width: 50%;
    padding-bottom: 50%;
  }



}

@media screen and (max-height: 440px) {

  .overlay-content {
    font-size: 10vmin;
  }
}

/* hide nav and socions */

@media screen and (max-width: 500px) {
  #contactpage {
    margin-bottom: 9vh;
  }



  .icono-arrow3-up {
    visibility: hidden;
    opacity: 0;
    margin: 0 78px 22px 0;
    position: fixed;
    will-change: transform;
    transition-delay: 0.6s;
  }

  .icono-arrow3-right {
    margin: 0 78px 21px 0;
    transition-delay: 0.7s;
  }

  .skewchap {
    position: fixed;
    min-height: 120px;
    height: 34vh;
    width: 100%;
    bottom: -26vh;
    right: 0px;
    z-index: 8000;

    transform-origin: top left;
    border-top: 1px solid transparent;
    opacity: 1;
    will-change: transform;
    transition-delay: 0s !important;

  }

  .skewchap.active {
    opacity: 1;
    transition-duration: 0.4s;
    transition-delay: 0.4s !important;
  }


  .bottomfix {
    margin-bottom: 8vh
  }

  .tooltipC .tooltiptext {
    height: 120px;
    font-size: 12px;
    line-height: 14px;
    bottom: 65px;
  }

  h1 {
    text-align: center;
    font-size: 14vmin;
    font-family: 'abel';
  }

  .hide {
    visibility: hidden;
  }

  .remove {
    display: none !Important;
    visibility: hidden !Important;
  }

  #navmenu {
    display: none !Important;
  }

  .title {
    font-size: 50px;
    line-height: 20px;
    padding-bottom: 16px;
  }

  .mainbox {
    top: 55;
  }

  .bottom {
    bottom: 50px;
  }

  .tooltiptext::after {
    display: none;
  }

  .tooltiptext:hover {
    background-color: #F2F2F2;
  }

  .homeicon {
    padding: 1px;
  }

  #topnav {
    background-color: transparent !important
  }

  #topnav.active {
    background-color: transparent !important
  }

  #mobnav {
    display: block;
    visibility: visible;
    transition: 2s;
  }

  .vhfix {
    min-height: 106vh;
  }

  #swipeindicator {
    display: block;
    opacity: 1;
  }

  #hamburgermenu {

    display: flex;
    visibility: visible;
    opacity: 1;
    transition-delay: 0.6s;
    transition-duration: 0.4s;
  }

  #page1 {
    height: 92%;
  }

  .pages {
    min-height: 100%;
  }

  .topmargin {
    margin-top: 8vh;
  }


  .mainbuttons {
    margin-bottom: 2vh;
  }

  .mainbuttons .btn {
    width: 100%;
  }

  #logomain.active {
    visibility: visible;
    opacity: 1;
  }

  .logowrapper {
    top: 10%;
    left: 50%;
    Transform: translate(-50%, 0);
    padding: 0;
    margin: 0;
  }

  .overlay-content {
    top: 12%;
  }


  .betweeninside {
    height: 120%;

  }

  [class*="icono-arrow3"][class*="-up"] {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);

  }

  [class*="icono-arrow3"][class*="-right"] {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);

  }

  .morebutton {
    z-index: 100;
    width: 100%;
    bottom: 0;
    overflow: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    border-left: none;
    border-right: none;
    vertical-align: middle;
    color: black !important;
    background-color: white !important;


    display: inline-block;
    font-size: 8vmin;
  }

  .buttonspace {
    display: inline-block;

  }

  .buttonspace .homeicon {
    color: black;
    background-color: #FFFFFF;
  }


  .morebutton:hover {

    color: white !important;
    background-color: black !important;

  }

  #buttonatpics {
    font-size: 6vmin !important;
    vertical-align: baseline;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
  }

  #moreinsta:hover .homeicon {
    background: black;
    color: white;

  }

}

@media screen and (max-height: 700px) {

  .logomain>img {
    max-width: 32vmin;
  }

  .bottom {
    bottom: 2vh;

  }
}


/* MINI */
@media screen and (max-width: 350px) and (max-height: 350px) {

  #mobnav li {
    border: hidden;
  }

  .overlay-content {
    text-align: center;
    padding: 0;
  }

  .hamburger-box {
    transform: scale(0.7);

  }

  #hamburgermenu {
    margin-bottom: 5px;
    margin-right: 10px;

  }

  [class*="icono-arrow3"][class*="-up"] {
    -webkit-transform: rotate(-45deg) scale(0.6);
    transform: rotate(-45deg) scale(0.6);
    margin: 0 58px 14px 0;
  }

  [class*="icono-arrow3"][class*="-right"] {
    -webkit-transform: rotate(-135deg) scale(0.6);
    transform: rotate(-135deg) scale(0.6);
    margin: 0 58px 14px 0;
  }


  #bottomscroll {
    bottom: 0px;

  }

  .logomain {
    top: 30%;
  }

  .logomain>img {
    max-width: 32vmin;
  }

  .homeicon {
    font-size: 6vmin;
    width: 12vmin;
    height: 12vmin;
    line-height: 12vmin !important;

  }

  .mainbuttons {
    padding: 0;
  }

  .topmargin {
    margin-top: 18vh;

  }


  .row {

    margin-left: 0px;
    margin-right: 0px;

  }

  .overlay-content {
    /*	font-size:8vmin!important; */
    margin: 4vh auto;

  }

}

@media screen and (max-height: 350px) {

  .overlaysoc {
    /* position: absolute; */
    top: 54%;
    width: auto;
    font-size: 1rem;
    line-height: 20px;
    left: 20px;
    display: inherit;
    transform: translateY(-50%);

  }

  .soc li {
    display: block;
  }


  #mobnav ul {
    display: inherit;
  }

}


@media screen and (max-height: 250px) and (max-width: 250px) {
  .overlay-content {
    top: 16%;

  }

  .overlaysoc {
    top: 45%;

  }

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

  .unskew {}

}

@media screen and (-moz-min-device-pixel-ratio:0) {

  #contact {
    overflow: hidden;
  }

}

[type=reset],
[type=submit],
button,
html [type=button],

btn {

  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  outline: none !important;
}