body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Rapid - html/css template
Version:	1.0
Last change:	06/06/2014
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Reset
2. Typography
3. Mobile Menu / .cbp-spmenu
4. Buttons / .cta1
5. Preloader / #preloader
6. Top menu / #nav_bar
7. Home / #home
8. About / #about
9. Numbers / #numbers
10. Video / #video
11. Team / #team
12. Crue / #crue
13. Portfolio / #portfolio
14. Portfolio - subpage / #portfolio_subpage
15. Clients / #clients
16. Services / #services
17. Testimonials / .cbp-qtrotator
18. Parallax divider / #parallax_divider
19. Pricing / #pricing
20. News / #news
21. Contact / #contact
22. Footer / #footer
23. Subpage - Blog / #blog
24. Subpage - Blog post
25. Comments / #comment

-------------------------------------------------------------------*/



/*######################################*/
/*RESET ################################*/
/*######################################*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, hr, th, td {
    margin: 0;
    padding: 0;
}

/*######################################*/
/*TYPOGRAPHY ###########################*/
/*######################################*/

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 200;
    src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'),url('fonts/SourceSansPro-ExtraLightItalic.ttf');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
    src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),url('fonts/SourceSansPro-LightItalic.ttf');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),url('fonts/SourceSansPro-Italic.ttf');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),url('fonts/SourceSansPro-SemiBoldItalic.ttf');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 700;
    src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),url('fonts/SourceSansPro-BoldItalic.ttf');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 900;
    src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'),url('fonts/SourceSansPro-BlackItalic.ttf');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),url('fonts/SourceSansPro-ExtraLight.ttf');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),url('fonts/SourceSansPro-Light.ttf');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),url('fonts/SourceSansPro-Regular.ttf');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('fonts/SourceSansPro-SemiBold.ttf');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('fonts/SourceSansPro-Bold.ttf');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url('fonts/SourceSansPro-Black.ttf');
}

@font-face {
    font-family: 'Lane';
    src: url('fonts/LANENAR_-webfont.eot');
    src: url('fonts/LANENAR_-webfont.eot?iefix') format('eot'), url('fonts/LANENAR_-webfont.woff') format('woff'), url('fonts/LANENAR_-webfont.ttf') format('truetype'), url('fonts/LANENAR_-webfont.svg#webfont') format('svg');
}

@font-face {
    font-family: 'Permanent Marker';
    src: url('fonts/PermanentMarker-Regular.ttf');
}

@font-face {
    font-family: 'Nanum Pen Script';
    src: url('fonts/NanumPenScript-Regular.ttf');
}

html {
    -webkit-font-smoothing: antialiased;
    min-width: 375px;
}

html {
    font-size: 100%;
}

p {
    font-size: 1rem;
    line-height: 1.625em;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

a {
    font-size: 1em;
    line-height: 1.625rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

h1, h2, h3 {
    font-family: 'Lane', sans-serif;
    font-weight: normal;
}

h1 {
    font-size: 4.25rem;
    line-height: 6.375rem;
}

h2 {
    font-size: 2.5rem;
    line-height: 3.125rem;
    margin-bottom: 1.35rem;
}

h3 {
    font-size: 1.6875rem;
    line-height: 2.25rem;
}

h4 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    font-weight: 600;
}

h5 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    font-weight: 600;
}

h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.75rem;
    line-height: 2.5rem;
    font-weight: 600;
}

ul {
    list-style: none
}

li {
    margin-top: 1.625em;
}

    li a {
        display: inline;
    }

hr {
    margin-top: 4.568rem;
    margin-bottom: 4.568rem;
    border-color: #e5e5e5;
}

a {
    color: none;
}
/*######################################*/
/*Mobile Menu ##########################*/
/*######################################*/

.cbp-spmenu {
    background-color: #292929;
    position: fixed;
}

    .cbp-spmenu h3 {
        color: white;
        font-size: 1.2rem;
        padding: 1.3rem;
        padding-left: 2rem;
        margin: 0;
        font-weight: 700;
        float: left;
    }

    .cbp-spmenu a {
        display: block;
        color: #c4c4c4;
        font-size: 1rem;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
    }

.cbp-spmenu-vertical {
    width: 200px;
    height: 100%;
    top: 0;
    z-index: 1000;
}

    .cbp-spmenu-vertical a {
        border-bottom: 1px solid #383838;
        padding: 1rem;
        padding-left: 2rem;
    }

        .cbp-spmenu-vertical a:hover {
            background-color: #383838;
        }


