.backContain{
	height: 90%;
	width: 100%;
}

.back-logo{
	background-image: url('../../imgs/ozaiko_logo_final_small.svg');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.8;
}

.ozaiko-background{
	background-image: url('../../imgs/main_background_01.jpg');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	top:0%;
	display:block;
	position: fixed;
	z-index: -1;
}

.ourHeader {
	padding-left: 30px;
	margin-bottom:10px;
	font-size: 1.5em;
	font-weight: normal;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	text-align: left;

}

.ozaikoFeatureHeader {
	padding-left: 30px;
		padding-right: 30px;
	margin-bottom: 0px;
	font-size: 1.25em;
	font-weight: normal;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	text-align: left;
	
}

.tagline{
	background-image: url('../../imgs/text_tagline.svg');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.ozaiko-disc{
	background-image: url('../../imgs/disc_color.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.coming-soon{
	/*background-image: url('../../imgs/appStore-badge.svg');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;*/
}

.comingsoonimage{
	height: 100%;
	width: auto;
    margin-left: auto;
    margin-right: auto;
}

.availableText{
	background-image: url('../../imgs/available_coming_helvetica.svg');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.no-svg .back-logo{
	background-image: url('../../imgs/ozaiko_white_drop.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.8;
}
.no-svg .tagline{
	background-image: url('../../imgs/text_tagline.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.no-svg .ozaiko-disc{
	background-image: url('../../imgs/ozaiko_disc.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.no-svg .coming-soon{
	background-image: url('../../imgs/text_coming.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
}

header { border-bottom: 1px solid #000; }
header > h1 { display: inline-block; }
header span { margin-left: 0px;
font-size: 15pt; }

@media only screen and (min-height: 1080px){ /*500px*/

.back-logo{
		width: 100%;
		height: 12%;
		bottom:81%;
		visibility: visible;
		display: block;
		position: fixed;
		/*opacity: 0.8;*/
		/*-webkit-filter: drop-shadow(0px 0px 4px rgba(255,255,255,0.5));
		filter: url(shadow.svg#drop-shadow);
		-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#ffffff')";
		filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#ffffff')";*/
}

.ozaiko-background{
	background-image: url('../../imgs/main_background_01.jpg');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	top:0%;
	display:block;
	position: fixed;
	z-index: -1;
}

.tagline{
		width: 100%;
		height: 2.25%;
		bottom:76%;
		visibility: visible;
		display: block;
		position: fixed;
		opacity: 0.15;
}
.ozaiko-disc{
		width: 100%;
		height: 50%;
		top: 25%;
		visibility: visible;
		display: block;
		position: fixed;
}
.coming-soon{
		width: 100%;
		height: 50px;
		bottom:115px;
/*		margin-bottom:30px;
*/		visibility: visible;
		display: block;
		position: fixed;
		opacity: 1.0;
}

.availableText{
		width: 100%;
		height: 24px;
		bottom:80px;
/*		margin-bottom:30px;
*/		visibility: visible;
		display: block;
		position: fixed;
		opacity: 1.0;
}
}

@media only screen and (min-height: 500px) and (max-height: 1080px) { /*500px*/

.back-logo{
		width: 100%;
		height: 12%;
		bottom:81%;
		visibility: visible;
		display: block;
		position: fixed;
		/*opacity: 0.8;*/
		/*-webkit-filter: drop-shadow(0px 0px 4px rgba(255,255,255,0.5));
		filter: url(shadow.svg#drop-shadow);
		-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#ffffff')";
		filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#ffffff')";*/
}


.tagline{
		width: 100%;
		height: 2.25%;
		bottom:76%;
		visibility: visible;
		display: block;
		position: fixed;
		opacity: 0.15;
}
.ozaiko-disc{
		width: 100%;
		height: 50%;
		top: 270px;
		visibility: visible;
		display: block;
		position: fixed;
}
.coming-soon{
		width: 100%;
		height: 50px;
		bottom:115px;
/*		margin-bottom:30px;
*/		visibility: visible;
		display: block;
		position: fixed;
		opacity: 1.0;
}

.availableText{
		width: 100%;
		height: 24px;
		bottom:80px;
/*		margin-bottom:30px;
*/		visibility: visible;
		display: block;
		position: fixed;
		opacity: 1.0;
}
}
.newsletter-form-cont{
	width: 55%;
	height: auto;
	padding-left: 30px;
}
/*@media only screen and (min-height: 360px) and (max-height: 540px) {

.ozaiko-background{
	background-size: auto 50%;
	background-position: top;
}

	.back-logo{
		width: 100%;
		height: 80px;
		bottom:79%;
		visibility: visible;
		display: block;
		position: fixed;
		opacity: 0.8;
		z-index: 4;

}
.tagline{
		width: 100%;
		height: 12px;
		bottom:73%;
		visibility: visible;
		display: block;
		position: fixed;
		opacity: 0.15;
		z-index: 2;
}
.ozaiko-disc{
		width: 100%;
		height: 45%;
		bottom:26%;
		visibility: visible;
		display: block;
		position: fixed;
		z-index: 1;
}
.coming-soon{
		width: 100%;
		height: 12px;
		bottom:65px;
		visibility: visible;
		display: block;
		position: fixed;
		opacity: 0.15;
		z-index: 2;
}
}

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


.ozaiko-background{
	background-size: auto 50%;
	background-position: top;
}
	.back-logo{
		width: 100%;
		height: 60px;
		bottom:77%;
		visibility: visible;
		display: block;
		position: fixed;
		opacity: 0.8;
		z-index: 4;
}
.tagline{
		width: 100%;
		height: 12px;
		bottom:72%;
		visibility: visible;
		display: block;
		position: fixed;
		opacity: 0.15;
		z-index: 2;
}
.ozaiko-disc{
		width: 100%;
		height: 35%;
		bottom:34%;
		visibility: visible;
		display: block;
		position: fixed;
		z-index: 1;
}
.coming-soon{
		width: 100%;
		height: 12px;
		bottom:65px;
		visibility: visible;
		display: block;
		position: fixed;
		opacity: 0.15;
		z-index: 2;
}
}*/


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


/*.ozaiko-background{
	background-size: auto 50%;
	background-position: top;
}*/

	.back-logo{
		width: 100%;
		height: 10%;
		bottom:81%;
		visibility: visible;
		display: block;
		position: fixed;
		opacity: 0.8;
		z-index: 4;
		/*-webkit-filter: drop-shadow(0px 0px 4px rgba(255,255,255,0.5));
		filter: url(shadow.svg#drop-shadow);
		-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#ffffff')";
		filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#ffffff')";*/
	}

	.tagline{
		width: 100%;
		height: 2.25%;
		bottom:77%;
		visibility: visible;
		display: block;
		position: fixed;
		opacity: 0.15;
		z-index: 2;
	}
	.ozaiko-disc{
		width: 100%;
		height: 50%;
		bottom: 0%;
		visibility: visible;
		display: block;
		position: fixed;
	}
	.coming-soon{
		width: 100%;
		height: 50px;
		bottom:105px;
		visibility: visible;
		display: block;
		position: fixed;
		opacity: 1.0;
		z-index: 2;
	}
	
	.availableText{
		width: 100%;
		height: 24px;
		bottom:75px;
/*		margin-bottom:30px;
*/		visibility: visible;
		display: block;
		position: fixed;
		opacity: 1.0;
}
}


html, body {

	max-height: 100%;
	/*cursor:pointer;*/

	background-color: black;
	/*overflow: hidden;*/
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;

}

h2 {
	
	
}


.navbar.navbar-fixed-bottom {
	/*height: 50px; */
  	/*background: linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0)); */
  	border-top: 1px solid rgb(0,255,0);
  	background: rgba(0,0,0,0.75);
  	/*white-space: nowrap;*/
  	/*height: 60px;*/
}

.navbar-nav {
    font-size: 16px;

    margin: 0 auto;
    /*display: table;
    table-layout: fixed;*/
    /*float none;*/
    /*float: none;*/
    /*float: center;*/
    float: none !important;
    display: inline-block !important;
    /*white-space: nowrap;*/
}

.navbar-collapse{
	border-color: rgb(0, 255, 0);
}

.navbar-collapse.collapse{
	text-align:center;
}


.navbar-collapse.collapsing{
	text-align:center;
}

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

.privacyBox{
	visibility: visible;
	display: none;
	opacity: 1;
	height: 0px;
	max-height: 130px;
	max-width: 768px;
	margin-top:0px;
	margin-right: auto;
	margin-left: auto;
	color: rgba(0,255,0,1);
	text-align: left;
}	
}

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

.privacyBox{
	visibility: visible;
	display: none;
	opacity: 1;
	overflow: visible;
	height: 0px;
	max-width: 768px;
	margin-top:0px;
	margin-right: auto;
	margin-left: auto;
	color: rgba(0,255,0,1);
	text-align: left;
}

.newsletter-form-cont{
	width: 90%;
	padding-left: 5%;
}

}

.socials{
	float:none;
}
 .navbar-default .navbar-nav > li > a {
 	
 	border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: transparent;
   padding-bottom:1px;
   padding-left: 0px;
   padding-right: 0px;
   margin-left: 10px;
   margin-right: 10px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
 	
 	color: #00ff00 !important;
    background-color: transparent !important;
   
   /*font-weight: bold;*/
   /*text-decoration: underline;*/
   border-radius:0px;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #00ff00;
   padding-bottom:1px;
   padding-left: 0px;
   padding-right: 0px;
   margin-left: 10px;
   margin-right: 10px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  	color: #00ff00 !important;
    background-color: transparent !important;
   
   /*font-weight: bold;*/
   /*text-decoration: underline;*/
	border-radius:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00ff00;
	padding-bottom:1px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 10px;
	margin-right: 10px;
}

.navbar-collapse .navbar-nav > li > a:hover,
.navbar-collapse .navbar-nav > li > a:focus{
	display: inline-block;
}

.navbar-collapse .navbar-nav > .active > a, 
.navbar-collapse .navbar-nav > .active > a:hover,
.navbar-collapse .navbar-nav > .active > a:focus{
	display: inline-block;
}

.our-Button{
	margin-left:20px;
	/*background-color: #fff;*/
	border-color: rgba(0,255,0,1);
	color: rgba(0,255,0,1);
	background-color: transparent;
  	background-image: none;
  	border: 1px solid rgba(0,255,0,1);
  	border-radius: 0px;
}

.hamburger {
	color: rgba(0,255,0,1);
	background-color: rgba(0,255,0,1);
	border-color: rgba(0,255,0,1);
}
@media only screen and (max-width: 290px){
	.collapsed-logo{
		padding-right: 2%;
	}
}

@media only screen and (min-width: 290px){
	.collapsed-logo{
		padding-right: 25px;
	}
}

.collapsed-logo{
	margin:0 auto;
	padding-top: 7.5px;
}

.expanded-logo{
	padding-left: 30px;
	padding-top: 7.5px;
	margin:0 auto;
}


/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */

}

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

	.content-box{
		max-width: 100%;
		height: auto;
	}
}


.my-video-div {
    max-width: 560px;  
    max-height: 315px;
    margin-right: auto;
    margin-left: auto;	
}
.video {
	height: 315px;
}

.content-box{
	opacity: 0;
	/*visibility: hidden;*/
	display: none;
	padding-left: 1px;
	padding-right: 1px;
	z-index: 101;
	float: none;/*
	overflow-y: auto;
	overflow-x:hidden;*/
		overflow: visible;
	position: absolute;
	top:20%;
    background-color: rgba(0,0,0,0.85);
    color: #ddd;
    border-color: rgba(0,255,0, 1);
    /*border-width: 1px;*/
    /*border-style: solid;*/
    text-align: justify;
	padding-bottom: 60px;
    /*-moz-box-shadow:0px 0px 27px #000000;
	-webkit-box-shadow:0px 0px 27px #000000;
	box-shadow:0px 0px 27px #000000;*/
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px; 
	width: 800px;
	margin-bottom: 210px;
}

.contact-box{
	width: 550px;
}
@media only screen and (min-width: 501px) {
	.contact-box{
		top:20%;
	}
}
@media only screen and (max-width: 500px){

	.content-box{
/*top: 20%;*/
		padding-bottom:60px;
	}
	.contact-box{
	    top:20%;
	}	
}

@media only screen and (max-width: 500px) and (max-height: 550px){
	.content-box{
		top: 5%;
	}
	.contact-box{
		top:5%;
	}
}


.custParag{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	clear:both;
}

.ozaiko-title{
	clear:none;
	padding-left: 30px;
	font-size: 36px;
	font-weight: 500;
	width: 50px;
	text-align: justify;
	float:left;
}

h1{
	padding-left: 30px;
}
h2{
	padding-left: 30px;
}

.contact-form-cont > h2 {
	padding-left: 0px;
}

.thumbStart {         
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.thumbCont {     
	list-style:none;
	margin-bottom:25px;           
}
/*thumbIn {
	cursor: pointer;
}*/
.stretch {
    width:100%;
    height:100%;
}

.socials-paragraph{

	float: left;	
	height: 30px;
	position: relative;
	display: block;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.ozaiko-social-icon{
	margin-top: 25%;
}

form {
	display: block;
	/*padding-bottom: 100px;
	padding-left: 30px;*/
	/*width: 100%;*/

}

#contact-form{
	margin: 0 auto;
}

.contact-form-cont{
	width: 400px;
	height: auto;
	margin: 0 auto;
}



/* Applying styles to our text boxes */
input{
	width:100%;
	height:27px;
	background:rgba(20,20,20,1);
	border: none;	
/*	outline: none;
*/	padding:0px;
	padding-left: 5px;
	margin-top:5px;
	font-size:1.0em;
	color:#ffffff;
}

label {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
}

.signup-label{
	padding-bottom: 10px;
}

input:focus{
	outline: none !important;
	border: solid !important;	
	border-color: rgba(0, 255,0,1) !important;
	border-width: 1px !important;

}
textarea:focus{
	outline: none !important;
	border: solid !important;
	border-color: rgba(0, 255,0,1) !important;
	border-width: 1px !important;

}

textarea {
	width:100%;
	height:200px;
	background:rgba(20,20,20,1);
	border: none;
/*	outline:none;	
*/	padding:0px;
	padding-left: 5px;
	margin-top:10px;
	font-size:1.0em;
	color:#ffffff;
}

@media only screen and (max-width: 430px){
	form{
		padding-left: 10px;
		padding-right: 10px;
	}

	.contact-form-cont > h2 {
	padding-left: 10px;
	}

	.contact-form-cont{
		width: 100%;
	}
}

#contact-button {
	display: block;
    width:65px;
    height:35px;
/*    text-indent:-9999px;
*/    border:transparent;
border-width: 1px;
    background-color: rgba(0,0,0,0); 
    border-color: #666362;
    padding-left: 0px;
/*    font-color: rgba (0,0,0,1);
*/    margin-top:15px;
    cursor:pointer;
    text-align: left;
    color:#ddd;
}

#contact-button:hover {
/*	border: solid;
	border-color: rgba(0,255,0,1);
	border-width: 1px;*/

	color:rgba(0,255,0,1);
}

#contact-button:active{
/*	border: solid;
	border-color: rgba(0,220,0,1);
	border-width: 1px;*/

	color:rgba(0,215,0,1);
}

#signup-button {
	display: block;
    width:85px;
    height:35px;
/*    text-indent:-9999px;
*/    border:transparent;
	border-width: 1px;
    background-color: rgba(0,0,0,0); 
    border-color: rgba(150,150,150,0.15);
    padding-left: 0px;
/*    font-color: rgba (0,0,0,1);
*/    margin-top:10px;
    cursor:pointer;
    text-align: left;
    color:#ddd;
}

