body{
	margin:0;
}

/*MISC*/
.underconstruction
{
	height: 25vw;
	text-align: center;
	padding-top: 6vw;
	font-family: calibri;
	line-height: 0.1vw;
}

.underconstruction h1, h2, h3 
{
	
}
.underconstruction h1{
	font-size: 3vw;
	color: red;
}
.underconstruction h2{
	font-size: 2vw;
	font-weight: 300;
	color: #555
}
.underconstruction h3{
	font-weight: 300;
}


/*END MISC*/
/*HEADER*/
/*CARRUSEL*/
* {
	box-sizing: border-box;
}
.mySlides {
	display: none;
}
.slideshow-container img {
	vertical-align: middle;
}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  margin: auto;
}

/* Caption text */
.text {
  color: black;
  font-size: 0.8vw;
  position: absolute;
  top: 30vw;
  right: 2vw;
  font-family: calibri;
  color: black;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: left;
  padding-left:3vw;
  width: 30vw;
}
.text h1{
	line-height: 0;
  	color: #539bda;
}
.text h2{
	color: #f2f2f2;
	font-weight: 300;
	padding-right: 2vw;
}
.text a{
	color: #539bda;
}
.text a:hover{
	cursor: pointer;
}
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.active {
  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}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
/*END CARRUSEL*/
.header
{
	height: 10vw;
	width: 100%;
	margin:0;
	top: 0;
	left: 0;
}
.header li
{

	text-decoration: none;
}
.header h1
{
}
.header img {
	text-align: left;
	left: 0;
	float: left;
	width:100%;
}
.header2
{
	width: 100%;
	margin:0;
	top: 0;
	left: 0;
}
.header2 li
{

	text-decoration: none;
}
.header2 h1
{
}
.header2 img {
	text-align: left;
	left: 0;
	float: left;
	width:100%;
}
.headerlogo img{
	position: absolute;
	height: 10vw;
	width: auto;
	margin-left: 0vw;
	margin-top: 0vw;
	z-index: 2;

}
.headerbuttons {
	border-radius: 0.2vw;
	text-align: center;
	margin-top: 8.5vw;
	margin-left: 35vw;
	width: 40vw;
	height: 3vw;
	position: absolute;
	display: inline-block;
	float: right;
	background-color: #d9d9d9;
	z-index: 1;
}
.headerbuttons a{
	color: black;
	padding: 0.8vw;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	font-family: calibri;
	font-size: 1vw;
	font-weight: 500;
}
.headerbuttons a:hover{
	height: 1.5vw;
	font-weight: 800;
}
.headerinfo i{
	float:left; 
	margin-top: 0.5vw; 
	margin-left: 0.6vw;
	margin-right: 0.6vw;
	font-size: 1.6vw;
	z-index: 1;
	color: #539bda;
}
.headerinfo{
	height: 10.1vw;
	background-color: #f2f2f2;
	font-family: calibri;
	border-bottom: solid #555;
}
.headerinfo p{
	font-size:1vw;
}
.headerinfo p2{
	font-size:0.8vw;
}
.headercontact{
	width: 12vw;
	float: right;
	margin-top: 3vw;
	margin-right: 0.5vw;
	text-align: left;
	line-height: 0;
	height: 3vw;
}
.headeraddress{
	width: 12vw;
	float: right;
	margin-top: 3vw;
	margin-right: 0.5vw;
	text-align: left;
	line-height: 0;
	height: 3vw;
}
.headerhours{
	width: 10vw;
	float: right;
	margin-top: 3vw;
	margin-right: 0vw;
	text-align: left;
	line-height: 0;
	height: 3vw;
}
.headersocialmedia{
	width: 15vw;
	float: right;
	margin-top: 3vw;
	margin-left: 1vw;
	margin-right: 15vw;
	text-align: left;
	line-height: 0;
	height: 3vw;
	z-index: 2;
}
.headersocialmedia i{
	float: left; 
	margin-top: 0.5vw; 
	margin-left: 0.6vw;
	font-size: 1.6vw;
}
/*HEADER END*/
/*FOOTER*/
.footer{
	background-color: #555;
	width: 100%;
	height: 20vw;
	font-family: calibri;
	margin-bottom: 0;
	color: #9e9e9e;
	line-height: 1.3vw;
	font-size: 0.8vw;
}
.footerhr{
	color: red;
	border-top: 2px dashed red;
}
.footer i{
	margin-left: -1.5vw;
	margin-right: 0.5vw;
}
.footer a{
	color: #9e9e9e;
	display: block;
	text-decoration: none;
	font-size: 0.8vw;
}
.footer h1{
	color: #9e9e9e;
	font-size: 1.5vw;
	font-weight: 300;
	margin-bottom: 3vw;
}
.footer h3{
	color: #9e9e9e;
	font-size: 1vw;
	font-weight: 300;
}
.footer1{
	float: left;
	margin-top: 1vw;
	margin-left: 20vw;
	height: 15vw;
	width: 20vw;
	text-align: left;
}
.footer2{
	float: left;
	margin-top: 1vw;
	margin-left: 3vw;
	height: 15vw;
	width: 20vw;
	text-align: left;
}
.footer3{
	float: left;
	margin-top: 1vw;
	margin-left: 3vw;
	height: 15vw;
	width: 20vw;
	text-align: left;
}
.watermark{
	float: center;
	position: absolute;
	text-align: center;
	margin-top: 16vw;
	width: 100%;
	height: 3vw;
	border-top: 1px dashed #9e9e9e;
}
/*FOOTER END*/
/*HOMEPAGE*/
.homecontainer{
	height: 35vw;
	font-family: calibri;
}
.homecontainer i{
	margin-right: 1vw;
}
.homecontainer h1{
	font-size: 2.5vw;
	color: #6b6b6b;
	font-weight: 300;
}
.homecontainer h2{
	font-size: 1vw;
	color: #6b6b6b;
	font-weight: 300;
	margin-left: 2vw;
	margin-right: 2vw;
}
.homecontainer h3{
	font-size: 0.5vw;
	color: #6b6b6b;
	font-weight: 300;
}
.homecontainer h4{
	font-size: 1.2vw;
	color: #8fadff;
	font-weight: 400;
	text-decoration: underline;
}
.homecontainer h4:hover{
	font-size: 1.2vw;
	color: #8fadff;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
}
.homecontainer1{
	float: left;
	margin-top: 5vw;
	text-align: center;
	margin-left: 17vw;
	width: 20vw;
	height: 20vw;
}
.homecontainer2{
	float: left;
	margin-top: -0.3vw;
	text-align: center;
	margin-left: 2vw;
	width: 23vw;
	background-color: #d9d9d9;
	height: 35.3vw;
}
.homecontainer3{
	float: left;
	margin-top: 5vw;
	text-align: center;
	margin-left: 2vw;
	width: 20vw;
	height: 20vw;
}
/*HOMEPAGE END*/
/*SERVICES*/
.services{
	align-content: center;
	font-family: calibri;
	text-align: center;
	background-color: white;
	font-size: 1vw;
	font-weight: 300;
}
.services h1{
	font-weight: 400;
}
.services h2{
	margin-left: 5vw;
	margin-right: 5vw;
	font-weight: 300;
}
.services h3{
	font-size: 5vw;
	font-weight: 600;
	padding-top: 8vw;
	color: #539bda;
	text-shadow: 0.1vw 0.1vw #f2f2f2;
}
.services1{
	text-align: center;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 25vw;
	width: 100%;
	margin-top: -5vw;
	border-bottom: 0.2vw solid #d9d9d9;
}
.services2{
	margin-top: 5vw;
	width: 60%;
	background-color: #f2f2f2;
	text-align: center;
	display: inline-block;
}
.services3{
	margin-top: 5vw;
	margin-bottom: 5vw;
	width: 60%;
	background-color: #f2f2f2;
	display: inline-block;
	text-align: center;

}
.services3 ul{
	display: inline-block;
	text-align: left;
	margin-top: 0vw;
	padding-left: 3vw;
	padding-right: 3vw;
}
/*SERVICES END*/

/*.paralelogram2
{
	position: absolute;
	width: 25vw;
	height: 10vw;
	transform: skew(20deg);
	background: #555;
    margin-left:-2vw;
    z-index: 1;
}*/