.cbp-spmenu-right {
    right: -200px;
}

    .cbp-spmenu-right.cbp-spmenu-open {
        right: 0px;
    }

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#hideRight {
    float: right;
    text-decoration: none;
    border: none;
    cursor: pointer;
    padding-right: 2rem;
    margin-top: 1.2rem;
    color: white;
    font-size: 2rem;
    color: #c4c4c4;
}

    #hideRight:hover {
        color: white;
    }

#mobile_menu_content {
    border-top: 1px solid #383838;
    clear: both;
}

/*######################################*/
/*BUTTONS ############################*/
/*######################################*/

.cta1 {
    display: inline-block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    font-style: normal;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2em;
    padding-right: 2rem;
    line-height: 1rem;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    border: solid 2px;
    -webkit-border-top-left-radius: 0.3rem;
    -moz-border-radius-topleft: 0.3rem;
    border-top-left-radius: 0.3rem;
    -webkit-border-top-right-radius: 0.3rem;
    -moz-border-radius-topright: 0.3rem;
    border-top-right-radius: 0.3rem;
    -webkit-border-bottom-right-radius: 0.3rem;
    -moz-border-radius-bottomright: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    -webkit-border-bottom-left-radius: 0.3rem;
    -moz-border-radius-bottomleft: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .cta1:visited, .cta1:active {
        text-decoration: none;
    }

    .cta1:focus {
        outline: none;
        text-decoration: none;
    }


/*#####################################################################################################################*/
/* Template styles */
/*#####################################################################################################################*/

/*#####################################################################################################################*/
/* Top menu */
/*#####################################################################################################################*/

#nav_bar {
    height: 4.875rem;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    z-index: 800;
    width: 100%;
    padding: 1.1rem;
    min-width: 375px;
}

.logo {
    float: left;
}

    .logo img {
        width: 4.5rem;
        margin-top: -0.25rem;
    }

.logoText {
    padding-left: 1rem;
    float: left;

}
.logoTextSharp {
    float: left;
    font-family: 'Permanent Marker', cursive;
    color: #5b94ce;
    font-size: 1.5rem;
    transform: rotate(-8deg);
    padding-top: 0.5rem;
    padding-right: 0.5rem;
}

.logoTextTurtle {
    float: left;
    font-family: 'Nanum Pen Script', sans-serif;
    color: #FFFFFF;
    font-size: 2.5rem;
    padding-top: 0.5rem;
}

#navigation {
    text-align: right;
}

#navigation .nav-item {
    margin-left: 1.2rem;
    color: #c4c4c4;
    font-size: 0.875rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}

    #navigation .nav-item:hover,
    .mobile_nav_icon_open:hover {
        color: white;
    }

.active{
    color: white !important
}

.mobile_nav_icon_open {
    color: #c4c4c4;
    font-size: 2rem;
    padding: 0;
}

    .mobile_nav_icon_open:hover {
        cursor: pointer;
    }

#mobileNavContainer{
    text-align:right;
}
/*#####################################################################################################################*/
/* Home */
/*#####################################################################################################################*/
#home {
    margin-top: 4.875rem;
    padding-top: 4.875rem;
    min-height: 42.25rem;
    padding-top: 14.625rem;
    color: white;
    text-align: center;
    height: 100vh;
}

    #home .container .row {
        justify-content: center;
    }

/* Scroll down arrow animation*/

@-webkit-keyframes arrowslide {
    0% {
        margin-top: 3.875rem;
        opacity: 0;
    }

    50% {
        margin-top: 4.875rem;
        opacity: 1;
    }

    100% {
        margin-top: 3.875rem;
        opacity: 0;
    }
}

@-moz-keyframes arrowslide {
    0% {
        margin-top: 3.875rem;
        opacity: 0;
    }

    50% {
        margin-top: 4.875rem;
        opacity: 1;
    }

    100% {
        margin-top: 3.875rem;
        opacity: 0;
    }
}

@-o-keyframes arrowslide {
    0% {
        margin-top: 3.875rem;
        opacity: 0;
    }

    50% {
        margin-top: 4.875rem;
        opacity: 1;
    }

    100% {
        margin-top: 3.875rem;
        opacity: 0;
    }
}

@keyframes arrowslide {
    0% {
        margin-top: 3.875rem;
        opacity: 0;
    }

    50% {
        margin-top: 4.875rem;
        opacity: 1;
    }

    100% {
        margin-top: 3.875rem;
        opacity: 0;
    }
}