#signup-button:hover {
/*	border: solid;
	border-color: rgba(0,255,0,1);
	border-width: 1px;*/

	color:rgba(0,255,0,1);
}

#signup-button:active{
/*	border: solid;
	border-color: rgba(0,220,0,1);
	border-width: 1px;*/

	color:rgba(0,215,0,1);
}

/*custom media querys */

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

}


/*predefined querys */

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/*pressKit*/

#content div.images div {
	padding-bottom: 25px;
}

#content p.images-text {
	margin-top: -15px;
}

#content .iframe-container {
	position: relative;
	/* Magic! Makes sure the container is high enough to show the entire iframe 
	 * Thanks to http://andmag.se/2011/11/responsive-embeds/ */
	padding-bottom: 56.5%;
}

.iframe-container {
	position: relative;
	/* Magic! Makes sure the container is high enough to show the entire iframe 
	 * Thanks to http://andmag.se/2011/11/responsive-embeds/ */
	padding-bottom: 56.5%;
}

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

#content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#content img.header {
	margin-bottom: 20px;
}

#content ul {
}
img {
	width: 100%;
}

#navigation h1.nav-header {
	padding: 0 15px;
	margin-bottom: 0;
}

#navigation a.nav-header {
	padding: 5px 15px;
	font-weight: bold;
}

