
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);

html, body {
   height: 100%;
}

body
	{
	padding:0px;
	margin:0px;
	background: url(../layout/CFBG.jpg);
	background-attachment: fixed;
	width:100%;
	overflow-x:hidden;
	}

a, a:active, a:focus, a img
	{
	outline:none;
	text-decoration:none;
	border-style:none;
	}

p {
	position: relative;
	text-align: center;
	font-size: 1.2em;
	font-family:tahoma, Verdana, Segoe, sans-serif;
	line-height: 22px;
	color: #464646;
	z-index: 2;
	padding-top: 20px;
	padding-bottom:20px;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	animation: moveUp 1.0s ease-in-out 0.2s backwards;
	
}
p.righttext	{
	text-align:right;
	padding-bottom:5px;
	padding-top:30px;
	}

p.lefttext	{
	text-align:left;
	padding-bottom:5px;
	}

p.center	{
	left:5%;
	padding-bottom:5px;
	}

h3 {
	color:#464646;
	/*text-shadow: 2px 2px 2px #464646;*/
	font-size: 1.5em;
	width: 80%;
	text-align: center;
	margin:0 auto;
	padding-top: 20px;
	
}


			/* Main Contact Form */

.contact_form2 ul {
	position:relative;
    width:60%;
	min-width:400px;
    list-style-type:none;
    list-style-position:outside;
    margin-left:auto;
	margin-right:auto;
    padding:0px;
	margin-bottom:30px;
	background:silver;
	background: linear-gradient(grey,silver, silver, grey);
	border:3px double #464646;
}

.contact_form2 li{
	
    padding:12px; 
    border-bottom:1px solid grey;
    position:relative;
}

/*.contact_form2 li:first-child, .contact_form li:last-child {
    border-bottom:0px solid #777;
	left:30%;
}*/

.contact_form2 label {
	position:relative;
	width:10%;
	color:#004663;
	margin-top: 5px;
	display:inline-block;
	float:left;
	left:5%;
	padding:3px;
	font-family:verdana;
	font-size:1em;
	text-align:right;
	
}


.contact_form2 input {
	
	left:30%;
	height:20px; 
	min-width:200px;
	width:40%; 
	padding:5px 8px;
}
.contact_form2 textarea {
	left:30%;
	padding:8px;
	min-width:200px;
	width:40%;
	}

.contact_form2 input, .contact_form2 textarea { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}
.contact_form2 input:focus, .contact_form2 textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
}

.contact_form2 input:focus, .contact_form2 textarea:focus { /* add this to the already existing style */
    padding-right:100px;
}

.contact_form2 input, .contact_form2 textarea { /* add this to the already existing style */
    -moz-transition: padding .25s; 
    -webkit-transition: padding .25s; 
    -o-transition: padding .25s;
    transition: padding .25s;
}


.contact_form2 input:focus:invalid, .contact_form2 textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: #fff url(../images/invalid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}

