/*!
 * Start Bootstrap - Business Casual (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background: url('../img/bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-transform: lowercase;
	font-family: asap;
	font-weight: 400;
	letter-spacing: 1px;
	font-style: normal;
	color: #6C6B6B;
}

p {
	font-size: 1.25em;
	line-height: 1.6;
	color: #6C6B6B;
	text-align: left;
}

hr {
	max-width: 400px;
	border-color: #999999;
	text-align: center;
}

.brand,
.address-bar {
    display: none;
}

.navbar-brand {
    text-transform: lowercase;
    font-weight: 900;
    letter-spacing: 2px;
}

.navbar-nav {
    text-transform: lowercase;
    font-weight: 400;
    letter-spacing: 3px;
}

.img-full {
    min-width: 100%;
}

.brand-before,
.brand-name {
    text-transform: lowercase;
}

.brand-before {
    margin: 15px 0;
}

.brand-name {
	margin: 0;
	font-size: 4em;
	font-family: asap;
	font-style: normal;
	font-weight: 400;
	color: #91A8BD;
}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.img-button{

   cursor:pointer;

}

.box {
    margin-bottom: 20px;
    padding: 30px 15px;
    background: #fff;
    background: rgba(255,255,255,0.9);
}

.intro-text {
    text-transform: lowercase;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
}

.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}

footer {
    background: #fff;
    background: rgba(255,255,255,0.9);
}

footer p {
	margin: 0;
	padding: 50px 0;
	text-align: center;
}
.btn.btn-default {
	color: #050505;
}
.btn.btn-default.btn-lg {
	color: #000000;
}


.btn.btn-default.btn-lg {
	color: #6C6B6B;
}
.col-lg-12.text-center .btn.btn-default.btn-lg {
	color: #6C6B6B;
}
.modal-body {
}






@media screen and (min-width:200px){
    .brand {
	display: inherit;
	margin: 0;
	padding: 30px 0 10px;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	font-family: asap;
	font-size: 5em;
	font-weight: 400;
	line-height: normal;
	color: #87A7BB;
	font-style: normal;
    }

    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 25px;
    }

    .address-bar {
	display: inherit;
	margin: 0;
	padding: 0 0 40px;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	text-transform: lowercase;
	font-size: 1.25em;
	font-weight: 400;
	letter-spacing: 3px;
	color: #fff;
	font-family: asap;
	font-style: normal;
    }

    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-default {
        border: none;
        background: #fff;
        background: rgba(255,255,255,0.9);
    }

    .nav>li>a {
        padding: 35px;
    }

    .navbar-nav>li>a {
        line-height: normal;
    }

    .navbar-nav {
        display: table;
        float: none;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 1.25em;
    }
	
}

@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
}
.img-button img {
	cursor:pointer;
}
.img-button > .caption{

   position: absolute;

   bottom:0;

   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%);
   
     -webkit-transition: all 0.4s ease;

-moz-transition: all 0.4s ease;

-o-transition: all 0.4s ease;

transition: all 0.4s ease;


opacity:0;

}
.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;

}

.img-button > .caption p{

   position: absolute;

   bottom: 0;

   width: 85%;

   margin: 20px;

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

   font-weight:100;

   font-size:1em;

   color:white;
 
}
.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:#A6A4A4;
   

}

.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;

  
   margin-bottom:-4px;

}

 

@media (min-width:763px){

   .modal-dialog{

         width:80%; 

   }

}

 

@media (min-width:1250px){

   .modal-dialog{

         width:70%; 

   }

}