/* --------------------
    Toastr
-------------------- */
#toast-container{
    margin-top: 15px;
}
#toast-container>div{
    opacity: .95;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    filter: alpha(opacity=95);
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000
}

/* --------------------
    OVERWRITES
-------------------- */
/*
@media (min-width: 881px){
    .container {
        width: 880px !important;
        padding: 0px;
    }
}
*/
.well {
    background-color: white;
}
.reveal-modal-bg {
    z-index: 2000;
}
.reveal-modal {
    z-index: 2001;
}

a {
    color: #e50a2d;
}
a:hover,
a:focus {
    color: #c0031f;
}
a:active {
    color: #e50a2d;
}

/* --------------------
    GENERAL
-------------------- */

body {
    font-family: 'Lato', sans-serif;
    background:#fff;
    font-size: 1.6em;

    background-color: #660000;
    background-size: contain;
    background-attachment: fixed;
}

.clear {
    clear: both;
}

@media (max-width: 768px) {
    .mobilehide {
        display: none !important;
    }

    .mobilecenter {
        text-align: center;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato",sans-serif;
    font-weight: bold;
}

h1,
h3,
h5 {
    color: #660000;
}

h2,
h4,
h6 {
    color: #262626;
}


h1,
.h1 {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 20px;
}
h2,
.h2 {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 20px;
}
h3,
.h3 {
    font-size: 24px;
    line-height: 26px;
}
h4,
.h4 {
    font-size: 20px;
    line-height: 22px;
}
h5,
.h5 {
    font-size: 18px;
    line-height: 20px;
}
h6,
.h6 {
    font-size: 16px;
    line-height: 18px;
}

.allcaps {
    text-transform: uppercase;
}

.no-padding {
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.no-margin {
    margin: 0px 0px 0px 0px;
}
.margin-sm {
    margin-top: 15px;
    margin-bottom: 15px;
}
.padding-sm {
    padding-top: 15px;
    padding-bottom: 15px;
}
.margin-top {
    margin-top: 35px;
}

.padding-top {
    padding-top: 35px;
}

.margin-bottom {
    margin-bottom: 35px;
}

.padding-bottom {
    padding-bottom: 35px;
}

.margin-top-sm {
    margin-top: 15px;
}

.padding-top-sm {
    padding-top: 15px;
}

.margin-bottom-sm {
    margin-bottom: 15px;
}

.padding-bottom-sm {
    padding-bottom: 15px;
}


.center {
    text-align: center;
}

.font-weight-normal {
    font-weight: normal;
}

.hr {
	height: 1px;
	margin: 15px auto;
	background-color: red;
}
.hr-xs {
    height: 5px;
}

p {
    font-size: 13px;
    line-height: 20px;
}
li {
    font-size: 13px;
    line-height: 20px;
}

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

.well {
    padding: 10px;
}

.well>h1,.well>h2,.well>h3,.well>h4,.well>h5,.well>h6,.well>p {
    margin: 0px;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: normal;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-link {
    color: #660000;
}
.btn-danger {
    background-color: #660000;
}
.hide {
    display: none;
}

.top-border {
    padding-top: 20px;
    margin-top: 20px;
    border-top: dotted #660000 1px;
}
.bottom-border {
    display: block;
    padding-bottom: 0px;
    margin-bottom: 20px;
    border-bottom: dotted #660000 1px;
}
.container-tools {
    max-width: 950px;
}
/* --------------------
    Header & Nav
-------------------- */
#top-address {
    padding: 0px;
}
#top-address p {
    float: left;
    text-align: right;
    font-size: 12px;
    line-height: 18px;
    padding: 10px 0px 0px 0px;
}

.facebook {
    background-color: #3b5998;
    float: right;
    width: 50%;
    padding: 14px 0px 9px 0px;
    color: white;
    cursor: pointer;
}
.facebook:hover {
    color: white;
    text-decoration: none;
    background-color: #6884c8;
}
.navbar-toggle {
    position: relative;
    float: right;
    clear: right;
    padding: 9px 10px;
    margin-top: 4px;
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.phone {
    position: relative;
    padding: 9px 10px !important;
    float: right;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    background-image: none;
    border: none !important;
    height: 50px;
}
.phone:hover {
    padding: 9px 10px !important;
}

.navbar {
    transition: all 0.4s ease;
    margin-bottom: 0px;
}

.logo {
    float: left;
    transition: all 0.4s ease;
    max-height: 90px;
    margin: 10px 10px 0px 0px;
    position: relative;
}
.shrink .logo {
    max-height: 40px;
    margin: 5px 5px 5px 0px;
}
#tagline {
    clear:both;
    margin-botton: 20px !important;
}
@media all and (max-width: 880px) {
    #tagline {
        display: none;
    }
    #top-address p {
        display: none;
    }
}
.shrink .tel {
    bottom: 8px;
}

