/*!
 * Start Bootstrap - Full Width Pics (https://startbootstrap.com/template-overviews/full-width-pics)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-width-pics/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
  text-align: center;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.gal {
	
	
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	  
	
	}	
	.gal img{ width: 100%; padding: 7px 0;}
@media (max-width: 500px) {
		
		.gal {
	
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	    cursor: zoom-in;
	
	}
		
	}

.hr {
    color:grey;
  }

 #contact{
    padding:10px 0 10px;
    z-index: -1;
  }

  .contact-text{
    margin:45px auto;
    z-index: -1;
  }

  .mail-message-area{
    width:60%;
    padding:0 15px;
    z-index: -1;
  }

  .mail-message{
    width: 60%;
    background:rgba(255,255,255, 0.8) !important;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    margin:0 auto;
    border-radius: 0;
    z-index: -1;
  }

  .not-visible-message{
    height:0px;
    opacity: 0;
    z-index: -1;
  }

  .visible-message{
    height:auto;
    opacity: 1;
    margin:25px auto 0;
    z-index: -1;
  }

/* Input Styles */

  .form{
    width: 60%;
    padding: 15px;
    background:#f8f8f8;
    border:1px solid rgba(0, 0, 0, 0.075);
    margin-bottom:25px;
    color:#727272 !important;
    font-size:13px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    z-index: -1;
  }

  .form:hover{
    border:1px solid #8BC3A3;
    z-index: -1;
  }

  .form:focus{
    color: white;
    outline: none;
    border:1px solid #8BC3A3;
    z-index: -1;
  }

  .textarea{
    height: 200px;
    max-height: 200px;
    max-width: 100%;
    z-index: -1;
  }
  
/* Generic Button Styles */

  .button{
    padding:8px 12px;
    background:#0A5175;
    display: block;
    width:120px;
    margin:10px 0 0px 0;
    border-radius:3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align:center;
    font-size:0.8em;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    z-index: -1;
  }

  .button:hover{
    background:#8BC3A3;
    color:white;
    z-index: -1;
  }

/* Send Button Styles */

  .form-btn{
    width:180px;
    display: block;
    height: auto;
    padding:15px;
    color:#fff;
    background:#8BC3A3;
    border:none;
    border-radius:3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin:auto;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    z-index: -1;
  }

  .form-btn:hover{
    background:#111;
    color: white;
    border:none;
    z-index: -1;
  }

  .form-btn:active{
    opacity: 0.9;
    z-index: -1;
  }

.center{
  margin-top:330px;
}
input {
    position: relative;
    z-index: -1;
}

/* PIN MARQUEE TO BOTTOM */

.marquee {
 height: 25px;  
 overflow: hidden;
 position: relative;
 background: #d3d3d3;
 font-family: Helvetica, sans-serif;
 
}
.marquee p {
 position: absolute;
 width: 100%;
 height: 50%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 font-family: Helvetica, sans-serif;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);  
 transform:translateX(100%);
 /* Apply animation to this element */  
 -moz-animation: scroll-left 5s linear infinite;
 -webkit-animation: scroll-left 5s linear infinite;
 animation: scroll-left 5s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%);     
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}

.buttonHolder { 
  text-align: center; 
}

.video {
   width: 100%;
    overflow:hidden;
    display:block;
    height: 360px;
}

/* SOCIAL ICONS */ 

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);

a {
    text-decoration: none;
    color: blue;
}
p > a:hover{
    color: #d9d9d9;
    text-decoration:  underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin:  1% 0 1% 0;
}
._12 {
    font-size: 1.2em;
}
._14 {
    font-size: 1.4em;
    color:white;
}
ul {
    padding:0;
    list-style: none;
}
.footer-social-icons {
    width: 350px;
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:12px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    border-radius:50%
 
}
.fa-facebook:hover {
    background-color: #3d5b99;
}
.fa-instagram {
  
  padding:12px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    border-radius:50%;
    
  
}
.fa-instagram:hover {
   background: #125688;
}

.fa-twitter {
    padding:12px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    border-radius:50%
}
.fa-twitter:hover {
    background-color: #00aced;
}

.fa-youtube {
    padding:12px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
  border-radius:50%
}
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-linkedin {
    padding:12px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    border-radius:50%
}
.fa-linkedin:hover {
    background-color: #0073a4;
}

.text-grey {
  color:#848383;
}

pre {
    font-family: Arial;
}