#navigation ul.uk-nav {
	padding: 15px 0;
}

#navigation p {
	padding-bottom: 10px;
}

.press-box {
	padding: 15px 0px;
	width: 800px;
	/*margin-bottom: 210px;*/
}

.press-box > li > a {
 	color: #00ff00 !important;
    background-color: transparent !important;
 	
}
.press-box > li > a:hover,
.press-box > li > a:focus {
 	
 	color: #00ff00 !important;
    background-color: transparent !important;
}
.press-box > a,
.press-box > a:hover,
.press-box > a:focus {
  	color: #00ff00 !important;
    background-color: transparent !important;
   
}

.press-navigation {
	width: 25%;
}

.press-header {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 200;
	margin-left: 0px;
	padding-left: 0px;
	text-align:left;
}

.press-subheader {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 200;
	margin-left: 0px;
	padding-left: 0px;
	text-align: left;
}

.presslink {
	color: rgba(0, 255,0,1);
	text-decoration: none;
}

.presslink:hover {
	text-decoration: underline;
	color: rgba(0, 215,0,1);
}

.pressUL {
	padding: 0px 0;
	list-style: none;
	list-style-type:disc;
	list-style-position:inside;
}

.pressheader {
	width: 75%;
	margin-bottom:40px;
}

em {
	color: rgb(0, 255, 0);
	font-style: normal;
}

