article.header_container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 999;

}

.header_container .header_image_container {
	position: relative;
	width: 100%;
	padding-bottom: 40%;
	margin: 0 auto;
	 background-color: rgb(0,173,236)
}

.header_container .header_image_container #owl_carousel_header{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: white;
}

.header_container .header_image_container #owl_carousel_header .item{
	display: block;
	margin: 0 auto;
	width: 100%;
	padding-bottom: 40%;
}

#owl_carousel_header {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,173,236,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(0,173,236,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,173,236,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,173,236,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,173,236,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(0,173,236,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00adec', GradientType=0 );
}


/* Header Pics */

.header_container .header_image_container #owl_carousel_header .item.z1{
	background: url('../../img/header/z1_header.jpg');
	background-size: cover;
	background-position: center; 
}



.header_container .header_image_container #owl_carousel_header .item.z6{
	background: url('../../img/header/z6_header.jpg');
	background-size: cover;
	background-position: center; 
}

.header_container .header_image_container #owl_carousel_header .item.bus{
	background: url('../../img/header/bus_header.jpg');
	background-size: cover;
	background-position: center; 
}

.header_container .header_image_container #owl_carousel_header .item.race{
	background: url('../../img/header/race_header.jpg');
	background-size: cover;
	background-position: center; 
}

.header_container .header_image_container #owl_carousel_header .item.pirates{
	background: url('../../img/header/pirates_header.jpg');
	background-size: cover;
	background-position: center; 
}


.header_container .header_image_container #owl_carousel_header .item.slide-1{
    background: url('../../img/header/zomlings-slide-1.jpg');
    background-size: cover;
    background-position: center; 
}

.header_container .header_image_container #owl_carousel_header .item.slide-2{
    background: url('../../img/header/zomlings-slide-2.jpg');
    background-size: cover;
    background-position: center; 
}

/* ------------------------------------------------------- */

.header_container .header_image_container #owl_carousel_header .owl-pagination{
	display: none;
	margin-top: -55px;
}

.header_container .header_image_container #owl_carousel_header .owl-pagination .owl-page.active span{
	background-color: rgb(255,255,255);
}

.header_container .header_image_container #owl_carousel_header .owl-pagination .owl-page.active:hover span{
	background-color: rgb(255,255,255);
}

.header_container .header_image_container #owl_carousel_header .owl-pagination .owl-page:hover span{
	background-color: rgb(255,255,255);
}


/* Dots */
#owl_carousel_header .owl-controls{
	position: absolute;
	margin-top: -60px;
	width: 100%;
	height: 0px;
	text-align: center;
}

#owl_carousel_header .owl-controls .owl-dots{
	padding: 10px 5px;
	background-color: rgba(0,0,0,0.2);
	display: inline-block;
	/*border-radius: 50px;*/
	border-radius: 40px;
}

#owl_carousel_header .owl-controls .owl-dots .owl-dot{
	width: 15px;
	height: 15px;
	background-color: rgba(0,0,0,0.4);
	border-radius: 50%;
	float: left;
	margin: 0px 5px 0px 5px;
	cursor: pointer;
}


#owl_carousel_header .owl-controls .owl-dots .owl-dot.active{
	background-color: white;
	cursor: default;
}

#owl_carousel_header .owl-controls .owl-dots .owl-dot:hover{
	background-color: white;
}

/* Arrows */
.header_image_container .arrow_wrapper_header .arrow_container_header{
	width: 100px;
	height: 100px;
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	z-index: 99;
	cursor: pointer;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.2s ease all;
}

.header_image_container .arrow_wrapper_header .arrow_container_header:hover{
	background-color: rgba(0,0,0,0.9);
	transform: scale(1.2);
}

.arrow_wrapper_header .arrow_container_header.left{
	margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50px;
}

.arrow_wrapper_header .arrow_container_header.right{
	margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50px;
}

