/* Add here all your CSS customizations */
/**
* Fade-zoom animation for first dialog
*/

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}



/**
* Fade-move animation for second dialog
*/

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    -o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
    transform: translateY(0) perspective( 600px ) rotateX( 0 );
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
    transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
    padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
    padding: 0;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-title {
    padding-left: 10px;
    font-size: 1.2em;
}

.mfp-bottom-bar {
    background-color: #171717;
    min-height: 36px;
    padding-top: 15px;
    top: 0px;
    position: relative;
}

.viewmap {
    margin-left: 1em;
}

/* Google Maps */
div.google-map-large {
    background: #E5E3DF;
    height: 800px;
    margin-top: -35px;
    margin-bottom: -50px;
    width: 100%;
}

.parallax + div.google-map-large {
    margin-top: -70px;
}

div.google-map-large img {
    max-width: 9999px;
}

.tooltip-inner {
    background-color: #969696;
    font-weight: 600;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #969696;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #969696;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #969696;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #969696;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #969696;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #969696;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #969696;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #969696;
}

/*To allow SELECT Styling in Safari*/
select {
    /*-webkit-appearance: none;*/
}

/* Feedback Nav Pills */
ul.nav-pills > li.feedback,
ul.nav-pills > li.feedback > a,
ul.nav-pills > li.feedback > a:focus {
    border-radius: 5px;
    background-color: #969696;
    margin-left: 0px;
    margin-right: 0px;
    color: #ffffff;
}

    ul.nav-pills > li.feedback > a:hover {
        background-color: #ff6a00;
    }

h4.panelheader {
    color: black;
}

#map_canvas_small {
    position: relative;
    width: 250px;
    left:50%;
    height: 250px;
    padding: 0;
    border: 5px solid #FFF;
    margin-top: -25px;
}

.map_canvas_large {
    position: relative;
    height: 550px;
    width: 100%;
    margin: 0;
    margin-top: -35px;
    overflow: visible;
}

.map-controls-desktop {
    position: absolute;
    float: right;
    right: 20px;
    top: 310px;
    z-index: 99;
}

.map-controls-mobile {
    position: absolute;
    float: right;
    right: 20px;
    top: 250px;
    z-index: 99;
}

.floating-search {
    margin-top: 33%;
}

.map-validation {
    position: absolute;
    float: left;
    width: 200px;
    text-align: center;
    top: 210px;
    left: 50%;
    margin-left: -100px;
    z-index: 99;
    color: red;
    font-size: 20px;
    font-weight: 700;
}

.nav-modal {
    text-align: center;
}

.modal-container {
    display: block;
    padding: 40px;
    border-radius: 6px;
    background-color: #FFFFFF;
}

#locationMarker {
    height: 3.5em;
    text-align: center;
    width: 100px;
}


.contentmenu {
    height: 18em;
    padding-top: 3em;
    background-color: gainsboro;
}

.serviceInfo {
    padding: 10px;
   
    width: 300px;
    overflow-x: hidden;
}

.defaultbodycolor {
    color: white;
}

.text-white {
    color: white;
}

.wrapword {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

.panel-title {
    padding: 7px;
}

.push-top {
    margin-top: 9px;
}

.validation-error-red {
    color: red;
}

.timeline-box{
    padding: 1.5em 2.5em !important;
}


@media print {
    .non-printable {
        display: none;
    }

    .printable {
        display: block;
    }
}

footer {
    padding: 0 !important;
    border-top: 0 !important;
}

.address-footer {
    padding: 20px 0 0;
    background-color: #dddedf;
}

.modal-wrapper{
    overflow-y:auto; 
    overflow-x:hidden; 
    max-height: 35em;
    padding:15px 0 15px 22px; 
    margin:0 -15px -20px;
}

.modal-footer {
    margin-left:-30px;margin-right:-30px;
}

/* Accessibility issues */
.h5-font-weight {
    font-weight: 600 !important;
}

.text-transform-none {
    text-transform: none;
}

.text-transform-uppercase {
    text-transform: uppercase;
}