﻿.grecaptcha-badge { visibility: hidden; }
body
{
    min-height: 100vh;
    position: relative;
    color: rgba(0,0,0,.7);
}
.nav-logo
{
    width: auto;
    height: 80px;
}

.header-item
{
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.header-margin-adjust
{
    margin-left: -8%;   
}
.bg-default-color
{
    background-color: #fff !important;
}

.bg-alt-color
{
    background-color: #F0F0F0 !important;
}
.navbar-trans 
{
  background: transparent;
}
.nav-link
{
    letter-spacing: 1px;
    color: White;
    text-transform: uppercase;
}
.nav-link:hover
{
    color: #f5f5f5;
}

.bg-nav-color
{
    background-color: rgba(0,0,0,.2);
}

.home-content
{
    font-weight: bold;
}

#contactPhone
{
    font-weight: bold;
}

.nav-item > a
{
    font-weight: bold;
}
#home-section
{
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex: 1 0 auto;
}
.parallax
{
    position: relative;
    z-index: 1;
}
.parallax-image
{
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .3;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat;
}
@media (min-width: 992px)
{
    .parallax-image
    {
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: .3;
        width: 100%;
        height: 100%;
        background-attachment: fixed !important;
        background-size: cover !important;
        background-position: 50% 50% !important;
        background-repeat: no-repeat;
    }
}

.location-information
{
    font-style: italic;
    color: rgba(0,0,0,.7);    
}

.heading
{
    font-size: 3em;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-weight: 600;    
}

.description
{
    font-size: 2.75em;
    letter-spacing: 2px;
}

.heading-sm
{
    font-size: 2.5em;
}

.description-sm
{
    font-size: 1.25em !important;
}

.section-header
{
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 2em;   
}

.inline-image
{
    max-height: 300px;
}
.section-information
{
    font-size: 1.25em;
    color: rgba(0,0,0,.7);
}

.contact-phone
{
    font-size: 1.5em;
}
.contact-phone-alt
{
    font-size: 1em;
    font-weight: bold;
    color: rgba(0,0,0,.7);
}
.contact-phone-alt:hover
{
    color: rgba(0,0,0,.9);
    text-decoration: none;
}

.contact-phone-sm
{
    font-size: 1.25em;
}

#facebook-social > i
{
    color: #3B5998;
}

#google-social > i
{
    color: #1A73E8;
}

#yelp-social > i
{
    color: #D32323;
}

#twitter-social > i
{
    color: #55ACEE;
}

#instagram-social > i
{
    color: #D32E79;
}

#linkedin-social > i
{
    color: #007BB5;
}

a
{
    color: #337AB7;
}


.social-link
{
    text-shadow: 0px 0px .5px #000;
}

.social-link > i:hover
{
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}


.additive-heading
{
    font-size: 1.25em;
    letter-spacing: 1px;
}

.additive
{
    font-size: 1em;
    font-style: italic;
}

.services-heading
{
    font-size: 1.15em;
    font-weight: 600;
}

.services-list
{
    background-color: White;
}

.location-image
{
    max-height: 300px;
}

#footer-section
{
    font-size: .9em;
}

.align-icon
{
    justify-content: flex-end;
}

/*begin static menu*/
.circular-menu {
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 1000;
}

.circular-menu .floating-btn {
    display: block;
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    background-color: #838B8B;
    box-shadow: 0 2px 5px 0 hsla(0, 0%, 0%, .26);  
    color: hsl(0, 0%, 100%);
    text-align: center;
    line-height: 3.9;
    cursor: pointer;
    outline: 0;
}

.circular-menu.active .floating-btn {
    box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3);
}

.circular-menu .floating-btn:active {
    box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .4);
}

.circular-menu .floating-btn i {
    font-size: 1.3em;
    transition: transform .2s;  
}

.circular-menu.active .floating-btn i {
    transform: rotate(-45deg);
}

.circular-menu{
    background-color: #838B8B;
    border-radius: 50%; 
}
.circular-menu:after {
    display: block;
    content: ' ';
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
    background-color: inherit;
    transition: all .3s ease;
}

.circular-menu.active:after {
    transform: scale3d(5.5, 5.5, 1);
    transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
}

.circular-menu .items-wrapper {
    padding: 0;
    margin: 0;
}

