@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

/* font-family: 'Open Sans', 'sans-serif'; */
@charset "UTF-8";
#top img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#menuItem {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	color: #12ACC1;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-style: normal;
	font-size: 15pt;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	list-style-type: none;
	width: 100%;
	position: relative;
}
#menuItem {
}
#center {
}
#topimg {
}
#centerImage {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50pt;
	padding-top: 20px;
	margin-bottom: 25pt;
}
#title {
	color: #75BFD5;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-align: center;
	font-size: 15pt;
}
#centerImage {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
#TextPosition {
	margin-left: auto;
	margin-right: auto;
	color: #129BC0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 25px;
	text-align: center;
	display: block;
	margin-top: 100px;
}
#centerImage {
}
#centerImage {
}
#TextPosition {
}
p {
}
#centerImage {
}
#TextPosition {
	font-size: 30pt;
	width: 55%;
}
#row {
	background-color: #701716;
}
#TextPosition {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.p {
	color: #606060;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-weight: normal;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 55%;
	display: block;
	line-height: 45pt;
	margin-bottom: 50px;
	font-style: normal;
	font-variant: normal;
	font-size: 20pt;
}
#wraperfooter {
	margin-top: 100px;
	margin-bottom: 50px;
	color: #21B2C7;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-align: center;
	font-size: 12px;
}
#TextPosition.row {
}
#TextPosition {
	width: 75%;
	margin-bottom: 35px;
}
#quote {
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	margin-bottom: 40pt;
	margin-top: 40px;
	color: #1B8DBB;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-style: italic;
	text-align: center;
	font-size: 20px;
	line-height: 30pt;
}
#contact {
	margin-left: auto;
	margin-right: auto;
	color: #16A5BE;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	width: 100%;
	display: block;
	font-size: 15pt;
	text-align: center;
}
#wraper .navbar.navbar-default {
	background-color: #FFFFFF;
}
#contact {
}
#contact {
}
.container {
	border-width: 0%;
	border-color: #FFFFFF;
	color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
}
.container #defaultNavbar1 .nav.navbar-nav.navbar-right {
	text-align: center;
}
.navbar.navbar-default {
	border-width: 0px;
	border-radius: 0px;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 19px;
	width: 75%;
}
#wraper {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#me {
	margin-right: 25px;
	margin-bottom: 25px;
	float: left;
}
#Head {
	line-height: 40pt;
	display: block;
	padding-left: 10px;
}
#Head {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-style: normal;
	font-size: 20pt;
}
#wraper footer {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 100px;
	margin-bottom: 100px;
	color: #33A2B7;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-align: center;
}
#TextPosition {
}
#TextPosition {
}
#connect {
	width: 55%;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
#TextPosition {
}
#logos {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 10px;
	margin-left: 0px;
}
#logos {
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
}
#centerImage {
}
#Head {
}
.li {
	color: #22C4E2;
}
.image-fill {
	width: 100%;
}
.image {
}
#centerImage {
}
#logos {
	margin-left: 0px;
	padding-left: 3px;
	padding-right: 3px;
	width: auto;
	right: auto;
}
#wraper table tbody {
	width: 50%;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#centerImage {
}
#wrapertabletbody {
}
#tablebody {
	margin-left: auto;
	margin-right: auto;
	width: 15%;
	margin-top: 20pt;
	margin-bottom: 20px;
	padding-left: 30pt;
	padding-right: 30pt;
}
#td.img {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 5px;
	margin-right: 5px;
}
#td.img {
}
#tablebody {
}
#logo {
}
#logo {
	padding-left: 1px;
	margin-left: 6px;
	margin-right: 6px;
}
#logo {
}
#logo {
}
#logo {
}
#image-grid {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#image-grid{
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	width: 85%;
}

.custom-col{

      padding:6px;
      overflow:hidden;

}
.img-button{

   cursor:pointer;

}
.img-button > .caption{

   position: absolute;

   bottom:-30;

   width: 100%;

   height: 100%;

   text-align: center;

   background-image: -webkit-linear-gradient(270deg,rgba(59,59,59,0.00) 0%,rgba(0,0,0,0.50) 72.02%);

   background-image: -moz-linear-gradient(270deg,rgba(59,59,59,0.00) 0%,rgba(0,0,0,0.50) 72.02%);

   background-image: -o-linear-gradient(270deg,rgba(59,59,59,0.00) 0%,rgba(0,0,0,0.50) 72.02%);

   background-image: linear-gradient(180deg,rgba(59,59,59,0.00) 0%,rgba(0,0,0,0.50) 72.02%);


}


.img-button:hover > .caption{

   -webkit-transform: translate(0em,-30%);

   -moz-transform: translate(0em,-30%);

   -o-transform: translate(0em,-30%);

   transform: translate(0em,-30%);

   opacity:100;
   

}
.image-responsive {
}
#centerImage {
}
.modal {

  text-align: center;

  padding: 0!important;

}

.modal:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

  margin-right: -4px;

}

.modal-dialog {

  display: inline-block;

  text-align: left;

  vertical-align: middle;

  margin:4px;

}

.modal-body{

   padding:12px;

   background-color:black;

}

.modal-body img{

   width:100%;

}

#close-wrapper{

   position:absolute;

   top:0;

   right:0;

   width:55px;

   height:55px;

   background-color:rgba(0,0,0,0.5);

   border-bottom-left-radius:6px;

}

#close-btn{

   position:absolute;

   top:20px;

   right:25px;

   color:white;

   opacity:1;

}

.popup-caption{

   width:100%;

   padding-top:6px; 

   background-color:black;

}

.popup-caption p{

   text-align:center;

   font-weight: 300;

   font-size: 1em;

   color: white;

   font-style: normal;

   font-family: 'Open Sans', sans-serif;

   color:white;

   margin-bottom:-4px;

}
h4 {
	color: #686868;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-align: center;
	font-size: 15px;
	line-height: 30px;
}

 

@media (min-width:763px){

   .modal-dialog{

         width:80%; 

   }

}

 

@media (min-width:1250px){

   .modal-dialog{

         width:70%; 

   }

}



}
#centerImage {
}
#color {
	color: #13A6C6;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
#color {
}
#link {
	color: #33A2B7;
}
#link {
}
#link {
}
#link {
}
#link {
}
#link {
}
#link {
}
#link {
}
#link {
}
#link {
}
#link {
}
#centerImage {
}
#centerImage {
}
#centerImage {
}
#vision {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	color: #526266;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 15pt;
	line-height: 30pt;
	text-align: justify;
}
#centerImage {
}

#centerImage {
}
.thumbnail {
	border-width: 0px;
}
#centerImage {
}
.row {
	margin-left: auto;
	margin-right: auto;
}
#centerImage {
}
#logo {
}
