@charset "utf-8";
/* CSS Document */

/* rgba(59,74,25,0.85) Dark Geen*/
/* #67923d   rgba(103, 146, 61, 1) Green */
/* #8DC555 Light Green */
/* #029eff Blue */
/* #21c3eb Blue */
/* #0044d4 Royal Blue */
/* #452500 Dark Brown */
/* #cc8a52 Tan */
/* #b4351d Rust */
/* #ce532c Orange */
/* #e77d4d Light Orange */



* {
    box-sizing: border-box;
}
/* ///////////////// Type Selectors ////////////////////*/

body {
    /*	max-width: 1450px;*/
/*	font-size: 1.2em;*/
/*	font-family: 'tk-jaf-bernina-sans', sans-serif;*/
    color: #444;
    background: #f7f5f3;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 50px;
}
p {
    font-size: 15px;
    line-height: 1.5;/*	margin-bottom: 3em;*/
}
h1, h2, h3, h4, h5, h6 {
    font-family: "europa", sans-serif;
    font-style: normal;
    font-weight: 300;
}
h1.green {
    font-size: 2.5em;
}
.h3 {
    font-size: 2em!important;
}
aside.well > p {
    margin-bottom: 1em;
}
li {
    font-size: 15px;
    line-height: 1.15;
}
p.small {
    margin-bottom: 1em;
    line-height: 1;
}
ul li.activities {
    text-decoration: none;
    list-style: none;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 20px;
    padding-bottom: 5px;
}
a.bold {
    font-weight:bold!important;
}
li.activities:before {
    content: "\f018";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
}
.table-text-white {
    color: #FFF;
    background-color: #94D449;
    margin: -10px -10px;
}

.background-green {
    background-color: #67923d;
}
.btn {
    transition: all 0.3s ease-in-out;
}
.item .fa {
    color: rgba(255,255,255,0.5);
}
.form-group {
    margin-bottom: 2rem;
}
form .form-group {
    margin: 10px 0;
}
.row form {
    margin-bottom: 2em;
}
div > h2.normal-weight {
    line-height: 35px;
    font-family: "europa", sans-serif;
    font-style: normal;
    font-weight: 300;
    text-decoration: none;
    list-style-type: none;
    margin-bottom: 2em;
}
#navbar {
  overflow-y:hidden;
}
.navbar {
/*    width: 90%;*/
    margin: 0 auto;/*	max-width: 1450px;*/
}
.navbar-brand img {
    margin-left: 20%;
}
.nav li a:active {
    background-color: white;
}
.navbar-inverse {
    background-color: #67923d!important;
    border-bottom: 3px solid #8dc555!important;
}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color:#67923d!important;
}
.navbar-inverse .navbar-toggle:hover, 
.navbar-inverse .navbar-toggle:focus {
    background-color: #67923d!important;
}
.navbar-inverse .navbar-toggle {
    border-color: #8dc555!important;
}
.navbar-nav> li > a {
    font-size: 1.15em;
    text-transform: uppercase;
}
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus{
    color: #fff;
    background-color: rgba(141, 197, 85, 0.25);
}
.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
}
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: rgba(141, 197, 85, .15);
}
a:hover, a:focus {
    color: #FFFFFF;
    text-decoration: none;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
     margin-top: 2px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #67923d;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu li a,
.dropdown-menu li a:hover{
    color:#FFFFFF;
    text-transform:uppercase;
}
.dropdown-menu li a:hover{
    background-color:#8dc555;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #FFFFFF;
}.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #FFFFFF;
    background-color:rgba(141, 197, 85, .15)
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(141, 197, 85, 0.5);
    border-color: none;
}
.table-hover > tbody > tr:hover {
    background-color: rgba(141, 197, 85, 0.25);
}
.faq {
    padding: 0 15px;
}
div.well {
    margin: 0;
}
div.horz-bar {
    margin-top: -15px;
    border-top: 15px #67923d solid;
    border-bottom: 20px #8dc555 solid;
}
.legal a {
    margin-bottom: 1em;
}
p.legal {
    color: #FFFFFF!important;
    margin-top: 15px;
}
.legal .toll-free {
    margin: 1em 0;
}
div > h3 {
    margin-top: 2em;
}
h3 > i {
    font-weight: 400;
    text-align: center;
    margin-top: 50px;
    display: flex;
    order: 1;
}
.well h3 {
    margin-top: 1em;
    line-height: 1.25em;
}
.well a {
    font-weight: 500;
    color: rgba(59,74,25,0.85);
}
.well a:hover {
    color: #556238;
    text-decoration: underline;
}
.panel-title > a, .panel-title > small, 
.panel-title > .small, .panel-title > small > a, 
.panel-title > .small > a {
    font-weight: 700;
    color: rgba(59,74,25,0.85);
}
.panel-title:hover a, 
.panel-title:focus a, 
.panel-title:visited a {
    color: rgba(59,74,25,0.85)!important;
}
.footer-container {
    background-color: rgba(59,74,25,0.85); /* #67923d */
    min-height: 100px;
    padding: 50px;
    text-align: center;
}
.lt-green {
    background-color: #8dc555;
}
.aside-container {
    margin: 45px auto;
    padding: 10px 0;
    background: #8dc555;
    border-radius: 5px;
    box-shadow: 0 1.5px 0 0 rgba(0,0,0,0.1);
}
.item-4 {
    padding: 15px;
    color: #fff;
    border-radius: 3px;
    background: #67923d;
    width: 40%;
}
.fa.fa-car, .fa.fa-truck, .fa.fa-motorcycle {
    margin: 0.45em 0 0.25em 0;
    color: #8DC555;
    border: 1px solid #8DC555;
    border-radius: 10px;
    padding: 5px;
}
.fa-facebook-square, 
.fa-twitter-square {
    margin: 10px;
    color: #FFFFFF;
}
.fa-facebook-square:hover {
    color:rgba(59,89,152,0.75) ;/*#A1A890*/
} 
.fa-twitter-square:hover {
    color:rgba(85,172,238, 0.75);
}

