/*!
 * Start Bootstrap - 3 Col Portfolio HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 @import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
 @import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);
 @import url(http://fonts.googleapis.com/css?family=Berkshire+Swash);
 @import url(http://fonts.googleapis.com/css?family=Ubuntu:400,400italic);
 @import url(http://fonts.googleapis.com/css?family=Lato:400,700);

body { background: #3F3F3F;;  }





.portfolio-item {
    margin-bottom: 10px;
	margin-top: 30px;
	
}

.container {
	width: 1200PX;
background-color: #background-color: #3F3F3F;; 


}

.innercont { max-width: 1170px; background-repeat: none; background-image opacity: 0.4; background-repeat:no-repeat; 
    filter: alpha(opacity=40); -webkit-box-shadow: 1px 1px 90px 2px #248AFF;
box-shadow: 1px 1px 90px 10px #FFF; }

.row p { text-align:center;  }

.row h4 { text-align:center;  }

.header {   width: 100%; margin:AUTO; padding; 10px;  min-height: 100px; background-color: rgba(30, 92, 160, 0.5); margin-top: 25px; BORDER-STYLE: SOLID;
BORDER-COLOR: rgba(255, 255, 255, 0.7);
BORDER-LEFT: NONE;
BORDER-RIGHT: NONE; background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

}
  - }


.header img {  }

.signup {float:right;  }

.headermid { max-width: 1170px; margin: auto; max-height: 100px; }

.OUTER {background-color: WHITE; border-style:SOLID; WIDTH:1200PX; margin:AUTO; margin-top: 20PX; }

.hub_new_member_form { position: absolute; border: none; background: #fafafa; width: 100%; z-index: 100; padding: 10px; border-radius: 0; right: 3%;  }
.hub_new_member_form   h3{ 
 color:BLACK; padding-left:5px; text-align:center; font-family:  Lato; font-weight: bold; font-size: 24px;background-color: transparent;}
.hub_new_member_form .forminput input { display: inline-block; zoom: 1; clear: none; width: auto; vertical-align: top; margin: 3px 0 0 0; width: 90%; }
.hub_new_member_form .forminput input { padding: 10px; }
.hub_new_member_form .formgroup { margin: 0 10%; display: inline-block; zoom: 1; width: 95%;}
.hub_new_member_form label { color:#000; }
.hub_new_member_form #submit_button_row .submit_button { padding: 7px; font-size:24px; width: 94%;  }
.hub_new_member_form .hublocationlink a { color: #000;}
.hub_new_member_form .formrow { border-top: none; }
.hub_new_member_form .forminput { margin: 2% 3%; display: inline-block; zoom: 1; width: 100%; }

	

.logo1 img { vertical-align: middle; margin-top: 22px; float: left; width: 30%; margin-top: 40px; }

.logo img {width: 30%; margin-top: 12px; }




	
.sign_up {position: absolute; padding: 10px; z-index: 200; margin-top: 25px; margin-right: 5PX; margin: 60px auto 0; min-height: 560px; position: relative;left: 1%;width: 30%;
	}
	
	

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
display: block;
max-width: 100%;
height: auto;
border-radius: 10px;
margin-left: 35px;
}


.photo_block {
position: relative;
z-index: 100;
background-color: #e8e8e8;;

}





.footer_terms {  width: 100%; padding; 10px; margin-top: 20px; min-height: 100px; background-color: #fff; margin-top: 25px; border-style: solid; border-width: 2px;
   border-color: #414040; border-right:none; border-left: none; border-bottom: none; }
   
.col-md-4 {

text-align: center; }



h3, .h3 { font-size: 24px; font-family: lato; }



.btn { 
	float: right;
	font-family: inherit;
	font-size: 22px;
	color: white;
	background: #fff;
	cursor: pointer;
	padding: 10px 40px;
	display: inline-block;
	margin-top: 23px;
	text-shadow: 0px -1px 0px #36801b;
	color: #ffffff;
	background-image: -moz-linear-gradient(top, #72bc57, #36801b);
	background-image: -ms-linear-gradient(top, #72bc57, #36801b);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#72bc57), to(#36801b));
	background-image: -webkit-linear-gradient(top, #72bc57, #36801b);
	background-image: -o-linear-gradient(top, #72bc57, #36801b);
	background-image: linear-gradient(top, #72bc57, #36801b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72bc57', endColorstr='#36801b', GradientType=0);
	border-color: #549E39 #36801b #36801b #549E39;
	border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
}
	
	
	


.btn:hover {
	background: #36801b;
	color: #ffffff;
	text-shadow: 0px -1px 0px #186200;
}


.btn a { color: #fff; text-decoration: none; } 


h1, .h1 {
font-size: 36px;
TEXT-ALIGN: CENTER;
COLOR: WHITE;
BACKGROUND-COLOR: #262525;
PADDING: 10PX;
FONT-FAMILY: UBUNTU;
PADDING-TOP: 15PX;
PADDING-BOTTOM: 15PX;
border-style: double;
border-width: 10px;
	border-color:  #56dafb;
	border-right:NONE;
	border-left:NONE;
}




.col h4 { color: #b54947; font-size:24px; font-weight: bold; }


.inner {max-width: 1170px; margin: auto; text-align:justify; margin-top: 20px;  }


.photob { margin-top: 25px; position:abosolute;  }

.col_half { width: 50%; float:right; }

.col_half p { margin-top: 23px; text-align:left; }

img.mobs { padding-top: 23px; }

img.staff { width: 99%;}


.txt1 p {margin-top: 20px; text-align: left; }


.footermid { max-width: 1170px; margin: auto; max-height: 100px; }

.logo1 {float: left; }



.footermid p {
margin: auto;
float: right;
margin-top: 30px;
text-align: right;
color:#fff;
}

.left_images { display: inline;
margin-top: 10px; margin-bottom: 10px; float: left;
}

.col_half1  { width: 47%; float:right; }

.col_half1 p { 
text-align: left;
float: right;
margin-top: 10px;
 }


.col {background-color: #fff; border-style: solid; border-color: rgba(255, 255, 255, 0.7); padding: 0 20px 0 20px ;  min-height: 300px; border-radius: 20PX; }



.portfolio-item1 {   margin-bottom:10px; position:relative;  }

.full {width: 100%; background: rgba(255, 255, 255, 0.7); padding-bottom: 10px;}



.col1 {display: inline-block;}


.bottomtxt {margin-left:15px; padding-right:35px;}

.bottomtxt h2 { font-weight: bold; }


.hub_new_member_form {
position: absolute;
border: none;
BORDER-RADIUS:20PX;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */




}