@media all and (min-width: 768px) {
    .tel.btn-danger,
    .tel.btn-danger:hover,
    .tel.btn-danger:focus,
    .tel.btn-danger.focus,
    .tel.btn-danger:active,
    .tel.btn-danger.active {
        cursor:text;
        color: #fff !important;
        background-color: #e50a2d !important;
        border-color: #c0031f !important;
    }
}

@media all and (max-width: 880px) {
    .logo {
        max-width: 100%;
    }
    .shrink .logo {
        max-width: 40px;
    }
    .navbar-header button {
        position: relative;
        top: 5px;
    }
}
@media all and (min-width: 768px) {
    .navbar-nav {
        position: absolute;
        bottom: 0px;
        right: 15px;
    }
}

nav {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: .8em;
}

@media all and (max-width: 1199px) {
    nav {
        font-size: .8em;
    }
}

@media all and (max-width: 991px) {
    nav {
        font-size: .7em;
    }
}

@media all  and (min-width: 768px) and (max-width: 850px) {
    .nav>li>a {
        padding: 10px 5px;
        font-size: 1em;
    }
}


@media all and (max-width: 767px) {
    nav {
        font-size: 1.8em;
    }
    .nav>li>a{
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        border-bottom: 1px solid #ddd !important;
    }
}

@media all and (min-width: 768px) {
    nav.shrink {
        font-size: 1.2em;
    }
}
nav .dropdown-menu {
    font-family: 'Lato', sans-serif;
}

.dropdown-menu {
    padding: 0px;
}

.dropdown-menu>li>a {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #ddd;
}


/* --------------------
    SLIDESHOW
-------------------- */
#slideshow {
    position: relative;
}
.cycle-slideshow .slide img {
    width: 100%;
}
.full-img {
    width: 100%;
}
.slideshowprev,
.slideshownext {
    color: #fff;
    cursor: pointer;
    font-size: 1.5em;
    position: absolute;
    top: 40%;
    zoom: 1;
    filter: alpha(opacity=25);
    opacity: 0.25;
}
.slideshowprev {
    position: absolute;
    left: -25px;
}
.slideshownext {
    position: absolute;
    right: -25px;
}

.slideshowprev:hover,
.slideshownext:hover {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.slideshowprev:active,
.slideshownext:active {
    filter: alpha(opacity=75);
    opacity: 0.75;
}

#scroll {
    height: 105px;
    overflow: hidden;
}

#scroll ul {
    list-style: none;
}

#scroll ul li {
    padding: 15px;
    height: 90px;
    overflow: hidden;
}

.fulliframe {
    width: 100%;
}

/*-----------------
    Content
-----------------*/
.quotebar {
    padding: 10px 10px;
}
.quoteborder {
    border: 5px;
    border-style: solid;
    border-color: #FFFFFF;
}
.quoteborder-red {
    border-color: #660000;
}

.headline {
    font-family:'Lato', san-serif;
    font-weight: bolder;
}