.pressentry {
	text-align: left;
}

.ul-press-image {
  padding:0 0 0 0;
  margin:0 0 0 0;
}
.ul-li-press-image {
  list-style:none;
  margin-bottom:25px;
}

.image-cont {
	padding-top: 10px;
	margin-left: -15px;
	padding-left:0px;
	width: 100%;
}

img {
	width: 100%;
}

#content img.header {
	margin-bottom: 20px;
}



/*UIKIT PARTS */

.uk-width-medium-1-3,
  .uk-width-medium-2-6 {
    width: 33.333%;
  }
  
  .uk-width-medium-3-4 {
    width: 75%;
  }

.uk-container {
  box-sizing: border-box;
  max-width: 800px;
  padding: 0 25px;
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-container {
    max-width: 1200px;
    padding: 0 35px;
  }
}
/*
 * Micro clearfix
 */
.uk-container:before,
.uk-container:after {
  content: "";
  display: table;
}
.uk-container:after {
  clear: both;
}
/*
 * Center container
 */
.uk-container-center {
  margin-left: auto;
  margin-right: auto;
}
/* Clearing
 ========================================================================== */
/*
 * Micro clearfix
* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
 * `table` is used again with `:after` because `clear` only works with block elements.
 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
 */
.uk-clearfix:before {
  content: "";
  display: table-cell;
}
.uk-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/*
 *  Create a new block formatting context
 */