.contact_form2 input:required:valid, .contact_form2 textarea:required:valid { /* when a field is considered valid by the browser */
    background: #fff /*url(../images/valid.png) no-repeat 98% center*/;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}


button.submit2 {
	font-size:1em;
	left:30%;
	}

.required_notification2 {
	top:-10px;
    color:#d45252; 
    margin:0; 
    display:inline;
    float:right;
}


.map_form input{
	position:relative;
	/*height:20px;*/ 
	min-width:150px;
	/*width:100px;*/ 
	padding:5px 8px;
	border:1px solid #464646;
}

button.submit2 {
    background-color: #02aafc;
    background: linear-gradient(#004663, #02aafc, #004663);
    border: 1px solid #02aafc;
    border-bottom: 1px solid #004663;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #464646;
    color: #e5e4d7;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}
button.submit2:hover {
    opacity:.85;
    cursor: pointer; 
}
button.submit2:active {
    border: 1px solid darkblue;
    box-shadow: 0 0 10px 5px black inset; 

}

		/* Classes */

.piclink img:hover	{
	box-shadow: 0px 0px 5px 2px black;
	transform: rotate(15deg);
	border-radius: 20px;
	transition:all 0.25s;
}


.address	{
	position:relative;
	width:60%;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	margin-bottom:30px;
	background:silver;
	background: linear-gradient(grey,silver, silver, grey);
	border:3px double #464646;
	text-shadow: 2px 2px 5px #464646;
	}
.address span	{
	color:#044663;
	margin-top:20px;
	margin-bottom:10px;
	display:block;
	font-size:1em;
	font-weight:bold;
	}

.address p	{
	text-align:left;
	width:45%;
	}

.flexbox-container {
	position:relative;
	top:30px;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	transition:all 0.5s;
	
}

.flexbox-container > div {
	width: 30%;
	padding: 0px;
	transition:all 0.5s;
}

.flexbox-container > div:first-child {
	margin-left: 2.5%;
}


.imground	{
	box-shadow: 2px 2px 5px black;
	border-radius: 10px;
	max-width:200px;
	}

.f-left1 {
	float:left;
	margin:15px;
	box-shadow: 2px 2px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:300px;
	margin-right:20px;
	}

.f-right2 {
	float:right;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:250px;
	margin-right:20px;
	animation: tiltedR 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(-15deg);
	}

.f-left2 {
	float:left;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:250px;
	margin-right:20px;
	animation: tiltedL 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(15deg);
	}
.f-right3 {
	float:right;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:200px;
	margin-right:20px;
	animation: tiltedR 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(-15deg);
	}

.f-left3 {
	float:left;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:200px;
	margin-right:20px;
	animation: tiltedL 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(15deg);
	}



.f-left1T {
	float:left;
	margin:15px;
	box-shadow: 2px 2px 5px black;
	border-radius: 5px;
	width:20%;
	max-width:100px;
	transform: rotate(-15deg);
	}

.f-right1 {
	float:right;
	margin:15px;
	box-shadow: 2px 2px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:300px;
	}

.f-right{
	float:right;
	margin-right:15px;
	margin-top:40px;
	border-radius: 5px;
	width:30%;
	max-width:200px;
	} 

.f-right1T {
	float:right;
	margin:15px;
	box-shadow: 2px 2px 5px black;
	border-radius: 5px;
	width:20%;
	max-width:100px;
	transform: rotate(15deg);
	}
.dashdiv 
	{
	position:relative;
	top:0px;
	padding:0px;
	margin:0px;
	width:100%;
	background:black;
	/*border-radius: 10px;*/
	opacity:1;
	text-align:center;
	}

.dashdiv img{
	width:60%;
	/*box-shadow: 0px 5px 5px black;*/
	transition:all 0.5s;
	}

.mbutton	{
	position:absolute;
	bottom:20px;
	width:40px;
	left:40px;
	height:22px;
	box-shadow: 2px 2px 5px black ;	
	}
.mbutton:hover	{
	box-shadow: 0px 0px 15px 3px black ;
	}



.more 	{
	position:absolute;
	display:block;
	width:30%;
	line-height:40px;
	left:35%;
	bottom:20px;
	font-family:tahoma;
	font-weight:bold;
	font-size:1.5em;
	text-shadow:3px 3px 5px #464646;
	background:grey;
	background: linear-gradient(grey,silver,#e5e4d7, silver, grey);
	color:#004663;
	border-radius:5px;
	box-shadow: 2px 2px 5px black ;
	border: 3px solid #464646;
	border-style:double;
	z-index:20;
	}

.more:hover	{
	box-shadow: 0px 0px 15px 3px black ;
	text-shadow:2px 2px 15px  black;
	border: 3px solid #464646;
	
	}

.more a	{
	text-decoration:none;
	}

.ICHeader
	{
	position:relative;
	top:0px;
	display:block;
	width:90%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: linear-gradient(to bottom, #004663, #02aafc, #004663);
	color: #e5e4d7;
	font-size: 14pt;
	font-family:verdana;
	text-align:center;
	text-shadow:2px 2px 5px #02aafc;
	padding-top: 5px;
	padding-bottom:5px;
	margin:0 auto;
	box-shadow:0px 3px 3px black;
	/*background: url(../Images/Layout/BlueCF1.jpg)*/;
	animation: moveDown 1.0s ease-in-out 0.2s backwards;
	}

.ICHeader1
	{
	position:relative;
	top:0px;
	display:block;
	width:50%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: linear-gradient(grey,silver,#e5e4d7, silver, grey);
	color: #004663;
	font-size: 1.2em;
	font-family:verdana;
	text-align:center;
	text-shadow:2px 2px 5px grey;
	padding-top: 5px;
	padding-bottom:5px;
	margin:0 auto;
	box-shadow:0px 3px 3px black;
	/*background: url(../Images/Layout/BlueCF1.jpg)*/;
	animation: moveDown 1.0s ease-in-out 0.2s backwards;
	
	}

.ICHeader2
	{
	position:relative;
	top:0px;
	display:block;
	width:100%;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background: linear-gradient(to bottom, #004663, #02aafc, #004663);
	color: #e5e4d7;
	font-size: 14pt;
	font-family:verdana;
	text-align:center;
	text-shadow:2px 2px 5px #02aafc;
	padding-top: 5px;
	padding-bottom:5px;
	margin:0 auto;
	box-shadow:0px 3px 3px black;
	/*background: url(../Images/Layout/BlueCF1.jpg)*/;
	animation: moveDown 1.0s ease-in-out 0.2s backwards;
	z-index:50;
	}


.imageBack
	{
	position:absolute;
	top:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:100%;
	opacity:0.15;
	overflow:hidden;
	background:black;
	}


#imageBackVD
	{
	position:absolute;
	top:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:100%;
	opacity:0.15;
	overflow:hidden;
	background:silver;
	background-image: url("../layout/BMWboth.PNG");
	background-repeat: repeat-y;
	}

#imageBackAC
	{
	position:absolute;
	top:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:100%;
	opacity:0.15;
	overflow:hidden;
	background:silver;
	background-image: url("../layout/ACcontrolSmall.jpg");
	/*background-repeat: repeat-y;*/
	}

#imageBackAE
	{
	position:absolute;
	top:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:100%;
	opacity:0.15;
	overflow:hidden;
	background:silver;
	background-image: url("../layout/FuseboxSmall.jpg");
	/*background-repeat: repeat-y;*/
	}


.BGImage1
	{
	position:relative;
	width:100%;
	height:100%;
	bottom:0px;
	/*repeat:y;*/
	}

.bantext	{
	position:relative;
	top:-20px;
	font-size : 8pt;
	margin: 0px 0px 0px 0px;
	/*text-align:center;*/
	/*pading:0;*/
	}

		/* Div Section */

#googleMap {
	position:relative;
	left:0%;
	top:0%;
        width: 100%;
	height: 480px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	color:#02aafc;
	/*border-radius:5px;*/
	/*box-shadow: 0px 0px 10px 3px black;*/
	padding:0px;
	margin-bottom:30px;
      }




#phones a	{
	position:absolute;
	right:0px;
	top:-5px;
	margin-right:10px;
	display:inline-block;
	color:#e5e4d7;
	line-height:60px;
	font-size:1.5em;
	font-family:tahoma, verdana, sans serif;
	text-shadow:1px 1px 3px #464646;
	z-index:25;
	}

#phones a[href^="tel:"]:before {
    content: "\260E";
    font-size:1.5em;
    margin-right:0.5em;
}

#phones a span	{
	margin-right:0.5em;
	color:#464646;
	font-size:1em;
	}


#banner {
	position:relative;
	Width : 100%;
	box-shadow: 0px 0px 15px black;
	color:#e5e4d7;
	background: linear-gradient(grey,silver,#e5e4d7, silver, grey);
	}

#Bannerleft	{
	position:absolute;
	top:5%;
	left:10%;
	min-width:10%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
	min-height:100px;
	/*box-shadow: 0px 0px 15px black;*/
	color: #004663;
	font-size: 10pt;
	font-family:verdana;
	text-align:center;
	text-shadow:2px 2px 5px grey;
	}

#Bannerright	{
	position:absolute;
	top:5%;
	right:10%;
	min-width:10%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
	min-height:100px;
	/*box-shadow: 0px 0px 15px black;*/
	color: #004663;
	font-size: 10pt;
	font-family:verdana;
	text-align:center;
	text-shadow:2px 2px 5px grey;
	}

#navbar	{
	position:relative;
	width:100%;
	top:0px;
	display:block;
	height:60px;
	background: linear-gradient(to bottom, #004663, #02aafc, #004663);
	border-top:5px solid grey;

	}
	
#navbtn li	{
	position:relative;
	top:0px;
	min-width: 16.6%;
	height: 60px;
	display:inline-block;
	float:left;
	padding-top:0px;
	border-radius:10px;
	overflow:hidden;
	color: #e5e4d7;
	font-family:verdana;
	text-align:center;
	text-shadow:2px 2px 5px #02aafc;
	}




