html{
	width: 100vw;
	margin:0;
 padding: 0px;
 overflow-x: hidden; 
}


body{
width: 100vw;
margin:0;
 padding: 0px;
 overflow-x: hidden; 
	
}

.navbar{
	margin: 0;
width:  100vw;
height: 75px;
overflow: hidden;
position: fixed;
background-color: rgba(255, 255, 255, 0.7);
}



.menu{
	display: none;
	
	
}

#rondlogo{
	width:10%;
	
}

#language{
	width:50%;
}
.logos{
	display: inline-block;
	margin: auto;
	width: 50%;
	padding-top: 10px;
	padding-left: 25px;
}
.navbar2{
	display: inline-block;
	margin: 0;
	width: 5%;
	height: 100px;
	padding-left: 200px;
	

}

a{
	font-family: "Raleway";
	color: #10697D;
	font-size: 18px;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}





	.bannerbox{
		margin: 0;
		width: 100%;
		height: 50vh;
		background-size: 100%;
		background-image: url("../images/bannerpic1.jpg");
		background-color:#E6E3E3;
		background-attachment: fixed;
		background-repeat: no-repeat;

	}
	.welcome{
		display: block;
		width:  100vw;
		height: 70%;
		padding: 50px 0px 50px 0px;
		text-align: center;
		margin: 0;
	
	}
	
	.content{
		display: flex;
		margin: auto;
		text-align: center;
		padding-left: 10%;
		padding-right: 10%;
	
	}
	
	h1{
		font-size: 48px;
		margin-top: 20px;
		text-align: center;
		font-family: "Roboto", sans-serif;
		color: #10697D;
	}
	h3{
		text-align: center;
		font-family: "Raleway";
		color: #10697D;
	}
	
	h2{
		text-align: center;
		font-family: "Roboto", sans-serif;
		color: #10697D;
		
	}
	
	p, label, li, textarea{
		font-family: "Raleway";
		color: #10697D;
	}
	.container{
		 padding-top: 50px;
			padding-bottom: 50px;
   width:  100vw;
			margin: 0;
			background-color: #E6E3E3;
			background-repeat: no-repeat;
   background-size: cover;
   text-align: center;
   display: inline-block;
   padding-left: 0;
   padding-right: 0;
		 vertical-align: top;
  
	}
	.webdesigncontainer{
				width:  100%;
    height: auto;
    text-align: center;
    display: inline-block;
				background-image: url("../images/mikazebackground2.png");
				background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 25px 25px 25px;
    box-sizing: border-box;
    margin: 75px 0px 0px 0px;
			 border-radius: 2px;
    font-size: 15px;
    line-height: 26px;
    color: #999;
    box-shadow: 0 1px 6px rgba(0,0,0,.05), 0 1px 15px rgba(0,0,0,.1);
    vertical-align: middle;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -kthtml-transition: all .2s linear;
    transition: all .2s linear;
	}
	.iconcontainer{
			display: none;
	}
	
	#iconwebdesign{
		margin: auto;
		width: 80%;
		height: 80%;
	}
	
	.contentcontainer, .portfoliocontentcontainer{
				width: 55%;
				height: auto;
    text-align: left;
    display: inline-block;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 25px 25px 25px;
    box-sizing: border-box;
    background-color: #ffffff;
				margin-left: 25px;
    margin-top: 75px;
    border-radius: 2px;
    font-size: 15px;
    line-height: 26px;
    color: #999;
    box-shadow: 0 1px 6px rgba(0,0,0,.05), 0 1px 15px rgba(0,0,0,.1);
    vertical-align: top;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -kthtml-transition: all .2s linear;
    transition: all .2s linear;
		
	}
	
	.contentweb{
				max-width: 1500px;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0 25px 0 25px;
    box-sizing: border-box;
    position: relative;
				
	}
	
	.appdesigncontainer{
			width:  100%;
    height: auto;
    text-align: center;
    display: block;
				background-image: url("../images/mikazebackground3.png");
				background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
			 padding: 25px 25px 25px 25px;
    box-sizing: border-box;
				margin: 75px 0px 0px 0px;
    border-radius: 2px;
    font-size: 15px;
    line-height: 26px;
    color: #999;
    box-shadow: 0 1px 6px rgba(0,0,0,.05), 0 1px 15px rgba(0,0,0,.1);
				vertical-align: top;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -kthtml-transition: all .2s linear;
    transition: all .2s linear;
		
	}
	
	.appiconcontainer, .contact{
				display: none;
	}
	
	#iconwebdesign{
		margin: auto;
		width: 80%;
		height: 80%;
	}
	.appcontentcontainer{
				width: 55%;
				height: auto;
    text-align: left;
    display: inline-block;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 25px 25px 25px;
    box-sizing: border-box;
    background-color: #ffffff;
				margin-left: 25px;
    margin-top: 75px;
    border-radius: 2px;
    font-size: 15px;
    line-height: 26px;
    color: #999;
    box-shadow: 0 1px 6px rgba(0,0,0,.05), 0 1px 15px rgba(0,0,0,.1);
    vertical-align: top;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -kthtml-transition: all .2s linear;
    transition: all .2s linear;
			
		
	}
	
	#iconappdesign{
		margin: auto;
		width: 80%;
		height: 80%;
	}
	
		.portfoliocontainer{
			width:  100%;
    height: auto;
    text-align: center;
    display: block;
				background-position: center center;
				background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
			 padding: 25px 25px 25px 25px;
    box-sizing: border-box;
    margin: auto;
				margin-top: 75px;
    border-radius: 2px;
    font-size: 15px;
    line-height: 26px;
    color: #999;
    box-shadow: 0 1px 6px rgba(0,0,0,.05), 0 1px 15px rgba(0,0,0,.1);
    vertical-align: top;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -kthtml-transition: all .2s linear;
    transition: all .2s linear;
		
	}
	
	
	
	.contentcontainer:hover {transform: scale(1.2);}
	.appcontentcontainer:hover {transform: scale(1.2);}
	.portfoliocontentcontainer:hover {transform: scale(1.2);}
	


