/*!
 * Start Bootstrap - 1 Col Portfolio HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    /*    background: url("../img/common/footerbckgrd.png") repeat scroll 0 0 #cfe8eb;*/
    background: #cfe8eb;
}

footer {
    margin: 20px 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Lobster", "Helvetica Neue", Helvetica, Arial, sans-serif, cursive;
    font-weight: 400;
}

h1 small {
    color: #C1C1C1;
}

/* ==|== portfolio styles =====================================================
   http://www.eyescreamdesign.com/portfolio/nashville_website_design/
   ========================================================================== */
.gallery .col1of3 {
    width: 30%
}

.gallery .col1of3 h2 {
    margin-top: 0
}

.gallery a.photo_wrap {
    box-shadow: 0 0 1px rgba(85, 82, 53, 0.2);
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.gallery figure.photo {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 10px solid #EEEEEE;
    position: relative;
    z-index: 100;
}

.gallery figure.photo img {
    border: medium none;
    outline: medium none;
}

.gallery a.photo_wrap:before, a.photo_wrap:after {
    -moz-transform: rotate(-3deg);
    background: none repeat scroll 0 0 transparent;
    bottom: 15px;
    box-shadow: 0 15px 10px rgba(85, 82, 53, 0.6);
    content: "";
    height: 20%;
    left: 2%;
    max-width: 300px;
    position: absolute;
    width: 48%;
    z-index: -1;
}

.gallery a.photo_wrap:after {
    -moz-transform: rotate(3deg);
    left: 50%;
    right: 10px;
}

.gallery figure.photo figcaption {
    background: none repeat scroll 0 0 #EEEEEE;
    clear: both;
    font-size: 12px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 100;
}

.gallery .black_out {
    background: none repeat scroll 0 0 black;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 700;
}

.gallery .black_out:hover {
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);*/
}

/***********************************************************************************************/
/* Button */
/***********************************************************************************************/
.go-top {
    position: fixed;
    bottom: 2em;
    right: 2em;
    text-decoration: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    padding: 1em;
    display: none;
    z-index: 1000;
}

.go-top:hover {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    z-index: 1000;
}

/* ==|== primary styles =====================================================
   Seeta Gill:
   ========================================================================== */

/*.social{margin-top:1.5em;}*/
.social {
    float: right;
    position: relative;
    top: 22px;
    margin-right: 20px;
}

.social a {
    display: block;
    text-indent: -9999px;
    float: right;
    width: 35px;
    height: 35px;
    margin-right: 10px
}

.social a.github {
    background: url(../img/common/github.png) no-repeat 0 0
}

.social a.linkedin {
    background: url(../img/common/linked.png) no-repeat 0 0
}

.social a.pinterest {
    background: url(../img/common/pin.png) no-repeat 0 0
}

.social a.twitter {
    background: url(../img/common/twitter.png) no-repeat 0 0
}

.container .navbar-header {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.navbar-header .logo {
    float: left;
    margin-right: 10px;
}

.navbar-header h1 {
    float: left;
    color: #FFFFFF
}

.navbar-header h3 {
    float: right;
    color: #FFFFFF;
    position: relative;
    top: 10px
}

/*#footer-full{background:#CFE8EB url(../img/footerbckgrd.png) repeat 0 0}*/

h3.skew-animation {
    -moz-animation-direction: alternate;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: skew;
    -moz-animation-timing-function: ease-in-out;
    -moz-transform-origin: 50% 90%;

    -webkit-animation-direction: alternate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: skew;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transform-origin: 50% 90%;

    -ms-animation-direction: alternate;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-name: skew;
    -ms-animation-timing-function: ease-in-out;
    -ms-transform-origin: 50% 90%;

    background: url(../img/common/furry1.png) no-repeat 0 0;
    bottom: 15px;
    display: block;
    height: 67px;
    text-indent: -9876px;
    width: 100px;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}

@-webkit-keyframes skew {
    0% {
        -webkit-transform: skew(-1deg)
    }
    100% {
        -webkit-transform: skew(1deg)
    }
}

@-moz-keyframes skew {
    0% {
        -moz-transform: skew(-1deg)
    }
    100% {
        -moz-transform: skew(1deg)
    }
}

@-ms-keyframes skew {
    0% {
        -moz-transform: skew(-1deg)
    }
    100% {
        -moz-transform: skew(1deg)
    }
}

h3.skew-animation2 {
    display: none
}