.circular-menu .menu-item {
    position: absolute;
    top: .2em;
    right: .2em;
    z-index: -1;
    display: block;
    text-decoration: none;
    color: hsl(0, 0%, 100%);
    font-size: 1em;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    text-align: center;
    line-height: 3;
    background-color: hsla(0,0%,0%,.1);
    transition: transform .3s ease, background .2s ease;
}

.circular-menu .menu-item:hover {
    background-color: hsla(0,0%,0%,.3);
}

.circular-menu.active .menu-item {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/*translate3d(x,y,z)*/
.circular-menu.active .menu-item:nth-child(1) {
    transform: translate3d(1em,-7em,0);
}

.circular-menu.active .menu-item:nth-child(2) {
    transform: translate3d(-3em,-6.2em,0);
}

.circular-menu.active .menu-item:nth-child(3) {
    transform: translate3d(-6em,-3em,0);
}

.circular-menu.active .menu-item:nth-child(4) {
    transform: translate3d(-7em,1em,0);
}
/*end static menu*/

.animate
{
    animation-duration: .8s;
    animation-name: fadeAndScale;
    animation-timing-function: cubic-bezier(.44,0,.83,.67);    
}

.btn-secondary:hover
{
    background-color: #BDC0C2;
}

.services-information
{
    color: rgba(0,0,0,.7);
}

.slogan
{
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 5em;
    color: White;
    text-shadow: 2px 2px 5px rgba(0,0,0, .3);
}

.phone-nav-mobile
{
    text-decoration: none;
    color: rgba(0,0,0,.5);
}

.phone-nav-mobile:hover
{
    color: rgba(0,0,0,.8);
    text-decoration: none;    
}

#PhoneNav .fas
{
    background-color: grey;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 3px;
    top: 5px;
}

#PhoneNav .fas:before
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);    
}

.content-body-heading
{
    font-size: 1.25rem;
}

.image-slider > img
{
    width: auto;
    height: 500px;
}
.image-slider-thumbnail > img
{
    width: 100px;
    height: 100px;
}

.image-slider-thumbnail
{
    cursor: pointer;
}

.slider-single > button
{
    display: none;
}
.slick-prev, .slick-next
{
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    border-radius: .25rem;
}

.slick-prev::before, .slick-next::before
{
    font-size: 30px;
}

.slick-prev:before
{
    color: rgba(0,0,0,.7);
    content: "<";
    opacity: 1;   
    font-weight: bold;
}

.slick-next:before
{
    color: rgba(0,0,0,.7);
    content: ">";
    opacity: 1;
    font-weight: bold;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: rgba(0,0,0,.4);
}

.slider-nav > .slick-prev
{
    background-color: #f5f5f5;
    top: 50%;
    height: 100%;
    width: 1.88rem;
    left: -2.5rem;
    opacity: 1;
}

.slider-nav > .slick-next
{
    background-color: #f5f5f5;
    top: 50%;
    height: 100%;
    width: 1.88rem;
    right: -2.5rem;
    opacity: 1;
}

.slider-single > .slick-prev
{
    top: 50%;
    height: 10%;
    width: 1.88rem;
    left: 5rem;
    z-index:  10;
    background-color: #939393;
    opacity: .8;
    display: none !important;    
}

.slider-single > .slick-next
{
    top: 50%;
    height: 10%;
    width: 1.88rem;
    right: 5rem;
    z-index:  10;
    background-color: #939393;
    opacity: .8;
    display: none !important;
}

.slick-next:hover, .slick-prev:hover
{
    background-color: #e0e0e0;
}

.capture-liability
{
    font-size: .9rem;
    font-style: italic; 
}

.grecaptcha-info
{
    font-size: .75rem;
}

@keyframes fadeAndScale {
    from {
        opacity: 0;
        transform: scale(.8, .8);
    }
    to {
        opacity: 1;
        transform: scale(1, 1);
    }
}