@media only screen and (max-width: 1586px) and (min-width: 0px) {
	

.hub_new_member_form   h3{  font-size: 22px;}
	
	

}




@media only screen and (max-width: 1320px) and (min-width: 0px) {
	

.sign_up { left: 1%; width: 35%; }

}


@media only screen and (max-width: 1134px) and (min-width: 0px) {
	
	
h1, .h1 {

font-size: 24px;

}

.logo img {

margin-left: 65px;
}
	
	
h1 {display: none; }	
	

}

@media only screen and (max-width: 980px) and (min-width: 0px) {
	

.sign_up { left: 1%; width: 45%; }

.col h4 {
color: #b54947;
font-size: 20px;
font-weight: bold;
}


h1, .h1 {

font-size: 16px;

}


.phone {width: 40%;}

.col_half p { margin-top: 0px; text-align:left; }

.row p {
text-align: left;
margin-top: 0px;
}

.mobs {display: none;}




}




@media only screen and (max-width: 767px) and (min-width: 0px) {
	
	
	

.sign_up { left: 1%; width: 50%; }

.col {
margin: auto;
width: 60%;
margin-bottom: 10px;
}

.phone {
width: 30%;
}

h1, .h1 {

display: none;

}

.col_half {
width: 50%;
float: right;
margin-top: 50px;
}

.phone {
width: 30%;
margin-left: 30px;
margin-top: 15px;
}

}