#navbtn li a	{
	color: #e5e4d7;
	font-size: 1.5vw;
	font-family:verdana;
	text-align:center;
	text-shadow:2px 2px 5px #02aafc;
	line-height:60px;
	display:block;
	padding-left:1px;
	padding-right:1px;
	}



#navbtn a:hover	{
	
	box-shadow:0px 0px 15px 5px #004663 inset;
	text-decoration:underline;
	transition: all 0.5s;
	}

#navbtn li a.active	{
	box-shadow:0px 0px 15px 5px #004663 inset;
	text-decoration:underline;
	}


#navwrapper	{
	position:relative;
	top:0px;
	width:85%;
	height:60px;
	margin: 0 auto;
	text-align:center;
	}

#navwrapper li	{
	padding:0px;
	}

#navwrapper ul	{
	list-style: none;
	background: #444;
	text-align: center;
	padding: 0;
	margin: 0;
	}





#main	{
	position:relative;
	width : 100%;
	
	}
	
#sitemap	{
	position:relative;
	width:100%;
	height:50px;
	margin: 0 auto;
	display:block;
	text-align:center;
	color:silver;

	}

#MC	{
	position:relative;
	display:block;
	top:30px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	min-height:250px;
	background: silver;
	background: linear-gradient(grey,silver,#e5e4d7, silver, grey);
	box-shadow:0px 0px 10px 3px black;
	border-radius:10px;
	text-align:center;
	padding-bottom:50px;
	transition:all 0.5s;
	}

