*,h1,h2,h3,h4, .uk-heading-medium, .uk-navbar-nav > li > a {
	font-family:'Barlow','Helvetica Neue',Arial,sans-serif !important;
	font-family: 'Barlow', sans-serif !important;
}

.a-dds-navigation {
	height: 80px !important;
}

.white_imp {
	color:#fff !important;
	font-size: 20px;
}

.shadow {
	text-shadow: 1px 0px 3px rgba(150, 150, 150, 1);
	}
	
.uk-nav-default > li > a {
	color: rgb(21, 20, 80)
}

.uk-nav-default > li.uk-active > a {
	color: rgb(224, 65, 115)
}

.lightblurimage {
	-webkit-filter: blur(5px);
	filter: blur(5px);
}

.lightblur {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(5px);
	background-color: rgba(0,0,0,0.0);
}


.lightblurdark {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(5px);
	background-color: rgba(0,0,0,0.6);
}

.lightblurlight {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(5px);
	background-color: rgba(255,255,255,0.8);
}

.drop {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background-color: rgba(255,255,255,0.6);
}

body { background-color:#333; }
#snow{
    background: none;
    font-family: Androgyne;
    background-image: 
    url('http://www.wearewebstars.dk/codepen/img/s1.png'), 
    url('http://www.wearewebstars.dk/codepen/img//s2.png'), 
    url('http://www.wearewebstars.dk/codepen/img//s3.png');
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:1;
    -webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    -ms-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}   


#gardient {
	background: #010203; /* Old browsers */
	background: -moz-linear-gradient(top, #010203 0%, #2a2b67 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #010203 0%,#2a2b67 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #010203 0%,#2a2b67 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010203', endColorstr='#2a2b67',GradientType=0 ); /* IE6-9 */
}

.uk-button-dds {
	border: 1px solid #1e87f0;
	background-color: #1e87f0;
	padding: 10px; 
	border-radius: 5px; 
	color: white;
	text-decoration: none;
}

.uk-button-dds:hover {
	text-decoration: none;
	background-color: white;
	color: #1e87f0;
	border-color: #1e87f0;
	border-radius: 5px;
	border: 1px solid;
}

