@charset "utf-8";
/* CSS Document */

footer{
	background-color: #F9F9F9; /*whitesmoke*/
	min-height: auto;/*467px*/
	height: 100%;/*350px*/
	width: 100%;
	padding: 2.5% 10% 5px;/*2.5 10*/
	border-top: 10px solid #314c66;
	border-bottom: 10px solid rgb(33, 51, 68);
	float: left;
	margin-top: 0;
}
.bluue-f{border-bottom: 10px solid rgb(56,77,114)}
.darkgrey-f{border-bottom: 10px solid #222222}
.purple-f{border-bottom: 10px solid #320C35}
.footer-col-1{
	background-color: none;
	height: auto;
	width: 38%;
	float: left;
}
.footer-col-2{
	background-color: none;
	height: auto;
	width: 33%;
	float: left;
	margin: 0 1%;
	padding-left: 3%;
}
.footer-col-3{
	background-color: none;
	height: auto;
	width: 27%;
	float: left;
}
.copyright {
	margin: 20px 0px 0px 0;
	padding-top: 10px;
	padding-bottom: 0px;
	/*margin-top: 50px;*/
	background-color: none;
    border: 1px solid #c3c3c3;
    border-width: 1px 0 0 0;
	height: auto;
	width: 100%;
	/*display: inline;*/
	float: left;
}
.agileits_w3layouts-copyright p a{
    color: rgb(33, 51, 68);
}
.agileits_w3layouts-copyright p a:hover{
    color: #bea373;
}
.agileits_w3layouts-copyright p {
    color: #888;
    letter-spacing: 1px;
    font-size: 15px;
}
footer h5{margin-bottom: 3;}
footer ul{list-style-type: none; padding: 0; margin-top: 0;}
footer li{ text-align: left; font-family: Roboto, sans-serif; line-height: 25px; font-size: 14px;}


footer input[type="submit"] {
    outline: none;
    border: 1px solid #bea373;
    width: 100%;
    padding: 10px 13px;
	margin-left: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    background: #bea373;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
     box-sizing: border-box;
}
footer input[type="submit"]:hover {
    background: #fff;
    color: #bea373;
}

footer textarea:focus,
footer input:focus,
footer select:focus {
	border-color: #A9A9A9 !important;
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

footer a{color: #333; letter-spacing: 1.3px;}
footer a:hover{color: rgb(0,88,38); text-decoration: none; font-weight: bold}

footer p{color: #333; letter-spacing: 1.3px;}


/** *************** TABLET VIEW *************** */
@media only screen and (min-width:500px) and (max-width:770px) {

footer{
	/*background-color: blue;*/
	height: auto;/*840px*/
	padding: 4.5% 10% 0.5%;/*2.5 10*/
	border-bottom: 10px solid rgb(2, 115, 36);
}
.footer-col-1{/*
	background-color: lightyellow;*/
	min-height: 350px;
	height: auto;
	width: 49%;
	float: left;
}
.footer-col-2{
	background-color: none;
	min-height: 350px;
	height: auto;
	width: 49%;
	float: left;
	margin: 0 0 0 2%;
	padding-left: 3%
}
.footer-col-3{
	background-color: none;
	min-height: 350px;
	height: auto;
	width: 100%;
	float: left;
	margin: 10px 0;
}
footer a{color: #333;}
footer a:hover{color: rgb(0,88,38); text-decoration: none; font-weight: bold}
	
footer h5 {font-size: 16px; }	
	
}

/** ************* CELLPHONE VIEW ************* */
@media only screen and (min-width:200px) and (max-width:499px) {
	
footer{
	/*background-color: red;*/
	height: 100%;/*1250px*/
	padding: 5.5% 10% 0.5%;/*2.5 10*/
	border-bottom: 10px solid rgb(33, 51, 68);
}
.footer-col-1{
	background-color: transparent;
	min-height: 350px;
	height: auto;
	width: 100%;
	float: left;
	padding-top: 10px;
}
.footer-col-2{
	background-color: none;
	min-height: 350px;
	height: auto;
	width: 100%;
	float: left;
	margin: 10px 0;
	padding-left: 0%;
}
.footer-col-3{
	background-color: none;
	min-height: 200px;
	height: auto;
	width: 100%;
	float: left;
	margin: 10px 0;
}
footer li{line-height: 25px; font-size: 18px;}
footer a{color: #333;}
footer a:hover{color: rgb(0,88,38); text-decoration: none; font-weight: bold}
	
footer h5 {font-size: 18px; }
footer p{font-size: 18px;}

}