#ContentLeft	{
	position:relative;
	display:block;
	width:30%;
	margin-left:2.5%;
	min-height:300px;
	background: silver;
	background: linear-gradient(grey,silver,#e5e4d7, silver, grey);
	float:left;
	box-shadow:0px 0px 10px 3px black;
	border-radius:10px;
	text-align:center;
	transition:all 0.5s;
	}

#ContentCenter	{
	position:relative;
	display:block;
	width:30%;
	min-height:300px;
	margin-left:2.5%;
	background: silver;
	background: linear-gradient(grey,silver,#e5e4d7, silver, grey);
	float:left;
	box-shadow:0px 0px 10px 3px black;
	border-radius:10px;
	text-align:center;
	transition:all 0.5s;
	}

#ContentRight	{
	position:relative;
	display:block;
	width:30%;
	margin-left:2.5%;
	min-height:300px;
	background: silver;
	background: linear-gradient(grey,silver,#e5e4d7, silver, grey);
	float:left;
	box-shadow:0px 0px 10px 3px black;
	border-radius:10px;
	text-align:center;
	transition:all 0.5s;
	}

#navwrapper ul
	{
	opacity:1;
	transition:all 0.2s;
	}

#footer	{
	position:relative;
	width:100%;
	top:20px;
	display:inline-block;
	height:60px;
	background: linear-gradient(to bottom, #004663, #02aafc, #004663);
	margin-bottom:20px;
	
	}

#footer span	{
	color:#464646;
	}

#footleft	{
	position:absolute;
	left:0px;
	margin-left:1%;
	top:0px;
	height: 60px;
	display:inline-block;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	border-radius:10px;
	overflow:hidden;
	color: #e5e4d7;
	font-family:verdana;
	font-size:1em;
	text-align:left;
	line-height:60px;
	text-decoration:underline;
	z-index:20;

}

#footleft:hover	{
	text-shadow:2px 2px 5px #004663;
	box-shadow:0px 0px 15px 5px #004663 inset;
	}


#footleft a	{
	text-decoration:none;
	color: #e5e4d7;
	line-height:60px;
	}

#footright	{
	position:absolute;
	right:0px;;
	margin-right:1%;
	top:0px;
	height: 60px;
	display:inline-block;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	border-radius:10px;
	overflow:hidden;
	color: #e5e4d7;
	font-family:verdana;
	font-size:1em;
	text-align:center;
	line-height:60px;
	text-decoration:underline;
	z-index:20;

}

#footright:hover	{
	text-shadow:2px 2px 5px #004663;
	box-shadow:0px 0px 15px 5px #004663 inset;
	}


#footright a	{
	text-decoration:none;
	color: #e5e4d7;
	line-height:60px;
	}

		/* Top Slider */
 
#intro1 {position:relative;width:100%;max-width:720px;height:auto;;margin-left:auto;margin-right:auto;top:0px;}

#captioned-gallery { width: 100%; overflow: hidden; }
figure { margin: 0; }
figure.slider {position: relative; width: 500%;font-size: 0; animation: 40s slidy infinite;}

figure.slider figure {width: 20%; height: auto;display: inline-block;position: inherit;}