.button-nav {
	border: 1px solid #1e87f0; 
	padding: 7px; 
	padding-left: 12px;
	padding-right: 12px;
	color: #1e87f0 !important; 
	border-radius: 5px;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.button-nav-tab {
	padding-right: 25px;
}

.button-nav-tab-active {
	color: #ffffff !important;
	background-color: #1e87f0;
	box-shadow: rgba(0, 0, 0, 0.156863) 0px 14px 25px 0px;
}

.button-nav-tab:hover {
	padding-right: 25px !important;
}

.button-nav:hover {
	border: 1px solid #1e87f0; 
	padding: 7px; 
	padding-left: 12px;
	padding-right: 12px;
	color: #ffffff !important; 
	background-color: #1e87f0;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.156863) 0px 14px 25px 0px;
	text-decoration: none;
	transition: all 0.3s ease-in-out; 
}

.button-nav:active {
	border: 1px solid #1e87f0; 
	padding: 7px; 
	padding-left: 12px;
	padding-right: 12px; 
	color: #ffffff !important; 
	background-color: #1e87f0;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.156863) 0px 14px 25px 0px;
	text-decoration: none;
	transition: all 0.3s ease-in-out; 
}

.button-nav-phone {
	border: 1px solid #1e87f0; 
	padding: 10px;
	width: 240px !important; 
	color: #1e87f0 !important; 
	border-radius: 5px;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.button-nav-phone:hover {
	border: 1px solid #1e87f0; 
	padding: 10px; 
	color: #ffffff !important; 
	background-color: #1e87f0;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.156863) 0px 14px 25px 0px;
	text-decoration: none;
	transition: all 0.3s ease-in-out; 
}

.button-nav-active {
	border: 1px solid #1e87f0; 
	padding: 7px; 
	padding-left: 12px;
	padding-right: 12px; 
	color: #ffffff !important; 
	background-color: #1e87f0;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.156863) 0px 14px 25px 0px;
	text-decoration: none;
	transition: all 0.3s ease-in-out; 
}

.button-nav2 {
	border: 1px solid #1e87f0; 
	padding: 10px; 
	color: #1e87f0 !important; 
	border-radius: 5px;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	width: 200px !important;
}

.button-nav2:hover {
	border: 1px solid #1e87f0; 
	padding: 10px; 
	color: #ffffff !important; 
	background-color: #1e87f0;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.156863) 0px 14px 25px 0px;
	text-decoration: none;
	transition: all 0.3s ease-in-out; 
	width: 200px !important;
}

.button-nav2:active {
	border: 1px solid #1e87f0; 
	padding: 10px; 
	color: #ffffff !important; 
	background-color: #1e87f0;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.156863) 0px 14px 25px 0px;
	text-decoration: none;
	transition: all 0.3s ease-in-out; 
	width: 200px !important;
}

.a-nav-dds {
	color: #999999;
} 

.a-nav-dds:hover {
	color: #1e87f0;
}

.uk-active {
	color: #1e87f0 !important;
}

.uk-active a {
	color: #1e87f0 ;
}

.uk-navbar-dropdown-nav-dds {
	background-color: #1e87f0;
	color: #ffffff !important;
}

.uk-navbar-dropdown {
	background-color: #1e87f0;
}

.dropdown-phone {
	width: 100vw;
	height: 100vh;
	background-color: #ffffff;
}

.uk-navbar-dropdown-nav-dds-phone {
	background-color: #ffffff;
	color: #1e87f0;
}

.phone-style {
	font-size: 20px;
}

.uk-open-phone {
	
}

.dropdown-dds {
	color: #ffffff;
}

.dropdown-dds:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* Slider Background */

.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: ''; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(links/hero_01.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(links/hero_02.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(links/Hero_03.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
	animation-delay: 12s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 2560px) { 
    .cb-slideshow li div h3 { font-size: 140px }
    
    .size-wallpaper {
	    max-width: 900px;
    }
    
}

@media screen and (max-width: 1366px) { 
    .cb-slideshow li div h3 { font-size: 140px }
    
    .size-wallpaper {
	    max-width: 700px;
    }
    
}

@media screen and (max-width: 1280px) { 
    .cb-slideshow li div h3 { font-size: 140px }
    
    .size-wallpaper {
	    max-width: 600px;
    }
    
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
    
    .size-wallpaper {
	    max-width: 900px;
    }
    
}

/* iPad Pro 12,9" */
@media screen and (max-width: 1112px) { 
    .cb-slideshow li div h3 { font-size: 140px }
    
    .size-wallpaper {
	    max-width: 600px;
    }
    
}

/* iPad 9,7"" */
@media screen and (max-width: 1024px) { 
    .cb-slideshow li div h3 { font-size: 140px }
    
    .size-wallpaper {
	    max-width: 600px;
    }
    
}

@media screen and (max-width: 800px) { 
    .cb-slideshow li div h3 { font-size: 80px }
    
    .size-wallpaper {
	    max-width: 400px;
    }
}


@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
    
    .size-wallpaper {
	    max-width: 500px;
    }
}

@media screen and (max-width: 450px) { 
    p {
	    font-size: 16px !important;
    }
    .phone {
	    font-size: 16px !important;
    }
    .size-wallpaper {
	    max-width: 400px;
    }
}

@media screen and (width: 568px) { 
    p {
	    font-size: 14px !important;
    }
    .phone {
	    font-size: 14px !important;
    }
    .size-wallpaper {
	    max-width: 200px;
	    margin-top: 30px;
    }
}

@media screen and (width: 667px) { 
    p {
	    font-size: 14px !important;
    }
    .phone {
	    font-size: 14px !important;
    }
    .size-wallpaper {
	    max-width: 250px;
	    margin-top: 30px;
    }
}

/* Apple iPhone XR 1792x828px at 326ppi Media Queries */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2)
    and (orientation:landscape) {
	    
	    .size-wallpaper {
	    max-width: 250px;
	    margin-top: 30px;
    	} 
    }

/* Apple iPhone XS 2436x1125px at 458ppi Media Queries */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) 
    and (orientation:landscape) {
	    
	    .size-wallpaper {
	    max-width: 250px;
	    margin-top: 30px;
    	}
	    
	}

/* Apple iPhone XS Max 2688x1242px at 458ppi Media Queries */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3)
    and (orientation:landscape) {
	    
	    .size-wallpaper {
	    max-width: 250px;
	    margin-top: 30px;
    	}
	    
	}

@media screen and (width: 736px) { 
    p {
	    font-size: 14px !important;
    }
    .phone {
	    font-size: 14px !important;
    }
    .size-wallpaper {
	    max-width: 300px;
	    margin-top: 30px;
    }
}

@media screen and (max-width: 400px) { 
    p {
	    font-size: 14px !important;
    }
    .phone {
	    font-size: 14px !important;
    }
    .size-wallpaper {
	    max-width: 300px;
    }
}

@media screen and (max-width: 320px) { 
    p {
	    font-size: 13px !important;
    }
    .phone {
	    font-size: 13px !important;
    }
}