footer .fa-facebook-square:hover {
    color:#A1A890;
} 
footer .fa-twitter-square:hover {
    color:#A1A890;
}
.column2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.darkGreen {
    background-color: #67923d;
}
.lightGreen {
    background-color: #8dc555;
}
.green {
    color: rgba(59,74,25,0.75);
}
.margin-top25 {
    margin-top: 25px;
}
.green-gradient {
    background: #e4efc0; /* Old browsers */
    background: -webkit-linear-gradient(#e4efc0 0%, #abbd73 100%);
    background: -o-linear-gradient(#e4efc0 0%, #abbd73 100%);
    background: linear-gradient(#e4efc0 0%, #abbd73 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73', GradientType=0 );
}
.sm-shadow {
    -webkit-box-shadow: 0px 8px 17px 0px #b4b4b4;
    -moz-box-shadow: 0px 8px 17px 0px #b4b4b4;
    box-shadow: 0px 8px 17px 0px #b4b4b4;
}
.md-shadow {
    -webkit-box-shadow: 3px 3px 5px 6px #CCC;
    -moz-box-shadow: 3px 3px 5px 6px #CCC;
    box-shadow: 3px 3px 5px 6px #CCC;
}

.lg-shadow {
    -webkit-box-shadow: 5px 5px 5px 6px #CCC;
    -moz-box-shadow: 5px 5px 5px 6px #CCC;
    box-shadow: 5px 5px 5px 6px #CCC;
}
.bg-box {
	text-align: left;
	color: #FFFFFF;
	background-color:rgba(49,49,49,.70);
    padding:20px;
    border-radius:15px;
}
.bg-box-white {
	text-align: left;
	color: #1B3B62;
	background-color:rgba(255,255,255,.60);
    padding:20px;
    border-radius:15px;
}
.bg-box-white h3 {
	color:#1B3B62;
	font-weight: 500;
}
h3.sm-margin {
    margin: 0.5em 0;
}
hr {
    color: rgba(59, 74, 25, 0.4);
    background-color: rgba(59, 74, 25, 0.4);
    margin-bottom: 10px;
    border: 0;
    height: 2px;
}

.greenbar-light {
    margin-top:-15px;
    border-top:15px #67923d solid; 
    border-bottom:20px #8dc555 solid;
}
.greenbar-dark {
     margin-top:-15px; 
    border-top:30px #8dc555 solid; 
    border-bottom:38px #67923d solid;
}
.carousel-caption {
    font-weight:700;
    font-size: 2rem;
    
}

.carousel ol {
    margin-bottom:0;
    padding-bottom:0;
}

.carousel-indicators {
    bottom: 5px;
    background-color:rgba(59, 74, 25, 0.4);
}
/* ////////////////// Return to Top  /////////////////// */

.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}
.planview {
    max-width: 100%;
    margin: auto;
    display: flex;
    align-self: center;
    margin-top: 25px;
}
.logo-medium {
    max-width: 50%;
    margin: 25px 0 0 25px;
}
.form-wrapper {
    padding: 0 25px;
    background-color: #DFF0D8;
    margin: 0 auto;
    clear: both;
    margin-bottom: 20px;
    text-align: center;
}
.form-group {
    margin: 0 auto;
    text-align: center!important;
}
.opaque-box {
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    opacity: 0;
}
.img-rounded {
    border: 4px solid #FFF;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: rgba(255,255,255,0);
    border: 0px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.padding-0 {
    padding-right: 0;
    padding-left: 0;
}
div.faq-img img {
    position: relative;
}
div .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
    transition: all 0.3s ease-in-out;
}
div .img-overlay:hover {
    opacity: 1;
    z-index: 1;
    background-image: url(../img/scdot_wht.png);
    background-position: center;
    background-repeat: no-repeat;
}
/*  FAQ Img 2 */

div .img-overlay2 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
    transition: all 0.3s ease-in-out;
}
div .img-overlay2:hover {
    opacity: 1;
    z-index: 1;
    background-image: url(../img/blythe_logo.png);
    background-position: center;
    background-repeat: no-repeat;
}
/*  FAQ Img 3 */

div .img-overlay3 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
    transition: all 0.3s ease-in-out;
}
div .img-overlay3:hover {
    opacity: 1;
    z-index: 1;
    background-image: url(../img/zachry_logo.png);
    background-position: center;
    background-repeat: no-repeat;
}
/*  FAQ Img 4 */

