html, 
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	/*background-color: #e6faff !important;*/
	font-family: 'Rajdhani', sans-serif !important;
}

body {
	padding-top: 140px;
}

.intro {
	height: 0;
	transition: all 2s ease-in-out;
}

h1, p {
	font-family: 'Rajdhani', sans-serif !important;
	letter-spacing: 1px;
}

li p {

}

.veilLeft {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8), transparent);	
}

.veilRight {
	background-image: linear-gradient(to left, rgba(255, 255, 255, 0.8), transparent);
}

.whiteBackground {
	background-color: rgba(255, 255, 255, 0.9);
	color: #000000;
}

.whiteBackground span:first-child {
	color: #00b0f0;
}

.blackBackground {
	background-color: rgba(0, 0, 0, 0.4);
	color: #ffffff;
}

#header {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
    width: 100%;
    height: 140px;
}

#header_menu {
	margin-bottom: 0;
	letter-spacing: 1px;
	border-top: 1px solid #000000;
	color: #000000;
}

#header_menu.navbar .navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar .navbar-nav .dropdown .dropdown-toggle:after {
	content:'\25B2' !important;
	transform: rotate(90deg);
	font-size: 1rem !important;
}

.navbar .navbar-nav .dropdown.open .dropdown-toggle:after {
	transform: rotate(180deg);
}

#header_menu.navbar {
	position: fixed;
	z-index: 500;
	top: 100px;
	left: 0;
	width: 100%;
	min-height: 0px;
	background-color: #ffffff !important;
}

.navbar-brand {
	padding: 0 !important;
	padding-right: 10px !important;
}

.navbar-brand img {
	height: 100%;
}

#logo_area {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
    height: 100px;
	background-color: #ffffff;
}

#logo_area > div {
	background-color: #ffffff;
}

#logo_area > div > div {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

#logo_area .logo_container {
	height: 100%;
}

#logo_area img {
	height: 100%;
}

#logo_area .categoryIcons {
	margin: 0px 10px;
}

#logo_area .categoryIcons img {
	max-height: 35px;
	margin: 0px 3px;
}

.text {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.item {
	width: 100%;
	height: 400px;
}

#home,
.item,
#partner,
#contact {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#box {
	width: 100%;
	height: 100vh%;
	/*background-image: url('../pictures/fotolia_104985379.jpg');*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow-x: hidden;
	overflow-y: auto;
	transition: all 0.3s ease-in-out;
}

#box > section > div > ul {
	/*position: relative;
	top: 0;
	left: 0;
	width: 100%;
	/*height: 100%;*/
	padding: 0;
	list-style-type: none;
}

#box > section > div > ul > li {
	width: 100%;
	height: 100vh;
}

.article {
	width: 100%;
	margin-top:	50px;
	font-size: 18px;
}

.article p {
	font-size: 26px;
	border-bottom: 2px solid rgb(20, 124, 156);
}

.article ul {
	padding-left: 10px;
}

.navbar.navbar-default {
	margin-bottom: 0px;
}

#header_collapse_button {
	background-color: transparent;
	border-radius: 0;
	transition: all 0.1s linear;
}

#header_collapse_button:hover .icon-bar {
	background-color: #00b0f0;
	transition: all 0.1s linear;
}

#header_collapse_button .icon-bar {
	width: 30px;
	height: 4px;
	background-color: #000000;
}

#header_collapse_button .icon-bar+.icon-bar {
	margin-top: 6px;
}

section {
	height: calc(100vh - 140px);
	background-color: transparent !important;
}

#video1 {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}

.slider_overlay {
	position: absolute; 
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
	padding: 20px;
	/*background-color: rgba(255, 255, 255, 0.3);*/
	background-image: linear-gradient(transparent 80%, rgba(20, 124, 156, 0.8) 80%);
}

.slider_text {
	position: absolute;
	bottom: 0;
	color: #ffffff;
	font-size: 50px;
}

.slider_indicators {
	bottom: 0 !important;
	/*right: -25px !important;
	left: initial !important;*/
	width: 30px !important;
	margin: 0px;
}

.slider_indicators li {
	width: 30px !important;
	height: 5px !important;
	border-color: #000000 !important;
	margin: 0px !important;
}

.slider_indicators li.active{
	margin: 0 !important;
	background-color: #000000;
}

.branch_img {
	width: 200px;
	padding-left: 0 !important;
}

.branch_img img {
	width: 100%;
	height: auto;
}

.footer {
	display: table;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.8) !important;
}

.footer_links {
	font-size: 14px;
}

.footer_links h5 {
	color: #ffffff;
}

.footer_links ul {
	padding: 5px 0;
	list-style-type: none;
}

.footer_links li {
	padding: 5px 0;
}

.footer_links li > a {
	color: rgba(255, 255, 255, 0.57);
}

.footer_facebook a,
.footer_facebook a:hover {
	color: rgba(255, 255, 255, 0.57);
}

.footer_facebook img {
	max-width: 20px;
}

@media (max-width: @screen-xs-max){
	.footer_links .googleMaps {
		width: 100%;
	}
}

.footer .fb-share-button {
	width: 100%;
	height: 20px;
}

.footer .fb-share-button span,
.footer .fb-share-button iframe {
	width: 100% !important;
	height: 100% !important;
}

/*
#home {
	background-image: url(../pictures/fotolia_127449472.jpg);
}
*/
#partner {
	background-image: url(../pictures/fotolia_81751773.jpg);
}

#contact {
	background-image: url(../pictures/fotolia_124971673.jpg);
}

#support {
	background-image: url(../pictures/fotolia_85464803.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: 60%;
}

.overflowContainer,
.overflowContainer2,
.overflowContainer3 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 100%;
}

.container {
	color: #ffffff;
}

.content {
	position: relative;
	z-index: 2;
	min-height: 100%;
	padding: 5% 2% !important;
	color: #ffffff;
	text-align: left;
}

body > .content {
	background-color: rgba(255, 255, 255, 0.7);
}

.title {
	font-size: 50px;
	text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}

.stripe {
	display: table;
	position: fixed;
	z-index: 2;
	bottom: 0;
	left: 0;
	height: 50px;
	width: 100%;
	padding-right: 20px;
	background-color: rgba(255, 255, 255, 0.8);
	color: #000000;
	text-align: right;
	font-size: 28px;
}

.productLine {
	padding: 0;
	background-color: rgba(200, 200, 200, 0.9) !important;
}

.productLine img {
	height: 25px;
	margin: 15px;
}

#logo {
	position: relative;
	left: 2%;
}

#introLogo {
	position: relative;
	/*animation-name: moveLeft, flip;
	animation-duration: 5s, 0.5s;*/
	left: 2%;
}

@keyframes moveLeft {
	0% { top: -100%; left: 33%; opacity: 0.2; filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.5));}
	30% { top: 0; left: 33%; opacity: 0.2; filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.5));}
	60% { top: 0; left: 2%; opacity: 1; filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.5));}
	65%	{transform: rotateY(0deg); filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.5));}
	80% {transform: rotateY(360deg); filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.5));}
	100% {transform: rotateY(360deg); filter: drop-shadow(0px 0px 0px transparent);}
}