.animate {
  animation: bounceInLeft;
  animation-duration: 2s;
}
.fade {
  animation: fadeIn;
  animation-duration: 3s;
}
.projectAnimation {
  animation: backInUp;
  animation-duration: 3s;
}
/* ELEMENTS */
H1{
	color:#f68f33;
	font-size:22px;
	text-transform:uppercase;
	font-family: 'Titillium Web', sans-serif;
}
H2{
	font-size:18px;
	text-transform:uppercase;
	color:#f68f34;
	font-family: 'Titillium Web', sans-serif;
}
H2.White{
	font-size:18px;
	text-transform:uppercase;
	color:#ffffff;
	font-family: 'Titillium Web', sans-serif;
}
H3{
	font-size:16px;
	text-transform:uppercase;
	color:#f68f33;
	font-family: 'Titillium Web', sans-serif;
}
strong{
	color:#f68f33;
	font-weight:bold;
}
a{
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#f68f33;
	text-decoration:underline;
}
form header {
  margin: 0 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #513f95;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=date],
input[type=time],
input[type=password] {
	width: 98%;
	height:30px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
textarea {
	width: 98%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #513f95;
}

/* END ELEMENTS */
/* CLASSES */

.img{
	border:1px solid #ffffff;
	width:100%;
	max-width:191px;
	margin:0px 30px;
}
.imgShadow{
	box-shadow: 0px 0px 5px #000000;
}
.Hero{
	font-size:300%;
	text-shadow: 2px 2px 18px #000000;
}
.HeroPosition{
	position: absolute;
	top: 50%; 
	left: 50%;
	transform: translate(-50%,-50%);
	display:inline-block;
	width:100%;
	text-align:center;
}
.transparent{
	background-color:transparent !important;
}
a.Footer{
	color:#000000;
	text-decoration:none;
}
a.Footer:hover{
	color:#513f95;
	text-decoration:underline;
}
.nav{
    list-style:none;
    margin:0;
    padding-top:50px;
    text-align:center;
}
.nav li{
    display:inline-block;
    padding:0px 10px;
}
.nav a{
    display:inline-block;
    padding-top:6px;
	font-family: 'Titillium Web', sans-serif;
}
.Left{
	  text-align: left;
}
.Right{
	  text-align: right;
}
.TopNav {
	color:#000000;
	font-size:14px;
	text-decoration:none;
	padding-bottom:5px;	
}
.TopNav:hover {
	color:#e0ac42;
}
div.Nav{
	width:20%;
	text-align:center;
	float:left;
	padding-top:5px;
}
.NavLink{
	color:#f68f33;
	font-size:14px;
	font-weight:bold;
}
.NavLink:hover{
	border-bottom:3px solid #f68f33;
	text-decoration:none;
	color:#48443e;
}
.active{
	border-bottom:3px solid #f68f33;
	color:#48443e !important;
	font-weight:bold;
}
.Block:hover{
	border-bottom:0px solid #e0ac42;
}
.shadow{
	box-shadow: 5px 5px 7px -3px #242424;
	-webkit-box-shadow: 5px 5px 7px -3px #242424;
	-moz-box-shadow: 5px 5px 7px -3px #242424;
	-o-box-shadow: 5px 5px 7px -3px #242424;
	background-color:#ffffff;
}
.outerGlow{
	box-shadow: 0px 0px 30px #6a4000;
}
.box-shadow {
    -webkit-box-shadow: 0 4px 2px -2px #828282;
       -moz-box-shadow: 0 4px 2px -2px #828282;
            box-shadow: 0 4px 2px -2px #828282;
}

.Header {
	-webkit-box-shadow: -1px 27px 52px -36px #000000;
	-moz-box-shadow: -1px 27px 52px -36px #000000;
	box-shadow: -1px 27px 52px -36px #000000;

}
.Centre{
	text-align:center;
}
.spacer {
	padding: 20px;

}
.readMore {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f68f34), color-stop(1, #f68f34) );
	background:-moz-linear-gradient( center top, #f68f34 5%, #f68f34 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f68f34', endColorstr='#f68f34');
	background-color:#f68f34;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:220px;
	text-decoration:none;
	text-align:center;
}
.readMore:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f68f34), color-stop(1, #f68f34) );
	background:-moz-linear-gradient( center top, #f68f34 5%, #f68f34 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f68f34', endColorstr='#f68f34');
	background-color:#f68f34;
	color:#ffffff;
}
.readMore:active {
	position:relative;
	top:1px;
}
.Social{
	float:left;
	width:25%;
	text-align:center;
}
.HeadTable1{
	background-color:#ffffff;
	display:table;
	height:auto;
	width:100%;
}
.HeadTable2{
	display:table-cell;
	vertical-align:middle;
	text-align:center !important;
}
.pad15{
	padding:15px;
}
.padLR15{
	padding:0px 15px;
}
.contentLeft{
	text-align:left !important;
}
.contentPLR20{
	padding:0px 20px !important;
}
.mobiNav{
	height:35px;
	padding-top:7px;
	vertical-align:middle;
	text-align:center;
	background: #f68f33;
	color:#ffffff;
}
.mobiNav a{
	color:#ffffff;
	text-decoration:none;
}
.mobiNav a:hover{
	text-decoration:underline;
}



.mobilemenu-label {
  font-size: 1em;
  background: #f68f33;
  padding: 0.4em;
  color:#ffffff;
  width:100%;
  text-align:left;
  cursor: pointer;
  display: inline-block;
}
.mobilemenu-input {
    display: none;
} /*Hide input element*/

.mobilemenu-content {
    xmargin-bottom: 0em;
}
.mobilemenu-input:not(checked) ~ .mobilemenu-content {
    display: none !important;
}
.mobilemenu-input:checked ~ .mobilemenu-content {       
    display: block !important;
}
.imgCenter{
	width:100%;
	display:block;
	margin: 0 auto;
}
/* END CLASSES */
/* ID's */
#MainNav{
	padding-top:0px;
}
#Social{
	width:60%;
	margin:0px auto;
}
#NavBar{
	display:none;
}
#BlockTel{
	display:none;
}
#BlockAddress{
	display:none;
}

/* MEDIA QUERIES*/
@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=tel],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }
}
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: right;
  }
}


@media (min-width: 800px) {
	#MainNav{
		padding-top:40px !important;
	}
	.Block:hover{
		border-bottom:4px solid #e0ac42;
	}
	.NavLink{
	color:#f68f33;
	font-size:16px;
	font-weight:bold;
	}
	#NavBar{
		display:block;
		padding:6px;
		height:45px;
	}
	.HeadTable1{
		background-color:#ffffff;
		display:table;
		height:168px;
		width:100%;
	}
	#BlockTel{
		display:block;
	}
	#BlockAddress{
		display:block;
	}
}



@media (max-width: 800px) {
  #Main{
	  width:100% !important;
  }
  #Nav{
	  display:none !important;
  }
  #MobileNav{
	  adisplay:block;
  }
  .Contact {
	background-image:none !important;
	padding-left:60px !important;
  }
  #MENU{
	  display:block !important;
  }
.HeroPosition{
	display:none;
}
.swap {
	display: flex;
	flex-flow: column-reverse; 
	text-align:left;
}
}