.arrow_wrapper_header .arrow_container_header .arrow_icon{
	position: absolute;
    width: 100px;
    height: 100px;
}

.arrow_wrapper_header .arrow_container_header .arrow_icon.right{
	background: url('../../img/general/right_arrow_circle.png');
	background-size: cover;
}

.arrow_wrapper_header .arrow_container_header .arrow_icon.left{
	background: url('../../img/general/left_arrow_circle.png');
	background-size: cover;
}


/* Phone Portrait */
@media only screen
and (max-width: 540px) {
	article.header_container {
		 
	}

	.header_container .header_image_container {
		padding-bottom: 75%;
	}

	.header_container .header_image_container #owl_carousel_header .item{
		display: block;
		margin: 0 auto;
		width: 100%;
		padding-bottom: 75%;
		padding-bottom: 60%;
	}
		

	/* Header Pics */

	.header_container .header_image_container #owl_carousel_header .item.z1{
		background: url('../../img/header/z1_header_small.jpg');
		background-size: cover;
		background-position: center; 
	}
	
	.header_container .header_image_container #owl_carousel_header .item.z6{
		background: url('../../img/header/z6_header_small.jpg');
		background-size: cover;
		background-position: center; 
	}

	.header_container .header_image_container #owl_carousel_header .item.bus{
		background: url('../../img/header/bus_header_small.jpg');
		background-size: cover;
		background-position: center; 
	}

	.header_container .header_image_container #owl_carousel_header .item.race{
		background: url('../../img/header/race_header_small.jpg');
		background-size: cover;
		background-position: center; 
	}

	.header_container .header_image_container #owl_carousel_header .item.pirates{
		background: url('../../img/header/pirates_header_small.jpg');
		background-size: cover;
		background-position: center; 
	}

	.header_container .header_image_container #owl_carousel_header .item.slide-1{
		background: url('../../img/header/zomlings-slide-1-mobile.jpg');
		background-size: cover;
		background-position: center; 
	}

	.header_container .header_image_container #owl_carousel_header .item.slide-2{
		background: url('../../img/header/zomlings-slide-2-mobile.jpg');
		background-size: cover;
		background-position: center; 
	}

	/* ------------------------------------------------------- */



	/* Arrows */
	.header_image_container .arrow_wrapper_header .arrow_container_header{
		width: 50px;
		height: 50px;
		display: none;
	}
	.header_image_container .arrow_wrapper_header .arrow_container_header .arrow_icon{
		position: absolute;
	    width: 50px;
	    height: 50px;
	}
	.header_image_container .arrow_wrapper_header .arrow_container_header.left{
		left: 20px;
	}
	.header_image_container .arrow_wrapper_header .arrow_container_header.right{
		right: 20px;
	}

	/* Dots */
	.header_container .header_image_container #owl_carousel_header .owl-pagination{
		margin-top: -45px;
		display: block;
	}
}

/* Phone Landscape */
@media only screen
and (min-width: 541px)
and (max-width: 768px) {
	article.header_container {
		
	}

	/* Arrows */
	.header_image_container .arrow_wrapper_header .arrow_container_header{
		width: 75px;
		height: 75px;
	}
	.header_image_container .arrow_wrapper_header .arrow_container_header .arrow_icon{
		position: absolute;
	    width: 75px;
	    height: 75px;
	}
	.header_image_container .arrow_wrapper_header .arrow_container_header.left{
		left: 40px;
	}
	.header_image_container .arrow_wrapper_header .arrow_container_header.right{
		right: 40px;
	}

	/* Dots */
	.header_container .header_image_container #owl_carousel_header .owl-pagination{
		margin-top: -45px;
		display: block;
	}
}

/* Tablet */
@media only screen
and (min-width: 769px)
and (max-width: 1024px) {

}

/* Desktop */
@media only screen
and (min-width: 1025px)
and (max-width: 1499px) {

}

/* Desktop Big */
@media only screen
and (min-width: 1500px) {

}