figure.slider img { width: 100%; height: auto;}
figure.slider figure figcaption {position: absolute; top: 40%;right:1em;background: rgba(0,0,0,0);color: #02aafc; width: 60%;font-family:verdana;font-size: 1.2vw; padding:0rem;text-align:center;}

	/* Keyframes */

@keyframes slidy{
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

@keyframes moveDown{
	0% { 
		transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		transform: translateY(0px);  
		opacity: 1;
	}
}

@keyframes moveUp{
	0% { 
		transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		transform: translateY(0px);  
		opacity: 1;
	}
}

@keyframes tiltedL{
	0% { 
		transform: perspective(200px) rotateY(0deg); 
		opacity: 1;
	}
	100% { 
		transform: perspective(200px) rotateY(15deg);  
		opacity: 1;
	}
}


@keyframes tiltedR{
	0% { 
		transform: perspective(200px) rotateY(0deg); 
		opacity: 1;
	}
	100% { 
		transform: perspective(200px) rotateY(-15deg);  
		opacity: 1;
	}
}

/*Screen Bigger than 1024px*/
@media (min-width:1024px) {
	#navbtn li a	{
	font-size:1vw;
	}

#phones	{
	position:fixed;
	opacity:0;
	visibility:hidden;
	transition:all 0.5s;
	z-index:-1;
	}

.contact_form2 label	{
	visibility:visible;
	opacity:1;
	}

.f-left1 {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	box-shadow: 2px 2px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:150px;
	}


.f-right1 {
	float:right;
	margin-left:10px;
	box-shadow: 2px 2px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:150px;
	
	}

.f-right1T {
	float:right;
	margin:15px;
	box-shadow: 2px 2px 5px black;
	border-radius: 5px;
	width:25%;
	max-width:150px;
	transform: rotate(15deg);
	}


}


/*Screen Bigger than 1280px*/
@media (min-width:1280px) {
	#navbtn li a	{
	font-size:0.8vw;
	}
.f-left1 {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	box-shadow: 2px 2px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:200px;
	}


.f-right1 {
	float:right;
	margin-left:10px;
	box-shadow: 2px 2px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:200px;
	
	}


.f-right1T {
	float:right;
	margin:15px;
	box-shadow: 2px 2px 5px black;
	border-radius: 5px;
	width:20%;
	max-width:150px;
	transform: rotate(15deg);
	}

.more 	{
	position:absolute;
	display:block;
	width:30%;
	line-height:25px;
	left:35%;
	bottom:20px;
	font-family:tahoma;
	font-weight:bold;
	font-size:1em;
	text-shadow:3px 3px 5px #464646;
	background:grey;
	background: linear-gradient(grey,silver,#e5e4d7, silver, grey);
	color:#004663;
	border-radius:5px;
	box-shadow: 2px 2px 5px black ;
	border: 3px solid #464646;
	border-style:double;
	z-index:20;
	}


}

@media(max-width:1440px)	{
.f-right2 {
	float:right;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:200px;
	margin-right:20px;
	animation: tiltedR 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(-15deg);
	transition:width 0.5s ease-in-out;
	}

.f-left2 {
	float:left;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:200px;
	margin-right:20px;
	animation: tiltedL 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(15deg);
	}
.f-right3 {
	float:right;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:200px;
	margin-right:20px;
	animation: tiltedR 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(-15deg);
	}

.f-left3 {
	float:left;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:200px;
	margin-right:20px;
	animation: tiltedL 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(15deg);
	}



}


/*If Screen is Less than 1280px*/

@media(max-width:1280px) {
	#Bannerleft	{
	visibility:hidden;
	}
	#Bannerright	{
	visibility:hidden;
	}

.dashdiv img{
	width:100%;
	box-shadow: 0px 5px 5px black;
	transition:all 0.5s;
	}

.f-right2 {
	float:right;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:175px;
	margin-right:20px;
	animation: tiltedR 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(-15deg);
	transition:width 0.5s ease-in-out;
	}

.f-left2 {
	float:left;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:175px;
	margin-right:20px;
	animation: tiltedL 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(15deg);
	}
.f-right3 {
	float:right;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:200px;
	margin-right:20px;
	animation: tiltedR 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(-15deg);
	}

.f-left3 {
	float:left;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:200px;
	margin-right:20px;
	animation: tiltedL 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(15deg);
	}

}






