body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #777;
  padding-top:35px;
}

.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  /*opacity: 0.80;*/
  background-attachment: fixed;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  /*background-image: url("landing_pic.jpg");*/
  background-image: url("DSC_0773LG.jpg");
  min-height: 100%;
}

.bgimg-2 {
  
  background-image: url("1a57e80120722c451173ae9c6e2b4266.jpg");
  min-height: 100%;
}
.bgimg-2 a:hover{
	text-decoration:none;
}
.bgimg-3 {
  background-image: url("img_parallax3.jpg");
  min-height: 400px;
}

.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3 {
        background-attachment: scroll;
    }
}

.about_me{
	background-color:#38DCC8;
	padding:100px 0px;
	color:#FFF;
	/*background-position: 33% 110px;
	background-repeat:no-repeat;
	background-image:url('../img/about_me.png');*/
}

.about_me > .row{
}

.about_me .frame .inner{
	border:10px solid #FFF;
	width:350px;
	height:320px;
	float:right;
    box-shadow: 1px 1px 5px #777;
}
.about_me .frame .inner h1{
	padding:20px;
    font-size: 50px;
    font-weight: bold;
    text-shadow: 1px 1px 5px #777;
}
.about_me .text{
	padding:40px;
	letter-spacing: 2px;
    line-height: 30px;
}

.white-frame{
	padding:20px;
	border:10px solid #FFF;
    box-shadow: 1px 1px 5px #777;
}
.white-frame h1{
	padding:0px;
	margin:0px;
	color:#FFF;
    text-shadow: 1px 1px 5px #777;
	font-weight:bold;
}

.light-blue{
	background-color:#91e8dd;
	color:#FFF;
}

.med-blue{
	background-color:#38DCC8;
	color:#FFF;
}

.dark-blue{
	background-color:#259385;
	color:#FFF;
}

.overlay {
  position: relative;
}

.gallery .gallery-elm{
	cursor:pointer;
	/*height:350px;*/
	background-size:cover;
	width:350px;
}

.overlay:after {
  position: absolute;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
}

.overlay:hover:after  {
  opacity: .7;
}

.blue:after {
  background-color: #38DCC8;
}
.form-control{
	border:0px;
	border-radius:0px;
	margin:2px 0px;
	color:#38DCC8;
}
.contact{
	padding-bottom:100px;
}
.contact .contact-info{
	color:#FFF;
}
.contact .contact-info h2{
	font-weight:bold;
}
.contact .contact-info p{
	line-height:16px;
}
.contact input[type=submit]{
	background-color:#FFF;
	color:#38DCC8;
	border-radius:0px;	
    border: 0px;
    width: 100%;
}
.contact textarea{
	height:150px;
	resize:none;
}
.navbar-header .social-media img{
	width:15px;
}
.navbar-default{
	background-color: #FFF;
    padding: 20px;
	box-shadow: 1px 1px 10px #000;
}
.navbar a.active{
	color:#38DCC8 !important;
}
.carousel-controls{
	position: relative;
}
.carousel-controls .owl-prev{
	height: 750px;
	width: 75px;
	background: -webkit-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1));
	background: -o-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1));
	background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1));
	background: linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1));
    top: -750px;
    position: absolute;
    left: 0px;
    cursor: pointer;
}
.carousel-controls .owl-next{
	height: 750px;
	width: 75px;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));
	background: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));
	background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));
	background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1));
    top: -750px;
    position: absolute;
    right: 0px;
    cursor: pointer;
}
.carousel-controls .owl-next img,
.carousel-controls .owl-prev img{
	position:relative;
	top:50%;
	width: 100%;
}
a[data-fancybox],
a.mansonry-item {
    display: block;
    width: 100%;
    height: 100%;
}
.inner-videos a[data-fancybox] img{
  width: 300px;
}
.first-row{
	margin-top:91px;
}

/* ---- grid ---- */
* { box-sizing: border-box; }
.grid {
  background: #FFF;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 25%;
}

.grid-item {
  float: left;
  border:2px solid #FFF;
  cursor: pointer;
}
.grid-item a::after{
	position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #38DCC8;
}

.grid-item a:hover::after  {
	opacity: .7;
}

.grid-item a span{
	position: absolute;
    width: 100%;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    z-index: 10;
	/*color:transparent;*/
    color: #FFF;
	text-shadow:1px 1px 1px #000;
	margin-top: calc(25% - 26px);
}
.grid-item a:hover span{
    color: #FFF;
	text-shadow:1px 1px 1px #000;
}

@media (max-width:769px){
	.grid-item a span{
		font-size: 8px;
		margin-top: calc(25% - 8px);
		line-height:8px;
	}
}

.grid-item img {
  display: block;
  max-width: 100%;
  width: 100%;
}

.main-title{
	position: absolute;
    bottom: 100px;
    width: 100%;
}
.main-title h1{
	letter-spacing:15px;
	font-size:80px;
	font-weight:bold;
	color:#FFF;
	text-align:center;	
    text-shadow: 1px 1px 1px #000;
}
.main-title h2{
	font-style:italic;
	font-size:30px;
	font-family: "Times New Roman", Georgia, Serif;
    text-shadow: 1px 1px 1px #000;
	color:#FFF;
	text-align:center;
}