@media only screen 
	and (max-width: 769px) 
	and (orientation:landscape) {
	p {
	    font-size: 13px !important;
    }
    .phone {
	    font-size: 13px !important;
    }
    .vh-vw-phone1 {

	    width: 30vw !important;
	    margin-top: 0px !important;
    }
    
     .vh-vw-phone2 {

	    width: 23vw !important;
	    margin-top: 0px !important;
    }
    
    .dds-baum-vh {
	    height: 50vh;
	    width: 30vw !important;
	    margin-top: 0px !important;
    }
    h1 {
	    font-size: 20px;
    }
    .uk-card-body {
	    margin: 15px;
	    margin-bottom: 15px !important;
    }
    .uk-card-media-top {
	    margin-top: 15px;
    }
    .white {
	    visibility: hidden
    }
}
	
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		/* IE10+ CSS styles go here */
		.dds-ie {
			margin-left: 700px;
		}
	}

  .homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
  }

  .no-video .video-container video,
  .touch .video-container video {
    display: none;
  }

  .no-video .video-container .poster,
  .touch .video-container .poster {
    display: block !important;
  }

  .video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
  }

  .video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
  }

  .video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
  }

  .video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
  }

  .video-container video.fillWidth {
    width: 100%;
  }
  
  .fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.full {
	margin-top: -300px;
	z-index: -100;
}

.full-150 {
	margin-top: -150px;
	z-index: -100;
}

.full-300 {
	margin-top: -300px;
	z-index: -100;
}

.full-bottom {
	margin-bottom: -150px;
}

.full-bottom-300 {
	margin-bottom: -300px !important;
}

.full-bottom+150 {
	margin-bottom: 150px !important;
}
.uk-animation-slide-left {
	animation-duration: 1.0s !important;
}

.vh-vw-tab {
	width: 100vw;
}

.vh-vw-desk {
	width: 75vw;
}

.vh-vw-phone {
	width: 75vw;
	margin-top: 100px;
}

.dds-baum-vh {
	margin-top: 50px;
}

canvas {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.scale-up-center {
	-webkit-animation: scale-up-center 1.5s ease-in-out 1s infinite both;
	        animation: scale-up-center 1.5s ease-in-out 1s infinite both;
}

/* Blur */
.blur {
  background: url('') no-repeat center center fixed;
  background-size: cover;
  overflow: hidden;
  filter: blur(13px);
  position: absolute;
  height: 300px;
  top: -50px;
  left: -50px;
  right: -50px;
  bottom: -50px;
}

.merry-x-mas {
	background-image: url(../img/hero.jpg);
	background-position: center center;
}

.1 {
	background-image: url(../img/hero_v1.jpg);
	background-position: center center;
}

.2 {
	background-image: url(../img/hg4.png);
	background-position: center center;
}

.3 {
	background-image: url(../img/hg2.png);
	background-position: center center;
}

.4 {
	background-image: url(../img/hg4.jpg);
	background-position: center center;
}

.bg {
	background-image: url(../img/hg.jpg);
	background-position: center center;
}

.bg-2 {
	background-image: url(../img/hg4.jpg);
	background-position: center center;
}

.bg-3 {
	background-image: url(../img/hg2.jpg);
	background-position: center center;
}

.bg-4 {
	background-image: url(../img/hg3.png);
	background-position: center center;
}

.box {
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.25);
}

.uk-form-horizontal .uk-form-label {
	width: 290px;
}

.nav-col-blue {
	color: #1e87f0 !important;
}

.nav-col-gray {
	color: #999 !important;
}

.nav-col-l {
	color: #fff !important;
}

.blue {
	color: #1e87f0;
}

.white {
	color: #ffffff;
}

.grey {
	background-color: #333;
}

.white:hover {
	color: #ffffff;
}

.grey {
	font-size: 16px !important;
	color: #999;
}

.grey:hover {
	font-size: 16px !important;
	color: #999;
}

.element-animation {
  animation: animationFrames linear 1s;
  animation-iteration-count: infinite;
  transform-origin: 50% 0%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames linear 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 0%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames linear 1s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 0%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames linear 1s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 0%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames linear 1s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 0%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  50% {
    transform:  translate(0px,10px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  50% {
    -moz-transform:  translate(0px,10px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  50% {
    -webkit-transform:  translate(0px,10px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  50% {
    -o-transform:  translate(0px,10px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  50% {
    -ms-transform:  translate(0px,10px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

.header {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00492d+0,002a15+100 */
background: #00492d; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #00492d 0%, #002a15 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #00492d 0%,#002a15 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #00492d 0%,#002a15 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00492d', endColorstr='#002a15',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*.bg-white {
	background-color: rgba(255, 255, 255, 0.9);
}*/

.bg-white {
  background-color: rgba(255, 255, 255, .9) !important;
  background: rgba(255, 255, 255, .9) !important;
}

/* if backdrop support: very transparent and blurred */
@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
  .bg-white {
    background-color: rgba(255, 255, 255, .7);
    -webkit-backdrop-filter: blur(2em);
    backdrop-filter: blur(2em);
  }
}