@import url(https://fonts.googleapis.com/css?family=Raleway:500,400,600|Open+Sans);

#content-container{
    display: none;
}

#loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20000;
    width: 100vw;
    height: 100vh;
    background-color: rgb(231, 231, 231);
    background-image: url("/images/logo.ico");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
}

/* LOAD */

.loading {
    background-color: black;
}

/* NAV */

.social {
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
}

a {
    transition-duration: 0.3s !important;
    color: #7a1411;
}

hr.invisible{
    border: 1px solid #fff;
}

.social .phone {
    color: grey;
}

.navbar {
    box-shadow: 3px 3px 3px #2b2b2b;
    -webkit-box-shadow: 3px 3px 3px #2b2b2b;
}

.navbar a{
    color: black !important;
}

.navbar-brand {
    text-transform: uppercase;
    transition-duration: 0.2s;
    font-family: 'Lato', sans-serif;
}

.navbar-brand-img {
    transition-duration: 0.2s;
}

.navbar-default .navbar-nav>li>a {
    color: #8f8f8f;
}

.navbar-nav>li>a {
    transition-duration: 0.2s;
}

.padding {
    background-color: gray;
}

.dropdown {
    cursor: pointer;
}

.dropdown-menu {
    border-radius: 0;
    box-shadow: 3px 3px 3px #2b2b2b;
    -webkit-box-shadow: 3px 3px 3px #2b2b2b;
}

.navbar-default {
    border: transparent;
}

.nav>li:hover, .nav>li:focus:hover {
    -webkit-box-shadow: inset 0 -3px 0 0 #7a1411;
    box-shadow: inset 0 -3px 0 0 #7a1411;
}

/* CAROUSEL */

.carousel{
    background: gray;
    color: white;
}

.carousel-theater{

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+25,0+75,1+100 */
    background: -moz-linear-gradient(left, gray 5%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 65%,gray 90%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  gray 5%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 65%,gray 90%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  gray 5%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 65%,gray 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

@media screen and (max-width: 1200px) {  .carousel-theater{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+25,0+75,1+100 */
    background: -moz-linear-gradient(left, gray 15%,rgba(70, 70, 71, 0.4) 50%, rgba(70, 70, 71, 0.4) 50%,gray 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  gray 15%,rgba(70, 70, 71, 0.4)50%,rgba(70, 70, 71, 0.4) 50%,gray 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  gray 15%,rgba(70, 70, 71, 0.4) 50%,rgba(70, 70, 71, 0.4) 50%,gray 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
} }

/* BODY */

body {
    color: black;
    letter-spacing: 0.75px;
    font-family: 'Open Sans', sans-serif;
    background-color: #a8a8a8;
}

#content-container{
    box-shadow: 3px 3px 3px #2b2b2b;
    -webkit-box-shadow: 3px 3px 3px #2b2b2b;
    background-color: white;
}

.content {
    /*border-top: 1px solid rgba(0, 0, 0, 0.30);*/
    border-bottom: 4px solid #7a1411;
}

.content-footer a:hover, .content-footer .dropdown-menu>li>a:hover {
    color: #585858;
}

.content-footer {
    background: #787878;
    color: #ffffff;
    border-bottom: transparent;
}

.content-footer-info {
    border-bottom: 3px solid #7a1411;
}

.content-alt{
    /*background: 50% 50% url("/images/cityscapes/building2.jpg");
    background-size: cover;*/
    color: #ffffff;
}

.content-alt>div{
    color: #ffffff;
    font-weight: 400;
    background-color: gray;
}

.content-alt a{
    color: #7a1411;
}

.content-footer li {
    text-decoration: none;
    list-style-type: none;
}

.content-footer li>a {
    text-decoration: none;
    color: inherit;
}

.content-footer .dropdown-menu>li>a {
    color: black;
}

.content-copyright {
    background-color: gray;
    color: #ffffff;
}

.side-img{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 25% 50%;
    box-shadow: 1px 1px 4px #171717;
    -webkit-box-shadow: 1px 1px 4px #171717;
}

/*PORTFOLIO*/

.portfolio {
    box-shadow: 1px 1px 3px #2b2b2b;
    -webkit-box-shadow: 1px 1px 3px #2b2b2b;
    background-size: cover;
}

#port-1,#port-2,#port-3,#port-4{
    background-color: rgba(255, 255, 255, 0.75);
    transition-duration: 0.05s;
    cursor: pointer;
}

.portfolio-link, .portfolio-link:hover, .portfolio-link:active, .portfolio-link:active, .portfolio-link:visited{
    background-size: cover;
    color: inherit;
    text-decoration: none;
    transition-duration: 0.05s;
}

.portfolio-link:hover{
    box-shadow: 0px 0px 10px 1px #7a1411;
    -webkit-box-shadow: 0px 0px 10px 1px #7a1411;
}

.portfolio-header {
    background-size: cover;
    border-bottom: 1px rgba(199, 199, 199, 0.70) solid;
    background-position: 50% 25%;
}

.portfolio-header>h3 {
    background-color: rgba(0,0,0,0.4);
    color: #ffffff;
    text-shadow: 1px 1px 3px #000;
}

.portfolio-fade {
    text-shadow: black;
    background: linear-gradient(to top,
    rgba(255,255,255, 1) 10%,
    rgba(255,255,255, 0.2) 90%
    );
}

/*TRANSACTIONS*/

.transaction {
    box-shadow: 1px 1px 3px #2b2b2b;
    -webkit-box-shadow: 1px 1px 3px #2b2b2b;
}

.transaction>div {
    color: #8b8b8b;
}

.transaction-container-content .slick-prev:before, .transaction-container-content .slick-next:before{
    color: black;
}

.transaction-container-content .slick-prev:before:hover, .transaction-container-content .slick-next:before:hover{
    color: rgba(0, 0, 0, 0.25);
}

.transaction-container-content .slick-prev:before:active, .transaction-container-content .slick-next:before:active{
    color: rgba(221, 221, 221, 0.25);
}


.g-recaptcha {
    border-radius: 4px;
    border-right: 1px solid #d8d8d8;
}

/* MISC */

.read-more-target {
    opacity: 0;
    transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
}

.read-more-trigger {
    cursor: pointer;
    color: #666;
    border: 1px solid #ddd;
    border-radius: .25em;
}

/* HEADERS */

h1 {
    color: inherit;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}

h2 {
    color: inherit;
    font-weight: 500;
}

h3 {
    text-transform: uppercase;
    color: inherit;
    font-weight: 500;
}

h4 {
    text-transform: uppercase;
    color: inherit;
    font-weight: 500;
}

.btn-primary:hover, .btn-primary:focus, .btn-group.open .dropdown-toggle.btn-primary {
    background-color: #a71613;
    border-color: #7a1411;
}

.btn-primary{
    background-color: #a71613;
    border-color: #7a1411;
}

legend{
    padding-bottom: 5px;
}