#home_arrow {
    position: relative;
    margin: 0 auto;
    margin-top: 4.875rem;
    font-size: 2.2rem;
    width: 3.4rem;
    height: 3.4rem;
    -webkit-animation: arrowslide 1s cubic-bezier(0.5, 0.2, 0.3, 1.0) infinite;
    -moz-animation: arrowslide 1s cubic-bezier(0.5, 0.2, 0.3, 1.0) infinite;
    -o-animation: arrowslide 1s cubic-bezier(0.5, 0.2, 0.3, 1.0) infinite;
    animation: arrowslide 1s cubic-bezier(0.5, 0.2, 0.3, 1.0) infinite;
}

    #home_arrow:hover {
        cursor: pointer;
    }

.home_image {
    background: url(../images/bg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

/*#####################################################################################################################*/
/* About */
/*#####################################################################################################################*/

#about {
    padding-top: 7.2rem;
    padding-bottom: 4.125rem;
    color: black;
    background-color: white;
    text-align: center;
    border-bottom: solid 1px #999999;
    position: relative;
    z-index: 700;
}

#abountRow{
    padding:3rem;
}

.intro {
    margin-bottom: 5rem;
}

.about_icons {
    margin-bottom: 4rem;
}

.about_icon {
    font-size: 4rem;
}

.headshotVideo {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.rolloverVideo {
    opacity:0;
}
.rolloverVideo:hover{
    opacity:1;
}
.headshotImage {
    width: 100%;
}
.headshotViewport {
    align-self: center;
    overflow: hidden;
}
.headshotContainer {
    position:relative;
}
/*#####################################################################################################################*/
/* Services */
/*#####################################################################################################################*/

#services {
    padding-top: 7.4rem;
    padding-bottom: 0;
    color: black;
    background-color: white;
    text-align: center;
    position: relative;
    z-index: 700;
    border-bottom: solid 1px #999999;
}

#services_intro {
    margin-bottom: 4rem;
}

.services_details {
    text-align: left;
    margin-top: 3rem;
    padding-right: 1rem;
}

.services_icon {
    color: #999999;
    font-size: 2rem;
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 3rem;
}

.image_front {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30;
}

.image_back {
    position: relative;
    left: 0;
    top: 0;
    z-index: 29;
}

.service_images {
    position: relative;
    display: block;
}

.serviceHeadlineImage {
    width:100%;

}

.serviceImageContainer {
    align-self: center;
    padding: 3rem;
}

.services_column_left,
.services_column_right {
    margin-top: 2rem;
}


/*#####################################################################################################################*/
/* Contact */
/*#####################################################################################################################*/

#contact {
    padding-top: 7.4rem;
    padding-bottom: 6.7rem;
    color: black;
    background-color: white;
    text-align: left;
    border-bottom: solid 1px #e5e5e5;
    position: relative;
    z-index: 700;
}

input {
    float: left;
    padding-left: 1.2rem;
    padding-top: 0.1rem;
    width: 100%;
    height: 3.25rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #444;
    background: white;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem;
    border: solid 2px #999999;
    margin-bottom: 2rem;
}

textarea {
    float: left;
    padding-left: 1.2rem;
    padding-top: 1rem;
    width: 100%;
    height: 8rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #444;
    background: white;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem;
    border: solid 2px #999999;
    margin-bottom: 1.625rem;
}

    input:focus, textarea:focus {
        outline: none;
    }

button {
    background-color: white;
    margin-bottom: 2rem;
}

#contact_info1, #contact_info2 {
    margin-bottom: 2.3rem;
}

#message {
    display: none;
    background-color: #fff9da;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem;
}

#alert {
    padding-bottom: 2rem;
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.unordered li {
    margin: 0 !important;
}

.ajaxLandingFrame {
    border:0;
    min-width:100rem;
    display:none;
}

.infiniteRotate {
    /* -webkit-animation: rotate 1.5s linear infinite;
    animation: rotate 1.5s linear infinite;
       */
    animation: tada 1.5s linear infinite;
    float: left;
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}
/*#####################################################################################################################*/
/* Footer */
/*#####################################################################################################################*/
#footer {
    padding-top: 3.4rem;
    padding-bottom: 2.4rem;
    background-color: #1c1c1c;
    text-align: left;
    position: relative;
    z-index: 700;
}

    #footer p {
        color: #d9dce3;
        float: left;
    }

    #footer .social_icons {
        float: right;
        margin-top: 0;
        padding-top: 0;
    }

        #footer .social_icons li {
            margin-top: 0;
        }


.grecaptcha-badge
{
    display:none;
}