.uk-nbfc {
  overflow: hidden;
}
.uk-nbfc-alt {
  display: table-cell;
  width: 10000px;
}
/* Alignment of block elements
 ========================================================================== */
/*
 * Float blocks
 * 1. Prevent content overflow on small devices
 */
.uk-float-left {
  float: left;
}
.uk-float-right {
  float: right;
}
/* 1 */
[class*='uk-float-'] {
  max-width: 100%;
}
/* Alignment of images and objects
 ========================================================================== */
/*
 * Alignment
 */
[class*='uk-align-'] {
  display: block;
  margin-bottom: 15px;
}
.uk-align-left {
  margin-right: 15px;
  float: left;
}
.uk-align-right {
  margin-left: 15px;
  float: right;
}
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-align-medium-left {
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
  }
  .uk-align-medium-right {
    margin-left: 15px;
    margin-bottom: 15px;
    float: right;
  }
}
.uk-align-center {
  margin-left: auto;
  margin-right: auto;
}
/* Vertical alignment
 ========================================================================== */
/*
 * Remove whitespace between child elements when using `inline-block`
 */
.uk-vertical-align {
  font-size: 0.001px;
}
/*
 *  The `uk-vertical-align` container needs a specific height
 */
.uk-vertical-align:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/*
 * Sub-object which can have any height
 * 1. Reset whitespace hack
 */
.uk-vertical-align-middle,
.uk-vertical-align-bottom {
  display: inline-block;
  max-width: 100%;
  /* 1 */
  font-size: 1rem;
}
.uk-vertical-align-middle {
  vertical-align: middle;
}
.uk-vertical-align-bottom {
  vertical-align: bottom;
}
/* Height
 ========================================================================== */
/*
 * More robust if padding and border are used
 */
[class*='uk-height'] {
  box-sizing: border-box;
}
/*
 * Useful to extend the `html` and `body` element to the full height of the page.
 */
.uk-height-1-1 {
  height: 100%;
}
/*
 * Useful to create image teasers
 */
.uk-height-viewport {
  height: 100vh;
  min-height: 600px;
}
/* Responsive objects
 * Note: Images are already responsive by default, see Base component
 ========================================================================== */