.tool-btn {
    margin: 0px auto;
}

.round-box {
  border-radius: 15px 50px;
 }

 .payroll-logo {
     width: 400px;
 }
.side-panel-quotes h3 {
    text-transform: uppercase;
    font-size: 1.2em;
}
.side-panel-quotes a:hover, .side-panel-quotes .greybkg:hover {
    text-decoration: none;
    background-color: #ffffff;
}
.personalized {
    font-size: 2em;
}
@media (max-width: 1200px) {
    .personalized {
        font-size: 1em;
    }
}
.carrier_tools h2 {
    font-size: 2em;
    line-height: 1em;
    margin: 0px;
}
/*-----------------
    Form
-----------------*/
form {
    padding: 0px 40px !important;
}
form h1,h2,h3,h4,h5 {
    color: black;
}
form h3 {
    font-style: italic;
    color: #660000;
    font-size: 1.5em;
    display: inline-block;
    margin-top: 10px;
    position: relative;
    left: -10px;
    text-transform: uppercase;
}
form h4 {
    display: inline-block;
    margin-top: 0px;
    margin-right: 10px;
}
.form-horizontal .radio-inline  {
    padding-top: 0px !important;
}
.radio {
    display: block;
}

}
.form-horizontal .form-group {
    margin-top: 10px !important;
}
@media all and (max-width: 768px) {
    form h4 {
        display: block;
        padding-top: 20px;
        margin-top: 20px;
        border-top: dotted #660000 1px;
    }
}

.form-2up {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.submit:hover {
    background-color: #7fb867;
}
/*-----------------
    Footer
-----------------*/
footer .bottomlogo {
    padding: 10px;
    width: 200px;
}

.bottom-nav a {
    padding: 5px 10px;
    font-size: .8em;
    color: #000000;
}

/*-----------------
    Modals
-----------------*/

.modal-dialog {
    margin: 200px auto 0px auto;
}
@media all and (max-width: 767px) {
    .modal-dialog {
        margin: 30px auto 0px auto;
    }
}
.modal li {
    list-style: none;
    float: left;
    padding: 10px 20px;
}
.modal li a:hover {
    background-color: rgba(242,206,48,0.9);
}
/*-----------------
    Colors
-----------------*/
.whitebkg {
    background-color: #fff;
}
.white {
    color: #fff !important;
}
.yellowbkg {
    background-color: #f2ce30;
}
.yellow {
    color: #f2ce30;
}
.yellowbkg a:hover {
    background-color: #660000 !important;
    color: white !important;
}
.redbkg {
    background-color: #660000;
}
.red {
    color: #660000;
}
.light-redbkg {
    background-color: #ffe4e4;
}
.greybkg {
    background-color: #f5f5f5;
}
.blackbkg {
    background-color: #000000;
}
.black {
    color: #000000;
}

.triangle-greenbkg {
    background-color: #58AB40;
}
.triangle-green {
    color: #58AB40;
}
.facebook-blue {
    background-color: #3b5998;
}
.facebook-blue a:hover {
    background-color: #6884c8 !important;
}

/*-----------------
font-family: 'Josefin Slab', serif;
font-family: 'Lato', sans-serif;
-----------------*/

.subheader{
  font-size:22px;
}


.staff-boxes {
    background-color: white;
    height: auto;
    padding: 15px;
    display: inline-block;
    width: 100%;
    margin-top: 2%;
    border-top: solid 1px #DEDEDE;
    border-bottom: solid 1px #DEDEDE;
    box-shadow: 0px 0px 5px #DEDEDE;
}

.staff-imgs {
    width: 160px;
    display: block;
    margin: 0 auto;
    border-radius: 10px;
}

.staff-names {
    font-size: 34px !important;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 36px !important;
}

.staff-boxes p {
    font-size: 16px;
    line-height: 24px;
}

.well{
      background-color: #f5f5f5;
}

.lg-h2{
  font-size:26px;
}