div .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
    transition: all 0.3s ease-in-out;
}
div .img-overlay:hover {
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 1;
    background-image: url(../img/scdot_wht.png);
    background-position: center;
    background-repeat: no-repeat;
}
.panel {
    margin-bottom: 20px;
    background-color: rgba(103, 146, 61, 0.25);
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.zoom-icon {
    color: rgba(255,255,255,0.75);
    position: absolute;
    top: 40%;
    left: 45%;
    opacity: 1;
}
/*////////////////////// DETOUR BAR DROPDOWN ///////////////////////*/

.detour-bar {
    background-color: #fbb678; /*#89b65a*/
    background-image: url('../img/detour-bg.png');
    background-repeat: repeat-x;
    text-align: center;
    padding: 6px 5px 5px 5px;
}
.detour-bar-contact {
    background-color: #fbb678; /*#89b65a*/
    background-image: url('/../img/detour-bg.png');
    background-repeat: repeat-x;
    text-align: center;
    padding: 6px 5px 5px 5px;
}
a.detour-btn {
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    font-weight: 600;
    color: #bb4c28;
    letter-spacing: 3px;
}
a.detour-btn:hover {
    color: rgba(0, 0, 0, 0.40);
}
.detour-list-bar {
    padding: 5px;
    display: none;
    background-color: rgba(251, 182, 120, 0.25);
}
.detour-list-bar:hover {
}
.detour-list {
    text-align: center;
    padding: 0;
    margin: 0;
}
.detour-item {
    list-style-type: none;
    display: inline;
    font-size: 1.15rem;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}
.detour-item a {
    color: #666666;
}
.detour-item a:hover {
    color: #bb4c28;
}

.border-radius-sm {
    border-radius:10px;
}

.border-radius-md {
    border-radius:18px;
}

.border-radius-lg {
    border-radius:25px;
}

.sm-shadow {
    -webkit-box-shadow: 0px 8px 17px 0px #b4b4b4;
    -moz-box-shadow: 0px 8px 17px 0px #b4b4b4;
    box-shadow: 0px 8px 17px 0px #b4b4b4;
}

.sm-shadow-bottom { 
    box-shadow: 4px 4px 4px 1px #b4b4b4;
}

.md-shadow {
    -webkit-box-shadow: 3px 3px 5px 6px #CCC;
    -moz-box-shadow: 3px 3px 5px 6px #CCC;
    box-shadow: 3px 3px 5px 6px #CCC;
}

.lg-shadow {
    -webkit-box-shadow: 5px 5px 5px 6px #CCC;
    -moz-box-shadow: 5px 5px 5px 6px #CCC;
    box-shadow: 5px 5px 5px 6px #CCC;
}
.red {
    color:rgba(156,9,11,1.00);
}

.white {
    color:#FFFFFF;
}

.light-green-bkgnd {
    background-color:rgba(167,229,145,1.00);
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #FFFFFF;
}

.mile-marker {
    font-weight:700;
    text-transform: uppercase;
    border:1px solid #FFFFFF;
    padding:5px;
    border-radius:8px;
}

.px-25 {
	padding-left:25px;
	padding-right:25px;
}
.visible-hidden {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.visible-hidden:focus {
    clip: auto;
    height: auto;
    overflow: auto;
    position: absolute;
    width: auto;
}
/*
.modal-dialog ~ .scrollable-pre {
    overflow-y:initial!important;   
}

.modal-body ~ .scrollable {
    overflow-y:auto;   
}
*/
@media (min-width: 1200px) {
    .container-fluid{
        max-width:1640px;
    }
    
}
@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
@media (max-width: 767px){
    
img.mobile-logo{
    margin-bottom: 0;
    max-width: 75%;
    margin:0 auto;
}  
    
h1.h3 {
    font-size: 1.8rem;
    margin:10px 0;
}
    
.bg-box {
	text-align: left;
	color: #FFFFFF;
	background-color:rgba(49,49,49,.60);
    padding:5px;
    border-radius:8px;
}
    
.detour-item {
    display: inline-block;
}
    
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}
    
.navbar .navbar-collapse {
    text-align: center;
}

div > h2.normal-weight {
    font-size: 23px;
    line-height: 25px;
    margin-bottom: 1em;
    margin-top: -35px;
    text-align: center;
}
 
.greenbar-light {
    margin-top:-7px;
    border-top:7px #67923d solid; 
    border-bottom:20px #8dc555 solid;
}
.greenbar-dark {
     margin-top:-15px; 
    border-top:7px #8dc555 solid; 
    border-bottom:20px #67923d solid;
}
    .table-responsive {
        font-size:1.1rem;
    } 
.flex-container {
	background-image: url("../img/bg-image-4-mobile.jpg");
}
    
    .flex-container {
    text-align: center!important;
    margin: 0 auto!important;
}
    
.pull-right {
    float: none !important;
}
.ih-item.square {
    position: relative;
    border: 8px solid #FFF;
    width: 285px;
    height: 185px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
}

@media (max-width:414px) {
.navbar {
    width: 100%;
}
.column2 {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
.item-4 {
    width: 85%;
}
.flex-item img {
    width: 75%;
    margin: 0 auto;
    margin-bottom: -35px;
}
div.flex-item {
    height: 150px;
    margin-top: 1em;
}
img.img-responsive.logo-medium {
    max-width: 100%;
    margin-bottom: 0;
}
img.img-responsive.logo-medium img {
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
div.flex-container-news .opaque-box {
    background: rgba(255, 255, 255, 0.4);
    opacity: 1;
}
h2 {
    font-size: 1.7em;
    margin-top: 0;
}
p {
    margin-bottom: 1em;
}
div.img .img-responsive img {
    width: 95%;
    border-radius: 1em;
}
div.background-green {
    margin-bottom: 20px;
    padding: 20px;
}
.flex-container {
    height: 450px;
    padding: 0 20 20px;
}
.flex-container .flex-item h2 {
    margin-top: 25px;
    font-size: 1.1em;
    line-height: 1.2em;
}
div > h3 {
    margin-top: 1em;
}
}