/* Global */
body {
	font-family: 'Quicksand', sans-serif;
	margin:0px;
	padding:0px;
	color:#fff;
	font-size:14px;
	background-color:transparent;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
}

img {border:0px;}


a {
	color:#fff;
	text-decoration:none;
	font-size:15px;
}

a:hover {
	color:#57d7ff;
	text-decoration:underline;
	font-size:15px;
}

h1 {
	font-family: 'Quicksand', sans-serif;
	color:#57d7ff;
	font-size:32px;
	text-transform:uppercase;
}

h3 {
	color:#57d7ff;
	font-size:22px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

h4 {
	font-size:20px;
	line-height:24px;
}


p {
	font-size:16px;
	line-height:20px;
}
form .field.text,
form .field.email,
form .field.checkbox,
form .field.textarea,
form .field.password{
	float: left;
	width: 100%;
}
form input[type="text"],
form input[type="password"],
form input[type="email"] {
	border:1px solid #57d7ff;
	width:100%;
	clear:both;
	padding: 8px 20px 8px 20px;
	float:left;
	margin:0px 0px 12px 0px;
	color: #000;
}
form textarea{
	color: #000;
}
form .checkbox input[type="checkbox"]{
	display: inline-block;
	position: relative;
	margin-left: 0;
}
form input[type="submit"] {
	display: block;
	border:1px solid #57d7ff;
	background:transparent;
	color:#57d7ff;
	padding: 8px 30px 8px 30px;
	margin:0px 0px 30px 0px;
}
form input[type="submit"]:hover{
	border:1px solid #fff;
	background:transparent;
	color:#fff;
}
form #ForgotPassword{
	display: block;
}

hr {
	opacity: 0.3;
	margin:50px 0px 60px 0px;
}


/* Nav */
.top-navbar {
	background:transparent;
	border:none;

	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius:0px !important;
}

.navbar {font-family: 'Quicksand', sans-serif; cursor:pointer; font-size:14px; margin-bottom:0px;}

.navbar .logo{float:left; max-width:340px; margin-top:20px;}

.navbar-nav {float:right; margin-top:50px;}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  padding-left:20px;
  padding-right:20px;
}

.navbar-inverse .navbar-nav > li > a.active{color:#57d7ff;}

.navbar-inverse .navbar-nav > li > a:hover{
  color: #57d7ff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a {
	background-color:transparent;
	color:#57d7ff;
}

.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
	background-color:transparent;
	color:#57d7ff;
}

.navbar-inverse .navbar-nav > li.open > a{
		color: #fff;
		background-color: transparent;
}
.navbar-inverse .navbar-nav > li.open > a:hover {
    color: #57d7ff;
    background-color: transparent;
}

.navbar-collapse {
	padding-left:0px;
	padding-right:0px;
}

.dropdown-menu{
	padding:0px 0px 0px 0px !important;
	border:none !important;
	background:#000;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius:0px !important;
}

.dropdown-menu > li > a{
	color:#fff;
	font-size:15px;
	padding: 15px 20px 15px 20px;
	border-bottom:1px solid #2a2a2c;
}

.dropdown-menu .last{
	border-bottom:0px solid #717482;
}


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #57d7ff;
  text-decoration: none;
  background-color: #000 !important;
  outline: 0;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-inverse .navbar-toggle:hover .icon-bar{
	background-color:#57d7ff;
}



/*  Breadcrumb  */
.breadcrumb {
	background:transparent;
	padding:8px 0px 8px 0px;
	color:#57d7ff;
}

.breadcrumb a {
	color:#a4a4a4;
}

.breadcrumb a:hover {
	color:#57d7ff;
	text-decoration: none;
}
.breadcrumb > .active {
	font-size:14px;
	color:#57d7ff;
}



/* Contents */
main {
	width:100%;
	margin:80px auto 30px auto;
}

main.homepage {
	width:100%;
	margin:130px auto 130px auto;
}

main ul{
	font-size:16px;
	line-height:20px;
	margin-left:-24px;
}

main ul li{
	margin-bottom:14px;
	padding-left:10px;
}

main.newspage h3 {margin:20px 0px 10px 0px;}
main.newspage h4 {font-size:14px; font-style:italic;}