/*Extra Small Devices*/
@media (max-width: 575.98px)
{
    .heading
    {
        font-size: 1.75em;
    }

    .description
    {
        font-size: 2em !important;
    }
    .text-inverse
    {
        text-align: center !important;   
    }
    .services-heading
    {
        font-size: 1.15em;
    }

    .services-information
    {
        font-size: .9em;
    }    
    .width-override
    {
        width: 100% !important;
        text-align: center !important;
    }
    .section-header
    {
        letter-spacing: 2px;
        text-transform: uppercase;
        font-size: 1.75em;
    }

    .section-information
    {
        font-size: 1em;
    }
    .home-content
    {
        margin-top: 3em;   
    }
    .align-icon
    {
        justify-content: flex-start;
    }
    .override-contact-form-width
    {
        width: 75% !important;
    }
    .captcha-responsive  
    {  
        transform:scale(0.7);  
        -webkit-transform:scale(0.7);  
        transform-origin:0 0;  
        -webkit-transform-origin:0 0;  
    }
    .contact-phone
    {
        font-size: 1.25em;
    }
    .contact-phone-alt
    {
        font-size: .85em;
    }     
    .text-align-override
    {
        text-align: center !important;
    }
    .image-slider > img
    {
        width: auto;
        height: 300px;
    }
    .align-override
    {
        align-items: center !important;
    }
    .slider-nav
    {
        display: none;
    }
    .slider-single > .slick-prev
    {
        left: .5rem;
        display:block !important;
    }

    .slider-single > .slick-next
    {
        right: .5rem;   
        display:block !important;
    }         
}

/*Small Devices*/
@media (min-width: 576px) and (max-width: 767.98px)
{
    .heading
    {
        font-size: 2em;
    }

    .description
    {
        font-size: 2.5em !important;
    }
    .text-inverse
    {
        text-align: center !important;   
    }    
    .services-heading
    {
        font-size: 1.15em;
    }

    .services-information
    {
        font-size: .9em;
    }
    .width-override
    {
        width: 100% !important;
        text-align: center !important;
    }
    .section-header
    {
        letter-spacing: 2px;
        text-transform: uppercase;
        font-size: 1.75em;
    }

    .section-information
    {
        font-size: 1em;
    }
    .home-content
    {
        margin-top: 3em;   
    }
    .align-icon
    {
        justify-content: flex-start;
    }
    .override-contact-form-width
    {
        width: 75% !important;
    }
    .contact-phone
    {
        font-size: 1.25em;
    }
    .contact-phone-alt
    {
        font-size: .85em;
    }     
    .text-align-override
    {
        text-align: center !important;
    }
    .image-slider > img
    {
        width: auto;
        height: 300px;
    }
    .slider-nav
    {
        display: none;
    } 
    .align-override
    {
        align-items: center !important;
    }
    .slider-single > .slick-prev
    {
        left: 1.5rem;
        display:block !important;
    }

    .slider-single > .slick-next
    {
        right: 1.5rem;
        display:block !important;
    }     
}

/*Tablet*/
@media (min-width: 768px) and (max-width: 991.98px)
{
    .text-inverse
    {
        text-align: center !important;   
    }
    .services-heading
    {
        font-size: 1.15em;
    }

    .services-information
    {
        font-size: .9em;
    }
    .width-override
    {
        width: 100% !important;
    }
    .override-contact-form-width
    {
        width: 75% !important;
    }
    .contact-phone
    {
        font-size: 1.25em;
    }
    .contact-phone-alt
    {
        font-size: .85em;
    }     
    .text-align-override
    {
        text-align: center !important;
    }
    .image-slider > img
    {
        width: auto;
        height: 450px;
    }
    .image-slider-thumbnail > img
    {
        width: 50px;
        height: 50px;
    }    
    .slider-nav
    {
        display: none;
    }
    .slider-single > .slick-prev
    {
        left: 5rem;
        display:block !important;
    }

    .slider-single > .slick-next
    {
        right: 5rem;
        display:block !important;
    }      
}

/*Desktop*/
@media (min-width: 992px) and (max-width: 1199.98px)
{
    .slider-single > .slick-prev
    {
        left: 3rem;
        display:block !important;
    }

    .slider-single > .slick-next
    {
        right: 3rem;
        display:block !important;
    } 
}

/*Custom*/
@media (min-width: 1360px)
{

}

@media (min-width: 992px) and (max-width: 1359px)
{
    .width-override
    {
        width: 100% !important;
    }  
}

@media screen and (min-width: 975px) and (max-width: 1279px)
{
    .image-slider-thumbnail > img
    {
        width: 55px;
        height: 55px;
    }         
}

@media screen and (min-width: 1280px) and (max-width: 1500px)
{
    .image-slider-thumbnail > img
    {
        width: 75px;
        height: 75px;
    }    
}