@media only screen and (max-width: 720px) and (min-width: 0px) {
	
.logo1 img {
vertical-align: middle;
margin-right: 180px;
margin-top: 22px;
width: 50%
}

.footer_terms {
width: 100%;
height: 200px;

}

.logo img {
width: 40%;
}

.btn1 {
margin: auto;

}


}

@media only screen and (max-width: 680px) and (min-width: 0px) {
	

.sign_up { left: 1%; width: 60%; }

}



@media only screen and (max-width: 580px) and (min-width: 0px) {
	
	
.phone {
width: 30%;
margin-left: 30px;
margin-top: 45px;
}	
	

.sign_up { left: 1%; width: 70%; }


.hub_new_member_form   h3{ background: #b54947; color:#fff; 
	padding-left:5px; text-align:center;
	 font-family:  Lato; font-weight: bold; font-size: 18px;}
	 
	.row p {
text-align: left;
margin-top: 20px;
}

.col_half {
width: 50%;
float: right;
margin-top: 30px;
}

.phone {
width: 30%;
margin-left: 30px;
margin-top: 20px;
}

.col {
margin: auto;
width: 80%;
margin-bottom: 10px;
}
	 
	 
}

@media only screen and (max-width: 480px) and (min-width: 0px) {

.sign_up {  width: 80%; }

.btn1 { width: 80%; margin-right: 60px; margin-top: 80px; }

.header { min-height: 180px; }

.logo img { width: 70%; margin-left: 63px;}

.footer_terms { max-width: 1170px;
}
.headermid { width: 100%; }


.col_half {
width: 50%;
float: right;
margin-top: 20px;
}

.phone {
width: 30%;
margin-left: 30px;
margin-top: 10px;
}

.col {

width: 95%;

}

.row p {
text-align: left;
margin-top: 20px;
}

.btn1 {
width: 80%;
margin: auto;
margin-top: 80px;
text-align: center;
}

.logo img {
width: 70%;

}


.logo1 img {
vertical-align: middle;
margin-right: 80px;
margin-top: 22px;
width: 50%;
}

.footermid p {
margin: auto;
float: left;
margin-top: 10px;
text-align:center;
}

.hub_new_member_form .btn-group {
font-size: 0;
margin-bottom: 4px;
width: 100%;
display: inline-flex;
}

.sign_up {
	width: 100%;
	}
	
	.hub_new_member_form .formgroup {
margin: 0 10%;
zoom: 1;
width: 95%;
}

h3 { text-align: left; }

h2 { text-align: left; }




}

@media only screen and (max-width: 430px) and (min-width: 0px) {

.sign_up {
	
	padding: 10px;
	  z-index: 200;
	  margin-top: 0px; 
	  margin-right: 0PX;
	  background: rgba(247,247,247,0);
	  box-shadow: none;
	  margin: 60px auto 0;
	  min-height: 360px;
	  
	  left: 1%;
	  
	  top: 10%;
	}
	.sign_up:before, .signup:after {
	  display:none;
	 
	}
	.sign_up:before {
	  display:none;
	}
	.sign_up:after {
	  display:none;
	}
	
	.hub_new_member_form {
		position: relative;
border: none;
background: #fafafa;
width: 100%;
z-index: 100;
padding: 10px;
border-radius: 0;
right: 3%;
margin-top: 30px;
}

h3 { text-align: left; }

h2 { text-align: left; }

.logo img { width: 80%; margin-left: 30px;}

}

@media only screen and (max-width: 370px) and (min-width: 0px) {

.phone {
width: 30%;
margin-top: 40px;
}


}