/*
 * 1. Corrects `max-width` and `max-height` behavior if padding and border are used
 */
.uk-responsive-width,
.uk-responsive-height {
  box-sizing: border-box;
}
/*
 * Responsiveness: Sets a maximum width relative to the parent and auto scales the height
 * `important` needed to override `uk-img-preserve img`
 */
.uk-responsive-width {
  max-width: 100% !important;
  height: auto;
}
/*
 * Responsiveness: Sets a maximum height relative to the parent and auto scales the width
 * Only works if the parent element has a fixed height.
 */
.uk-responsive-height {
  max-height: 100%;
  width: auto;
}

.uk-grid > * {
  /* 1 */
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  /* 2 */
  margin: 0;
  /* 3 */
  float: left;
}

.uk-grid > * > :last-child {
  margin-bottom: 50px;
}

.uk-grid {
  margin-left: -25px;
}
.uk-grid > * {
  padding-left: 25px;
}
/* Vertical */
.uk-grid + .uk-grid,
.uk-grid-margin,
.uk-grid > * > .uk-panel + .uk-panel {
  margin-top: 25px;
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  /* Horizontal */
  .uk-grid {
    margin-left: -35px;
  }
  .uk-grid > * {
    padding-left: 35px;
  }
  /* Vertical */
  .uk-grid + .uk-grid,
  .uk-grid-margin,
  .uk-grid > * > .uk-panel + .uk-panel {
    margin-top: 35px;
  }
}
/*
 * Collapse gutter
 */
/* Horizontal */
.uk-grid-collapse {
  margin-left: 0;
}
.uk-grid-collapse > * {
  padding-left: 0;
}
/* Vertical */
.uk-grid-collapse + .uk-grid-collapse,
.uk-grid-collapse > .uk-grid-margin,
.uk-grid-collapse > * > .uk-panel + .uk-panel {
  margin-top: 0;
}
/*
 * Small gutter
 */
/* Horizontal */
.uk-grid-small {
  margin-left: -10px;
}
.uk-grid-small > * {
  padding-left: 10px;
}
/* Vertical */
.uk-grid-small + .uk-grid-small,
.uk-grid-small > .uk-grid-margin,
.uk-grid-small > * > .uk-panel + .uk-panel {
  margin-top: 10px;
}
/*
 * Medium gutter
 */
/* Horizontal */
.uk-grid-medium {
  margin-left: -25px;
}
.uk-grid-medium > * {
  padding-left: 25px;
}
/* Vertical */
.uk-grid-medium + .uk-grid-medium,
.uk-grid-medium > .uk-grid-margin,
.uk-grid-medium > * > .uk-panel + .uk-panel {
  margin-top: 25px;
}
/* Modifier: `uk-grid-divider`
 ========================================================================== */
/*
 * Horizontal divider
 * Only works with the default gutter. Does not work with gutter collapse, small or large.
 * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row.
 */