main.newspage p a {color:#57d7ff;}

.blog-categories {background:#29bae7; width:100%; height:auto; padding:20px 20px 30px 20px; margin-bottom:30px;}
.blog-categories h3 {color:#fff; font-weight:300; margin:0px 0px 10px 0px !important;}

.blogrow {clear:both; width:100%;}
.blogrow img{ max-width:100%;}

main.contactpage #mapsize {
	width: 100%;
	height: 450px;
}
main.contactpage input[type="text"],
main.contactpage input[type="email"] {
	border:1px solid #a4a4a4;
	width:100%;
	clear:both;
	padding: 8px 20px 8px 20px;
	float:left;
	margin:0px 0px 12px 0px;
}
main.contactpage textarea {
	border:1px solid #a4a4a4;
	width:100%;
	clear:both;
	padding: 8px 20px 8px 20px;
	float:left;
	margin:0px 0px 30px 0px;
	resize: none;
}
main.contactpage input[type="submit"] {
	border:1px solid #57d7ff;
	background:transparent;
	color:#57d7ff;
	padding: 8px 30px 8px 30px;
	float:left;
	margin:0px 0px 30px 0px;
}
main.contactpage input[type="submit"]:hover {
	border:1px solid #fff;
	background:transparent;
	color:#fff;
	padding: 8px 30px 8px 30px;
	float:left;
	margin:0px 0px 30px 0px;
}

/* Footer */
footer {padding:40px 0px 40px 0px; color:#fff; font-size:12px;}
footer .bottom {border-top:1px solid #717482; margin:20px 0px 20px 0px; float:left; padding:20px 0px 0px 0px; width:100%; color:#d1d2d4;}
footer .bottom a{color:#d1d2d4; font-size:12px;}
footer .bottom a:hover{color:#57d7ff; font-size:12px;}
footer .bottom .right{text-align:right;}







/* Button Style */
a.learnmore {
	float:left;
	background-color:rgba(0, 0, 0, 0.5);
	color:#57d7ff;
	border:1px solid #57d7ff;
	padding:10px 30px 10px 30px;
	font-weight:700;
	margin:20px 0px 20px 0px;
	text-transform:uppercase;
	text-decoration:none;
}
a:hover.learnmore {
	float:left;
	background-color:#000;
	color:#fff;
	border:1px solid #fff;
	padding:10px 30px 10px 30px;
	font-weight:700;
	margin:20px 0px 20px 0px;
	text-transform:uppercase;
	text-decoration:none;

	 -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
}

.hvr-rectangle-out .masonry-learnmore {
	float:left;
	background-color:transparent;
	color:#fff;
	border:1px solid #fff;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:700;
	font-size:14px;
	width:60%;
	margin:10px 20% 10px 20% !important;
	text-transform:uppercase;
	text-decoration:none;
}

.hvr-rectangle-out:hover .masonry-learnmore{
	float:left;
	background-color:#000;
	color:#fff;
	text-decoration:none;
}

/* Select Style */
div.select-categories-select {
    position: relative;
    display: inline-block;
	width:100%;
}

.select-categories-select select {
    display: inline-block;
    border: 1px solid #fff;
    padding: 8px 12px 8px 12px;
    margin: 0;
    font: inherit;
    outline:none; /* remove focus ring from Webkit */
    line-height: 1.2;
    background: #fff;
		color:#000000;
		width:100%;
    -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .select-categories-select select {
        padding-right:30px;
    }
}

/* Since we removed the default focus styles, we have to add our own */
.select-categories-select select:focus {
    -webkit-box-shadow: 0 0 3px 1px #c00;
    -moz-box-shadow: 0 0 3px 1px #c00;
    box-shadow: 0 0 3px 1px #c00;
}

/* Select arrow styling */
.select-categories-select:after {
    content: "▼";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 100%;
    padding: 10px 7px 10px 7px;
    background: #fff;
    color: #000000;
    pointer-events:none;
    -webkit-border-radius: 0px;
    -moz-border-radius:  0px;
    border-radius:  0px;
}

.no-pointer-events .select-categories-select:after {
    content: none;
}

/* Rectangle Out */
.hvr-rectangle-out {
  width:100%;
  height:322px;
  text-align:center;
  border:6px solid #fff;
  font-size:24px;
  margin-bottom:30px;
  padding:0px 20px 0px 20px;
  font-weight:300;
 	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(87, 215, 255); /* Fall-back for browsers that don't support rgba */
  background: rgba(87, 215, 255, 0.4);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
  font-size:24px;
  text-decoration:none;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.hvr-rectangle-out span {margin:100px auto 10px auto; float:left; width:100%;}


/* 		shortcodes			*/

.shortcodeColumn{
  float: left;
}
.shortcodeColumn.spacer{
	padding-right: 40px;
}
.shortcodeColumn.size10{
  width:10%;
}
.shortcodeColumn.size20{
  width:20%;
}
.shortcodeColumn.size30{
  width:30%;
}
.shortcodeColumn.size40{
  width:40%;
}
.shortcodeColumn.size50{
  width:50%;
}
.shortcodeColumn.size60{
  width:60%;
}
.shortcodeColumn.size70{
  width:70%;
}
.shortcodeColumn.size80{
  width:80%;
}
.shortcodeColumn.size90{
  width:90%;
}
.shortcodeColumn.size100{
  width:100%;
}
@media (max-width:767px){
	.shortcodeColumn{
		width: 100% !important;
	}
}


/*   Media Queries   */
@media (max-width: 1199px) {
	.navbar .logo{max-width:280px; margin-top:28px;}

}

@media (max-width: 991px) {
	.navbar-nav{float:left;}
	main {margin:30px auto 30px auto;}
	.hvr-rectangle-out {font-size:18px;}
	.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {font-size:18px;}
}

@media (max-width: 767px) {
	.navbar-nav {float:left; margin-top:20px; margin-bottom:20px; margin-left:8px; width:94%;}
	.navbar-toggle {margin-top:16px; margin-bottom:20px;}
	.navbar-collapse {
		background: rgb(0, 0, 0); /* Fall-back for browsers that don't support rgba */
   		background: rgba(0, 0, 0, 0.6);
		text-align:left;
	}
	.navbar .logo {max-width:220px; margin-top:0px;}
	footer{text-align:center;}
	footer .bottom .right {text-align:center;}
}

@media (max-width: 767px) {
	main.homepage{margin:30px auto 30px auto;}
}