/*If Screen is Less than 1024px*/
@media (max-width: 1026px) 
{





.contact_form2 ul	{
	width:80%;
	}

.contact_form2 label {
	position:relative;
	right:-10%;
	width:12%;
	color:#004663;
	margin-top: 0px;
	display:inline-block;
	float:left;
	left:2%;
	padding:3px;
	font-family:verdana;
	font-size:1.5em;
	text-align:right;
	}

.map_form input	{
	font-size:1.5em;
	}

.contact_form2 input, .contact_form2 textarea	{
	font-size:1.5em;
	width:50%;
	left:40%;
	}
button.submit2 {
	font-size:1.5em
	}

.address	{
	width:80%
	}

.address p	{
	width:60%;
	}
.ICHeader1	{
	width:75%;
	}


#navwrapper ul	{
	opacity:0;
	visibility:hidden;
	transition:all 0.5s;
	}



.flexbox-container {
	position:relative;
	top:30px;
	display:block;
	/*display: flex;*/
	transition:all 0.5s;
	z-index:1;
}

.flexbox-container > div {
	position:relative;
	width: 80%;
	padding: 0px;
	transition:all 0.5s;
}


#navbar	{
	position:fixed;
	width:100%;
	top:0px;
	display:block;
	height:60px;
	background: linear-gradient(to bottom, #004663, #02aafc, #004663);
	border-top:5px solid grey;
	z-index:999999;
	}

#banner	{
	top:65px;
	}

.f-left1 {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	box-shadow: 2px 2px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:150px;
	}


.f-right1 {
	float:right;
	margin-left:10px;
	box-shadow: 2px 2px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:150px;
	
	}

.f-right1T {
	float:right;
	margin:15px;
	box-shadow: 2px 2px 5px black;
	border-radius: 5px;
	width:25%;
	max-width:150px;
	transform: rotate(15deg);
	}


.f-left1T {
	
	float:left;
	margin:5px;
	margin-left:0px;
	box-shadow: 2px 2px 5px black;
	border-radius: 5px;
	width:20%;
	max-width:70px;
	transform: rotate(-15deg);
	z-index:3;
}


.f-right {
	float:right;
	margin-right:15px;
	margin-top:80px;
	border-radius: 5px;
	width:30%;
	max-width:200px;
	}

.f-right2 {
	float:right;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:150px;
	margin-right:20px;
	animation: tiltedR 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(-15deg);
	}

.f-left2 {
	float:left;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:150px;
	margin-right:20px;
	animation: tiltedL 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(15deg);
	}
.f-right3 {
	float:right;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:150px;
	margin-right:20px;
	animation: tiltedR 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(-15deg);
	}

.f-left3 {
	float:left;
	margin:15px;
	box-shadow: 4px 4px 5px black;
	border-radius: 5px;
	width:100%;
	max-width:150px;
	margin-right:20px;
	animation: tiltedL 1.5s ease-in-out 0.25s ;
	transform: perspective(200px) rotateY(15deg);
	}



#ContentLeft	{
	position:relative;
	width:80%;
	top:60px;
	margin-left:10%;
	margin-bottom:2%;
	min-height:200px;
	background: silver;
	background: linear-gradient(grey,silver,#e5e4d7, silver, grey);
	float:left;
	box-shadow:0px 0px 10px 3px black;
	border-radius:10px;
	text-align:center;
	transition:all 0.5s;
	z-index:-1;
	}
#ContentCenter	{
	position:relative;
	display:block;
	width:80%;
	top:60px;
	min-height:200px;
	margin-bottom:2%;
	margin-left:10%;
	background: silver;
	background: linear-gradient(grey,silver,#e5e4d7, silver, grey);
	float:left;
	box-shadow:0px 0px 10px 3px black;
	border-radius:10px;
	text-align:center;
	transition:all 0.5s;
	}
#ContentRight	{
	position:relative;
	display:block;
	width:80%;
	top:60px;
	margin-left:10%;
	margin-bottom:2%;
	min-height:200px;
	background: silver;
	background: linear-gradient(grey,silver,#e5e4d7, silver, grey);
	float:left;
	box-shadow:0px 0px 10px 3px black;
	border-radius:10px;
	text-align:center;
	transition:all 0.5s;
	}

#MC	{
	position:relative;
	display:block;
	top:90px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
	min-height:250px;
	background: silver;
	background: linear-gradient(grey,silver,#e5e4d7, silver, grey);
	box-shadow:0px 0px 10px 3px black;
	border-radius:10px;
	text-align:center;
	transition:all 0.5s;
	}

#footer	{
	position:relative;
	width:100%;
	margin-top:80px;
	display:inline-block;
	height:60px;
	background: linear-gradient(to bottom, #004663, #02aafc, #004663);
	margin-bottom:20px;
	
	font-size:1.5em;
	}

}