/* Slideshow container */
.slideshow-container {
  width: 55%;
    height: 60%;
    display: block;
    background-position: left center;
				text-align: center;
    padding: 25px 25px 25px 25px;
    margin: auto;
    border-radius: 2px;
    font-size: 15px;
    line-height: 26px;
    background-color: rgba(255,255,255,0.2);
				box-shadow: 0 1px 6px rgba(0,0,0,.05), 0 1px 15px rgba(0,0,0,.1);
    vertical-align: top;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -kthtml-transition: all .2s linear;
    transition: all .2s linear;
}

/* Hide the images by default */
.mySlides {
  display: none;
		 margin-left: auto;
    margin-right: auto;
    padding: 0 25px 0 25px;
    box-sizing: border-box;
    position: relative;
}

.pvbtn{
	display: flex;
	flex-direction: row;
	height: 50%;
	width: 100%;
	color: white;
	
}
.sizedbox{
	display:block;
	position: relative;
	width: 80%;
}
/* Next & previous buttons */
.prev{
	display:block;
	position: relative;
 cursor: pointer;
  width: 10%;
		padding: 16px;
  color: #10697D;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
 
}

/* Position the "next button" to the right */
.next {
	display:block;
	position: relative;
	 cursor: pointer;
  width: 10%;
		padding: 16px;
	 color: #10697D;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  }



/* Caption text */
.text {
	display:block;
	position: relative;
  font-family: "Raleway";
		color: #10697D;
  font-size: 18px;
  padding: 8px 12px;
  bottom: 8px;
  width:100%;
  text-align: center;
}

/* Number text (1/3 etc) */


/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.socialmedia{
	width: 100%;
	text-align: center;
}

.smbuttons{
	display: flex;
	flex-direction: row;
	justify-content: center;
	height: 50%;
	width: 100%;
}

#facebook, #linkedin{
	padding: 16px;
	width: 10%;
}




footer{
	text-align: center;
margin: 0;
width:  100%;
height: 150px;
background-color: #EFEEEE;
}

#foot1, #foot2, #foot3{
	display: inline-block;
	
}


#foot1{
	float: left;
	padding-top: 25px;
	padding-left: 50px;
	text-align: left;
}

#foot2{
	padding-top: 25px;
	margin:auto;
	
}

#fb, #li{
display: inline-block;
margin: auto;
}

#llight, #flight{
	width: 50%;
}

#foot3{
	float: right;
padding-top: 25px;
padding-right: 50px;
}

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px );
  -ms-transform: translate(100px, 0px );
  transform: translate3d(100px, 0px, 0px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.input{
	font-family: "Raleway";
	width: 70%;
	height: 20px;
	float: right;
}

.form-submit-button {
	font-family: "Raleway";
width: 85px;
height: 40px;
background-color: #10697D;
color: #fff;
border: 1px solid #eee;
border-radius: 20px;
box-shadow: 5px 5px 5px #eee;
text-shadow:none;
-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -kthtml-transition: all .2s linear;
    transition: all .2s linear;

}

.form-submit-button:hover {
	font-family: "Raleway";
width: 85px;
height: 40px;
background-color: #DFEFED;
color: #10697D;
border: 1px solid #eee;
border-radius: 20px;
box-shadow: 5px 5px 5px #eee;
text-shadow:none;
transform: scale(1.2);
-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -kthtml-transition: all .2s linear;
    transition: all .2s linear;

}