.uk-grid-divider:not(:empty) {
  margin-left: -25px;
  margin-right: -25px;
}
.uk-grid-divider > * {
  padding-left: 25px;
  padding-right: 25px;
}
.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
  border-left: 1px solid #dddddd;
}
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
    border-left: 1px solid #dddddd;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
    border-left: 1px solid #dddddd;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  /*
     * Large gutter
     */
  .uk-grid-divider:not(:empty) {
    margin-left: -35px;
    margin-right: -35px;
  }
  .uk-grid-divider > * {
    padding-left: 35px;
    padding-right: 35px;
  }
  .uk-grid-divider:empty {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
/*
 * Vertical divider
 */
.uk-grid-divider:empty {
  margin-top: 25px;
  margin-bottom: 25px;
  border-top: 1px solid #dddddd;
}
/* Match panels in grids
 ========================================================================== */
/*
 * 1. Behave like a block element
 */
.uk-grid-match > * {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* 1 */
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.uk-grid-match > * > * {
  /* 1 */
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  box-sizing: border-box;
  width: 100%;
}
/* Even grid cell widths
 ========================================================================== */
[class*='uk-grid-width'] > * {
  box-sizing: border-box;
  width: 100%;
}
.uk-grid-width-1-2 > * {
  width: 50%;
}
.uk-grid-width-1-3 > * {
  width: 33.333%;
}
.uk-grid-width-1-4 > * {
  width: 25%;
}
.uk-grid-width-1-5 > * {
  width: 20%;
}
.uk-grid-width-1-6 > * {
  width: 16.666%;
}
.uk-grid-width-1-10 > * {
  width: 10%;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
  .uk-grid-width-small-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-small-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-small-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-small-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-small-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-small-1-10 > * {
    width: 10%;
  }
}
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-grid-width-medium-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-medium-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-medium-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-medium-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-medium-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-medium-1-10 > * {
    width: 10%;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-grid-width-large-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-large-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-large-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-large-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-large-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-large-1-10 > * {
    width: 10%;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-grid-width-xlarge-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-xlarge-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-xlarge-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-xlarge-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-xlarge-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-xlarge-1-10 > * {
    width: 10%;
  }
}
/* Sub-objects: `uk-width-*`
 ========================================================================== */
[class*='uk-width'] {
  box-sizing: border-box;
  width: 100%;
}
/*
 * Widths
 */
/* Whole */
.uk-width-1-1 {
  width: 100%;
}
/* Halves */
.uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10 {
  width: 50%;
}
/* Thirds */
.uk-width-1-3,
.uk-width-2-6 {
  width: 33.333%;
}
.uk-width-2-3,
.uk-width-4-6 {
  width: 66.666%;
}
/* Quarters */
.uk-width-1-4 {
  width: 25%;
}
.uk-width-3-4 {
  width: 75%;
}
/* Fifths */
.uk-width-1-5,
.uk-width-2-10 {
  width: 20%;
}
.uk-width-2-5,
.uk-width-4-10 {
  width: 40%;
}
.uk-width-3-5,
.uk-width-6-10 {
  width: 60%;
}
.uk-width-4-5,
.uk-width-8-10 {
  width: 80%;
}
/* Sixths */
.uk-width-1-6 {
  width: 16.666%;
}
.uk-width-5-6 {
  width: 83.333%;
}
/* Tenths */
.uk-width-1-10 {
  width: 10%;
}
.uk-width-3-10 {
  width: 30%;
}
.uk-width-7-10 {
  width: 70%;
}
.uk-width-9-10 {
  width: 90%;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
  /* Whole */
  .uk-width-small-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-small-1-2,
  .uk-width-small-2-4,
  .uk-width-small-3-6,
  .uk-width-small-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-small-1-3,
  .uk-width-small-2-6 {
    width: 33.333%;
  }
  .uk-width-small-2-3,
  .uk-width-small-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-small-1-4 {
    width: 25%;
  }
  .uk-width-small-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-small-1-5,
  .uk-width-small-2-10 {
    width: 20%;
  }
  .uk-width-small-2-5,
  .uk-width-small-4-10 {
    width: 40%;
  }
  .uk-width-small-3-5,
  .uk-width-small-6-10 {
    width: 60%;
  }
  .uk-width-small-4-5,
  .uk-width-small-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-small-1-6 {
    width: 16.666%;
  }
  .uk-width-small-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-small-1-10 {
    width: 10%;
  }
  .uk-width-small-3-10 {
    width: 30%;
  }
  .uk-width-small-7-10 {
    width: 70%;
  }
  .uk-width-small-9-10 {
    width: 90%;
  }
}
/* Tablet and bigger */
@media (min-width: 768px) {
  /* Whole */
  .uk-width-medium-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-medium-1-2,
  .uk-width-medium-2-4,
  .uk-width-medium-3-6,
  .uk-width-medium-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-medium-1-3,
  .uk-width-medium-2-6 {
    width: 33.333%;
  }
  .uk-width-medium-2-3,
  .uk-width-medium-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-medium-1-4 {
    width: 25%;
  }
  .uk-width-medium-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-medium-1-5,
  .uk-width-medium-2-10 {
    width: 20%;
  }
  .uk-width-medium-2-5,
  .uk-width-medium-4-10 {
    width: 40%;
  }
  .uk-width-medium-3-5,
  .uk-width-medium-6-10 {
    width: 60%;
  }
  .uk-width-medium-4-5,
  .uk-width-medium-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-medium-1-6 {
    width: 16.666%;
  }
  .uk-width-medium-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-medium-1-10 {
    width: 10%;
  }
  .uk-width-medium-3-10 {
    width: 30%;
  }
  .uk-width-medium-7-10 {
    width: 70%;
  }
  .uk-width-medium-9-10 {
    width: 90%;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) {
  /* Whole */
  .uk-width-large-1-1 {
    width: 100%;
  }
  /* Halves */
  .uk-width-large-1-2,
  .uk-width-large-2-4,
  .uk-width-large-3-6,
  .uk-width-large-5-10 {
    width: 50%;
  }
  /* Thirds */
  .uk-width-large-1-3,
  .uk-width-large-2-6 {
    width: 33.333%;
  }
  .uk-width-large-2-3,
  .uk-width-large-4-6 {
    width: 66.666%;
  }
  /* Quarters */
  .uk-width-large-1-4 {
    width: 25%;
  }
  .uk-width-large-3-4 {
    width: 75%;
  }
  /* Fifths */
  .uk-width-large-1-5,
  .uk-width-large-2-10 {
    width: 20%;
  }
  .uk-width-large-2-5,
  .uk-width-large-4-10 {
    width: 40%;
  }
  .uk-width-large-3-5,
  .uk-width-large-6-10 {
    width: 60%;
  }
  .uk-width-large-4-5,
  .uk-width-large-8-10 {
    width: 80%;
  }
  /* Sixths */
  .uk-width-large-1-6 {
    width: 16.666%;
  }
  .uk-width-large-5-6 {
    width: 83.333%;
  }
  /* Tenths */
  .uk-width-large-1-10 {
    width: 10%;
  }
  .uk-width-large-3-10 {
    width: 30%;
  }
  .uk-width-large-7-10 {
    width: 70%;
  }
  .uk-width-large-9-10 {
    width: 90%;
  }
}
/* Sub-object: `uk-push-*` and `uk-pull-*`
 ========================================================================== */
/*
 * Source ordering
 * Works only with `uk-width-medium-*`
 */
/* Tablet and bigger */
@media (min-width: 768px) {
  [class*='uk-push-'],
  [class*='uk-pull-'] {
    position: relative;
  }
  /*
     * Push
     */
  /* Halves */
  .uk-push-1-2,
  .uk-push-2-4,
  .uk-push-3-6,
  .uk-push-5-10 {
    left: 50%;
  }
  /* Thirds */
  .uk-push-1-3,
  .uk-push-2-6 {
    left: 33.333%;
  }
  .uk-push-2-3,
  .uk-push-4-6 {
    left: 66.666%;
  }
  /* Quarters */
  .uk-push-1-4 {
    left: 25%;
  }
  .uk-push-3-4 {
    left: 75%;
  }
  /* Fifths */
  .uk-push-1-5,
  .uk-push-2-10 {
    left: 20%;
  }
  .uk-push-2-5,
  .uk-push-4-10 {
    left: 40%;
  }
  .uk-push-3-5,
  .uk-push-6-10 {
    left: 60%;
  }
  .uk-push-4-5,
  .uk-push-8-10 {
    left: 80%;
  }
  /* Sixths */
  .uk-push-1-6 {
    left: 16.666%;
  }
  .uk-push-5-6 {
    left: 83.333%;
  }
  /* Tenths */
  .uk-push-1-10 {
    left: 10%;
  }
  .uk-push-3-10 {
    left: 30%;
  }
  .uk-push-7-10 {
    left: 70%;
  }
  .uk-push-9-10 {
    left: 90%;
  }
  /*
     * Pull
     */
  /* Halves */
  .uk-pull-1-2,
  .uk-pull-2-4,
  .uk-pull-3-6,
  .uk-pull-5-10 {
    left: -50%;
  }
  /* Thirds */
  .uk-pull-1-3,
  .uk-pull-2-6 {
    left: -33.333%;
  }
  .uk-pull-2-3,
  .uk-pull-4-6 {
    left: -66.666%;
  }
  /* Quarters */
  .uk-pull-1-4 {
    left: -25%;
  }
  .uk-pull-3-4 {
    left: -75%;
  }
  /* Fifths */
  .uk-pull-1-5,
  .uk-pull-2-10 {
    left: -20%;
  }
  .uk-pull-2-5,
  .uk-pull-4-10 {
    left: -40%;
  }
  .uk-pull-3-5,
  .uk-pull-6-10 {
    left: -60%;
  }
  .uk-pull-4-5,
  .uk-pull-8-10 {
    left: -80%;
  }
  /* Sixths */
  .uk-pull-1-6 {
    left: -16.666%;
  }
  .uk-pull-5-6 {
    left: -83.333%;
  }
  /* Tenths */
  .uk-pull-1-10 {
    left: -10%;
  }
  .uk-pull-3-10 {
    left: -30%;
  }
  .uk-pull-7-10 {
    left: -70%;
  }
  .uk-pull-9-10 {
    left: -90%;
  }
}