html {
    font-size: 16px;
}

@font-face {
    font-family: 'Aller';
    src:url('/imgs/frontend/Aller/Aller.ttf.woff') format('woff'),
        url('/imgs/frontend/Aller/Aller.ttf.svg#Aller') format('svg'),
        url('/imgs/frontend/Aller/Aller.ttf.eot'),
        url('/imgs/frontend/Aller/Aller.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #4e4e4e;
}

body {
    position: relative; /* needed by scrollspy */
}

h1, h2 {
    text-align: center;
    font-weight: bold;
}

h2 {
    font-size: 40px;
    margin: 0;
}

.bigcheck {
    height: 17px !important;
    width: 17px !important;
    margin-top: 3px;
    margin-right: 5px !important;
    padding-top: 0;
}
.biglabel {
    font-size: 18px;
}

a.nostyle:hover {
    color: inherit;
    text-decoration: inherit;
}

a, a:hover {
    color: #dd2c0d;
}

.required> label:after {
    content: '*';
    color: red;
}

.hidden { display: none; }

.handy {
    cursor: pointer;
}

.row {
    margin-left: auto !important;
    margin-right: auto !important;
}
@media (max-width: 991px) { 
    .row.wide>[class^='col-'] {
        padding: 0 !important;
    }
}

.form-field-error  p {
    margin: 0;
    padding: 0;
}

.box-shadow-dark {
    box-shadow: 0px 0px 18px black;
}
.box-shadow-light {
    box-shadow: 0 0 25px #AAA;
}

.table-cell {display:table-cell;}
.inline-block {display:inline-block;}
.vertical-align-middle {vertical-align: middle;}

.noborder { border: 0 !important; }
.nowrap { white-space: nowrap !important; }
.twhite { color: #044985 !important; }
.twhite a { color: #044985 !important; }
.twhite p { color: white !important; }
.tblack { color: #212529 !important; }
.tblack a { color: #212529 !important; }
.tgrey { color: #808080 !important; }
.tgrey a { color: #808080 !important; }
.tblue { color: #4e4e4e !important; }
.tblue a { color: #4e4e4e !important; }
.tblue-light { color: #3174af !important; }
.tblue-light a { color: #3174af !important; }
.tbold { font-weight: bold !important; }
.text-danger * { color: red !important; }

.percent-100 {width: 100%;}
.percent-80 {width: 80%;}
.percent-66 {width: 66%;}
.percent-49 {width: 49%;}
.percent-50 {width: 50%;}
.percent-33 {width: 33%;}
.percent-20 {width: 33%;}

.mynhd-red { color: #F6110C !important; } /*color to change*/
.mynhd-blue { color: #4e4e4e !important; } 
.mynhd-green { color: #169924 !important; } 

.bg1 {background-color: #cecece;}
.bg2 {background-color: #ffffff;}
.bg3 {background-color: #8fc6f9;}
.bg4 {background-color: #f5f6f5;}

.bg6_a { 
    /* background: url('/imgs/frontend/logo_ema_bg_hor.png') top left repeat; */
    /* background-size: 30px !important; */
    /* width: 100%; */
}
.bg6_b { 
    /* background: linear-gradient(#F6110C, #4e4e4e); */
    background: #666769;
}

.awes_blue_bg{
    background: #b31410; /*darker color to change*/
}

.bg9 { 
    /*background-size: cover;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
}
.bg-black {background-color: #000000;}

.bg-mynhd-red {background: #F6110C !important;}
.bg-mynhd-blue {background:  #b31410 !important;}
.bg-mynhd-green {background: #4caf50 !important;}
.bg-mynhd-grey { background-color: #f5f6f5; }
.bgt {background: transparent;}
.bg-smokey {background: rgba(0,95,42,0.25);}
.bg-smokey-dark {background: rgba(0,95,42,0.60);}

#mainNav .geologo { 
    width: 210px;
    height: 110px;
    background: url('/imgs/frontend/logo_sdh_111.png') transparent top left no-repeat; 
    background-size: cover;  
}
#mainNav .geologo2 { 
    width: 83px;
    height: 25px;
    background: url('/imgs/frontend/logo_sdh_222.png') transparent top left no-repeat; 
    background-size: cover;  
}
@media (max-width: 991px) { 
    #mainNav .geologo { 
        width: 83px;
        height: 25px;
        background: url('/imgs/frontend/logo_sdh_222.png') transparent top left no-repeat; 
        background-size: cover;  
    }
}

.rounded {
    overflow: hidden;
    radius: 6px !important;
}
.not-rounded {
    border-radius: 0 !important;
}
.rounded-btm {
    overflow: hidden;
    border-radius: 0;
    border: 0;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}
.rounded-btml {
    overflow: hidden;
    border-radius: 0;
    border: 0;
    border-bottom-left-radius: 6px !important;
}
.rounded-btmr {
    overflow: hidden;
    border-radius: 0;
    border: 0;
    border-bottom-right-radius: 6px !important;
}
.rounded-top {
    overflow: hidden;
    border-radius: 0;
    border: 0;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}
.rounded-topl {
    overflow: hidden;
    border-radius: 0;
    border: 0;
    border-top-left-radius: 6px !important;
}
.rounded-topr {
    overflow: hidden;
    border-radius: 0;
    border: 0;
    border-top-right-radius: 6px !important;
}

#subtitle {
    padding-right: 20px;
    align-self: baseline;
}
#subtitle p {
    font-family: Aller;
    line-height: 1.1em;
    text-align: left;
    font-size: 28px;
    margin: 0.3em 0 0 0;
}
@media (max-width: 991px) { 
    #subtitle {
        padding: 0;
        text-align: center;
    }
}
.tcb {
    height: 450px;
    display: table-cell;
    vertical-align: bottom;
    align: center;
}

.dialog-container {
    border-radius: 6px !important;
    padding: 0;
    z-index: 3;
    width: 100%;
}

.dialog-container .tab-content {
    min-height: 200px;
    display: block;
    overflow: visible;
}


.dialog-container .small {
    color: #808080;
}
.dialog-container .small a {
    color: #808080;
    text-decoration: underline;
}
.dialog-container .small a:hover {
    color: #4e4e4e;
}
.dialog-container .small a {
    color: #808080;
    text-decoration: underline;
}

@media (max-width: 575px) { 
    .tcb { height: 300px; }
}
@media (min-width: 576px) and (max-width: 767px) { 
    .tcb { height: 300px; }
}
@media (min-width: 768px) and (max-width: 991px) { 
    .tcb { height: 300px; }
}
@media (min-width: 992px) and (max-width: 1199px) { 
    .tcb { height: 450px; }
}
@media (min-width: 1200px) and (max-width: 1499px) { 
    .tcb { height: 450px; }
}
@media (min-width: 1500px) and (max-width: 1999px) {
    .tcb { height: 550px; }
}
@media (min-width: 2000px) {
    .tcb { height: 650px; }
}

.dialog-container #tab-containers {
    background: blue;
}
.dialog-container .nav-tabs > li > a {
    text-transform: uppercase;
    font-weight: bold;
    border: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.dialog-container .nav-item>.nav-link:not(.active) {
    color: #fff;
    background: #b31410;
}
.dialog-container .nav-item >.nav-link:not(.active) {
    border-bottom: 1px solid #808080 !important;
}
.dialog-container .nav-item a.active {
    color: #808080;
    background: #fff;
    border-bottom: 1px solid #fff !important;
}
.dialog-container .nav-item > li>a.active {
    border-bottom: 1px solid #4e4e4e !important;
}
.dialog-container {
    display: table;
}
.dialog-container .nav-justified > li {
    display: table-cell;
    width: 1%;
}
.dialog-container .nav-justified > li > a  {
    margin-bottom: 0 !important;
}

.dialog-container .form-group {
    border: none;
    margin: 30px 0 0 0;
    padding: 0;
    position: relative;
}
.dialog-container .form-control {
    position: relative;
}
.dialog-container label.animated {
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #808080;
}
.dialog-container label.animated.focused {
    transition-duration: 0.5s;
    transform: scale(0.8) translate(-15%, -140%);
}

.dialog-container .remember-me {
    margin: 10px 0 0 0;
}

.checkbox { 
    font-size: 12px;
    line-height: 12px;
    height: 14px;
    width: 14px;
    padding: 0;
    margin: auto;
}
.checkbox.active::after { 
    content: '\f00c';
    font-family: FontAwesome;
}

.searchbox  {
    width: 100%;
}

.dialog-container input, .dialog-container select {
    font-size: 18px;
    height: 30px !important;
    font-weight: bold;
    padding: 0;
    color: #808080;
    border: none !important;
    box-shadow: none !important; 
    border-bottom: 1px solid #808080 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.select-style {
    overflow: hidden;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6b3NiPSJodHRwOi8vd3d3Lm9wZW5zd2F0Y2hib29rLm9yZy91cmkvMjAwOS9vc2IiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzIiCiAgIHZpZXdCb3g9IjAgMCAyOTAuNzk4NjQgMTIzLjcwMDIiCiAgIGhlaWdodD0iMzQuOTEwOTQ2bW0iCiAgIHdpZHRoPSI4Mi4wNjk4MzltbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiPgogICAgPGxpbmVhckdyYWRpZW50CiAgICAgICBvc2I6cGFpbnQ9InNvbGlkIgogICAgICAgaWQ9ImxpbmVhckdyYWRpZW50NDE0MCI+CiAgICAgIDxzdG9wCiAgICAgICAgIGlkPSJzdG9wNDE0MiIKICAgICAgICAgb2Zmc2V0PSIwIgogICAgICAgICBzdHlsZT0ic3RvcC1jb2xvcjojMDAwMDAwO3N0b3Atb3BhY2l0eToxOyIgLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTciPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyNi40MjA5NiwtNDY3LjczMzI4KSIKICAgICBpZD0ibGF5ZXIxIj4KICAgIDxwYXRoCiAgICAgICBpZD0icGF0aDQyNDIiCiAgICAgICBkPSJtIDIzNS45MTQ0Myw0ODIuMzE1MjUgMTM1Ljc2NDUsODguMzg4MzUgMTM2LjExODA2LC04Ny42ODEyNCIKICAgICAgIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOiNmYjViNDA7c3Ryb2tlLXdpZHRoOjM0Ljc5OTk5OTI0O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIC8+CiAgPC9nPgo8L3N2Zz4K') no-repeat 100% 50%;
    background-size: 15px;
}
.select-style select {
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}
.select-style select:focus {
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.dialog-container input[type='text']:focus,
.dialog-container input[type='password']:focus {
    color: #4e4e4e;
    border-bottom: 2px solid #4e4e4e !important;
}
.form-group {
    margin:40px;
}
.result-list {
    margin: 20px;
}

/* remove blue outline from buttons */
.btn:focus, .btn:active, .btn:focus:active {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-submit {
    padding:15px;
}
.btn-submit-userinfo {
    padding:15px;
    outline: none;
}

.btn-mynhd-red {
    border: 0;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    outline: none;
    color: #fff;
    background: #F6110C;
    display: inline-block;
}
.btn-mynhd-red:hover { background: #b31410; }
.btn-mynhd-red:active { background: #b31410; }

.btn-mynhd-blue {
    border: 0;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    outline: none;
    color: #fff;
    background: #F6110C;
    display: inline-block;
}
.btn-mynhd-blue:hover { background: #b31410; }
.btn-mynhd-blue:active { background: #b31410; }

.btn-mynhd-green {
    text-transform: uppercase;
    font-weight: bold;
    outline: none;
    color: #fff;
    background: #4caf50;
}
.btn-mynhd-green:hover { background: #49a84d; }
.btn-mynhd-green:active { background: #49a84d; }


button {
    border: none !important;
    outline: none !important;
    transition: all 0.3s ease 0s;
}

.loading-bar {
    height: 5px;
    width: 100%; 
}

.loading-bar .blinker {
    display: none;
    height: 5px; 
    width: 100%;
    animation: 3s infinite alternate slideIn;
    background-color: #88532f; 
    animation: warn 0.5s infinite alternate;
    -webkit-animation: warn 0.5s infinite alternate;
}

.searchbox-row {
    padding: 0;
}
.searchbox-row:last-child {
    padding-bottom: 20px;
}
.searchbox-row-slim {
    padding: 15px 15px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes warn {
    from {opacity: 0.25;}
    to {opacity: 1;}
}

@keyframes warn {
    from {opacity: 0.25;}
    to {opacity: 1;}
}

#videobg-frame, #videobg, #videocont {
    height: 650px !important;
}

#videobg { 
    position: relative;
    overflow: hidden;
}
#videobg video { 
    position: absolute;
    width: 100%;
    overflow-y: hidden;
}

.formbox, header .container {
    padding: 0;
}

.formbox {
    margin: 281px 0 0 0;
}


@media (max-width: 991px) { 
    .formbox {
        margin: 81px 0 0 0 !important;
    }
}

@media (min-width: 577px) and (max-width: 991px) { 
    #videocont .container {
        padding: 0 !important;
    }
}


@media (max-width: 991px) { 
    #videobg-frame, #videobg, #videocont {
        height: 461px !important;
    }
    #videobg video { 
        left: 50%;
        transform: translate(-50%, 0);
        width: 991px !important;
        overflow: hidden !important;
    }
    .subbox {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1170px) { 
    #videobg video { 
        left: 50%;
        transform: translate(-50%, 0);
        width: 1170px !important;
        overflow: hidden !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) { 
    #videobg-frame, #videobg, #videocont { height: 550px !important; }
}
@media (min-width: 1200px) and (max-width: 1499px) { 
    #videobg-frame, #videobg, #videocont { height: 650px !important; }
}
@media (min-width: 1500px) and (max-width: 1999px) {
    #videobg-frame, #videobg, #videocont { height: 750px !important; }
}
@media (min-width: 2000px) {
    #videobg-frame, #videobg, #videocont { height: 850px !important; }
}


#videobg_hidden { 
    position: relative;
    visibility: hidden;
    width: 100%;
}
#videobg_hidden video, #videobg video { 
    width: 100%;
    background: url('/imgs/frontend/MYNHD_Website_Video_Short_v4.png') no-repeat top center;
    display: block;
}
#videobg .smokescreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    /*
    very slow in FF
    
    background: rgba(16,12,8,0.003);
    background-image: radial-gradient(rgba(16,12,8,0.2) 20%, transparent);
    background-size: 2px 2px;
    */
    background: url('/imgs/frontend/smokey_dot.png'); /* dynamic version kills CPU under FF on window resize */
}
#videocont {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    padding-bottom: 30px;
}

#banner-row {
    cursor: default;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.08em;
}
#banner-row .logo {
    height: 30px;
    margin: 20px;
    display: block;
}
@media (max-width: 576px) { 
    #banner-row { font-size: 12px;}
    #banner-row .banner-text { padding-top: 24px; }
    #banner-row .logo { margin-left: auto; margin-right: auto; }
}
@media (min-width: 576px) and (max-width: 844px) { 
    #banner-row { font-size: 12px;}
    #banner-row .banner-text { padding-top: 25px; }
    #banner-row .logo { margin-left: auto; margin-right: auto; }
}
@media (min-width: 845px) and (max-width: 992px) { 
    #banner-row { font-size: 14px;}
    #banner-row .banner-text { padding-top: 23px; white-space: nowrap; }
    #banner-row .logo { margin-left: auto; margin-right: 20px; }
}
@media (min-width: 992px) and (max-width: 1200px) { 
    #banner-row { font-size: 16px;}
    #banner-row .banner-text { padding-top: 23px; white-space: nowrap; }
    #banner-row .logo { margin-left: auto; margin-right: 20px; }
}
@media (min-width: 1200px) { 
    #banner-row { font-size: 20px;}
    #banner-row .banner-text { padding-top: 20px; white-space: nowrap; }
    #banner-row .logo { margin-left: auto; margin-right: 20px; }
}

#sect_home {
    z-index: 2;
}

.narrower {
    max-width: 800px;
    margin: 0 auto;
}

.container-fluid {
    padding: 0;
}
.section-header {
    width: 100%;
    display: none;
}

.resource-box {
    display: inline-block;
    vertical-align: top;
    max-width: 160px;
    margin: 20px 40px;
}
.resource-box a {
    text-decoration: none;
    cursor: pointer;
    border: none;
    outline: none;
}
.resource-box img {
    box-shadow: 0 0 25px #AAA;
    width: 160px;
    height: 218px;
}
.resource-box img:hover {
    box-shadow: 0 0 25px #555;
}
.resource-box .caption {
    color: #808080;
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
    font-size: 9px;
    text-transform: uppercase;
    width: 160px;
    height: 60px;
}
.resource-box .caption:hover {
    text-shadow: 0 0 1px #AAA;
}
@media (max-width: 992px) { 
    .resource-box { max-width: 200px; }
    .resource-box img { width: 200px; height: 273px; }
    .resource-box .caption { width: 200px; height: 80px; font-size: 12px; }
}

.text-box .item {
    text-align: left;
    margin: 15px 0;
    padding: 0;
    text-align: justify;
}
.text-box .item:last-child {
    margin-bottom: 0;
}
.text-box .question {
    font-weight: bold;
}
.text-box .question::before {
    content: 'Q: ';
}
.text-box .answer::before {
    content: 'A: ';
}

.services-box {
    display: inline-block;
    vertical-align:top;
    max-width: 340px;
    margin: 10px;
    overflow: hidden;
}
.services-box .service-heading {
    margin: 25px auto;
}
.services-box .text-just {
    text-align: justify;            
}
@media (max-width: 992px) { 
    .services-box { max-width: 100%; }
}

.pricing-box {
    padding-bottom: 50px; /* the height of the absolute positioned button */
    position: relative;
    vertical-align:top;
    min-width: 290px;
    max-width: 330px;
    min-height: 413px;
    margin: 20px auto;
    overflow: hidden;
    font-size: 15px;
}
@media (max-width:991px) {
    .pricing-normal-icon {
        margin-top: 0;
    }
    .pricing-box {
        min-height: 150px;
    }
    .pricing-box.noshadow {
        padding-bottom: 0;
    }
}
@media (min-width:992px) {
    .pricing-order-icon {
        padding-top: 70px;
    }
    .pricing-normal-icon {
        padding-top: 190px;
    }
}
.pricing-box.shadow {
    box-shadow: 0 0 25px #AAA;
    border-radius: 6px;
}
.pricing-box .title {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 75px;
    width: 100%;
    height: 80px;
    display: table;
    vertical-align: middle;
    text-align: center;
}
.pricing-box .title.best-value-title {
    padding: 0 35px 0 75px;
}
.pricing-normal-icon {
    min-width: 155px;
}
.pricing-normal-icon .title, .pricing-order-icon .title  {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2rem;
    text-transform: uppercase;
}
.pricing-box .title .cell {
    width: 100%;
    height: 100%;  
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.pricing-box .option {
    border-bottom: 1px solid #ccc;
    margin: 0 15px;
    padding: 13px 0;
    line-height: 1.2em;
}            
.pricing-box .option:last-of-type {
    border: none;
    margin-bottom: 0.5em;
}
.pricing-box .price {
    font-weight: bold;
    font-size: 40px;
    line-height: 1.2em;
    color: #F6110C;
}
.pricing-box button {
    width: 100%;
    border: none;
    color: #fff;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 0;
}
.pricing-box .best-value {
    transform: rotate(-45deg);
    background: rgba(244,234,23,0.8);
    height: 120px;
    width: 240px;
    position: absolute;
    top: -55px;
    left: -115px;
}
.pricing-box .best-value span {
    line-height: 1em;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin: 85px 80px -85px 80px;
    text-align: center;
}

footer{
}
footer span.copyright{
    font-size:90%;
    line-height:40px;
    text-transform:none;
}
footer ul.quicklinks{
    font-size:90%;
    line-height:40px;
    text-transform:none;
}
ul.social-buttons li a{
    font-size:20px;
    line-height:40px;
    display:block;
    width:40px;
    height:40px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    border-radius:100%;
    outline:0;
    background-color: #fff;
}
ul.social-buttons li a:active,
ul.social-buttons li a:focus,
ul.social-buttons li a:hover {
    background-color: #777172;
}

ul.social-buttons li a:active i,
ul.social-buttons li a:focus i,
ul.social-buttons li a:hover i {
    color: #fff !important;
}

#contact-form {
    padding: 20px 0;
}
#contact-name, #contact-phone, #contact-email, #contact-send {
    height: 66px;
}
#contact-message {
    height: 230px;
}
#contact-send {
    width: 228px;
    height: 50px;
    color: #FFFFFF;
    margin: 20px 0 0 0;
}
.hspacer-20 { height: 20px; }
.hspacer-80 { height: 80px; }
.hspacer-100 { height: 100px; }
.hspacer-200 { height: 200px; }
.hspacer-300 { height: 300px; }
.tb-margin-20 { margin: 20px auto; }
.tb-margin-50 { margin: 50px auto; }
.tb-margin-100 { margin: 100px auto; }
.tb-padding-20 { padding: 50px 0; }
.tb-padding-100 { padding: 100px 0; }
.t-padding-100 { padding-top: 100px; }
@media (max-width: 991px) {
    .hspacer-100 { height: 60px; }
    .tb-padding-20 { padding: 100px 0 50px 0; }
    .tb-padding-100 { padding: 70px 0 70px 0; }
}

section, .section-content, .clearer {
    clear: both;
}
#mainNav {
    background-color: white;
}
#mainNav .nav-item { margin: 0 10px; }
#mainNav .nav-item.dropdown { margin: 0; }
#mainNav .nav-item:first-child { margin-left: 0; }
#mainNav .nav-item:last-child { margin-right: 0; }
@media (max-width: 1006px)  { 
    #mainNav .nav-item { margin: 0; }
}
@media (min-width: 1007px) and (max-width: 1106px) { 
    #mainNav .nav-item { margin: 0; }
}
@media (min-width: 1107px) and (max-width: 1200px) { 
    #mainNav .nav-item { margin: 0; }
}

#mainNav .navbar-toggler {
    background-color: #F6110C;
    font-weight: 600;
    border: 0;
    color: #fff;
    font-size: 12px;
    padding: 13px;
    right: 0;
}

#mainNav .navbar-brand {
    color: #F6110C;
}
#mainNav .navbar-brand.active,#mainNav .navbar-brand:active,#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover {
    color: #fec503;
}
#mainNav .navbar-nav .nav-item {
    margin-top: 9px;
}
#mainNav .navbar-nav .nav-item .nav-link {
    white-space: nowrap;
    color: #044985;
    text-shadow: 0 0 1px #000000;
    font-size: 0.9em;
    font-weight: 500;
    letter-spacing: 1px;
    padding: .75em 0;
}
#mainNav .navbar-nav .nav-item .nav-link.active,#mainNav .navbar-nav .nav-item /*.nav-link:hover*/ {
    /*
    color: #F6110C;
    text-shadow: 0px 0px 8px #000;
    */
}
#mainNav .dropdown-toggle {
    width: 160px;
    border: 1px solid;
    border-radius: 3px;
}
#mainNav .nav-item.dropdown .is-opened {
    width: 160px;
    border-radius: 3px 3px 0 0;
    border-bottom: none;
}
#mainNav .nav-item.signin {
    border: 1px solid white;
    border-radius: 3px;
}
#mainNav .dropdown-toggle::after {
    display: none;
}
@media (max-width:991px) {
    #mainNav .nav-item.signin {
        padding-left: 10px;
    }
}
@media (min-width:992px) {
    #mainNav {
        /*background: linear-gradient(rgba(16,12,8,0.85) 15%, transparent);
        border: none;
        transition: padding-top .3s,padding-bottom .3s;*/
    }
    #mainNav .dropdown a {
        text-align: center;
        outline: none;
    }
    #mainNav .navbar-brand {
        font-size: 1.75em;
        transition: all .3s;
    }
    #mainNav .navbar-nav .nav-item .nav-link {
        padding: 10px 7px;
    }
    #mainNav .nav-link:first-of-type {
        padding-left: 0;
    }
    #mainNav .nav-link:last-of-type {
        padding-right: 0;
    }
    #mainNav .dropdown.nav-item .nav-link {
        padding: 3px !important;
        margin: 7px 0 0 0 !important;
    }
    #mainNav.navbar-shrink {
        background-color:  white;
        padding-bottom: 0;
        padding-top: 0;
    }
    #mainNav.navbar-shrink .navbar-brand {
        font-size: 1.25em;
    }
}
#mainNav .dropdown-menu .dropdown-item {
    font-size: 12px;
}
#mainNav .dropdown-menu {
    padding: 0;
    margin: -6px 0 0 0;
    border: none;
}
#mainNav .dropdown-menu>a { 
    padding: 3px;
    background: inherit;
    color: #FFFFFF;
    border-color: #FFFFFF;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.header {
    max-height: 250px;
    overflow-y: hidden;
}
.header img {
    width: 100%;
}
@media (max-width:992px) {
    section .header { display:none; }
}

#sample-list , #sample-list2 {
    width: 270px;
    transition: 1s;
    text-shadow: 0px 0px 8px #000;
    background: rgba(16,12,8,0.25); /*light*/
}
#sample-list:hover , #sample-list2:hover {
    background: rgba(16,12,8,0.60); /*darker*/
}

@media (max-width:991px) {
    .submenu .dropdownized {
        background-color: transparent !important;
        border-radius: none;
    }
    .submenu .dropdownized>li.closed {
        border-radius: none;
    }
    .submenu .dropdownized>li {
        list-style: inside;
        list-style-type: square;
        display: none;
        border: none !important;
    }
    .submenu .dropdownized>li:first-child {
        display: block;
    }
}
@media (min-width:992px) {
    .submenu {
        position: relative;
        width: 130px;
        height: 50px;
    }
    .submenu .dropdownized {
        box-shadow: 0px 0px 18px black;
        position: absolute;
        width: 130px;
        top: 0; left: 0;
        transition: 1s;
        text-shadow: 0px 0px 8px #000;
        background: rgba(16,12,8,0.25); /*light*/
    }
    .submenu .dropdownized:hover {
        background: rgba(16,12,8,0.60); /*darker*/
    }        
    .submenu .dropdownized li.list-group-item {
        cursor: pointer !important;
        font-size: 12px; 
        text-align: center;
    }
    .submenu .dropdownized li.head.list-group-item {
        font-size: 14px; 
        text-align: center;
        line-height: 28px;
    }
    .submenu .dropdownized li.head.list-group-item .maxsubwidth {
        white-space: nowrap; 
        font-weight: 600;
        overflow: hidden;
        display: block;
        width: 123px;
        text-overflow: ellipsis;
    }
}

.dropdownized {
    border-radius: 3px;
}
.dropdownized>li.closed {
    border-radius: 3px;
}
.dropdownized>li {
    user-select: none;
    cursor: default;
    list-style: none;
    border: 1px solid white;
    color: white;
    background: inherit;
    padding: 5px 2px;
    display: none;
}
.dropdownized>li:first-child {
    display: block;
}
.dropdownized>li a {
    color: white !important;
    text-decoration: none;
}

.section-label {
    border-bottom: 1px solid;
    font-weight: bold;
    text-transform: uppercase;
    font-size: large;
}

#orderform label {
    font-weight: bold;
}

label.bold-label {
    font-weight: bold;
}

label.small-label {
    font-size: 14px;
}

#orderform .description {
    font-size: 11px;
}

#orderform .subgroup {
    font-size: 14px;
    /*padding-left: 20px;*/
}

#additionalapn_list>* {margin:5px;}

.alert .item {
    white-space: nowrap;
}

.alert .item>label {
    font-weight: bold;
}

#result-content {
    display:none;
    line-height: 1.4rem;
}

#result-content .address, #result-content .citystatezip {
    font-size: 1.2rem;
    font-weight: bold;
}
#result-content .apn:before {
    content: 'APN: ';
}

#result-content .county:before {
    content: 'COUNTY: ';
}

#result-content .owner:before {
    content: 'OWNER: ';
}

@media (min-width:992px) {
    .dialog-container {
        max-width:555px;
    }
}

#sect_thankyou .bg-gradient {
    height:100vh;
    background: rgb(245,245,245);
    background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(178,178,178,1) 50%, rgba(245,246,248,1) 100%);
    background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(178,178,178,1) 50%,rgba(245,246,248,1) 100%);
    background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(178,178,178,1) 50%,rgba(245,246,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f6f8',GradientType=0 );
}

#sect_thankyou .bg-dots {
    height:100vh;
    background: url('/imgs/frontend/bg_dotts_grey.png') top left repeat;
    background-size: 30px !important;
    width: 100%;
}

#sect_thankyou .list-group .list-group-item {
    border-color: #000 !important;
}

.popover {
    border-radius: 20px;
}
.popover.bs-popover-top .arrow {
    bottom: -6px;
    height: 8px;
    width: 10px;
    overflow: hidden;
}
.popover.bs-popover-top .arrow .inner {
    position: absolute;
    top: -5px;
    height: 10px;
    width: 10px;
    background: #4e4e4e;
    transform: rotate(-45deg);
    border: 2px solid #fff;
    padding-top: -13px;
}
.popover.bs-popover-bottom .arrow {
    top: -6px;
    height: 8px;
    width: 10px;
    overflow: hidden;
}
.popover.bs-popover-bottom .arrow .inner {
    position: absolute;
    bottom: -5px;
    height: 10px;
    width: 10px;
    background: #4e4e4e;
    transform: rotate(-45deg);
    border: 2px solid #fff;
    padding-bottom: -13px;
}
.popover .arrow:before, 
.popover .arrow:after {
    content: ' ';
}
.popover .popover-header {
    background: #4e4e4e;
    border-radius: 20px;
}
.popover .popover-body {
    background: #4e4e4e;
    border: 2px solid #fff;
    border-radius: 20px;
    box-shadow: 0 0 8px #000;
}

.pagination {}
.pagination .page-item {  }
.pagination .page-link { color: #5d5d5d !important; }
.pagination .page-link:hover, 
.pagination a { text-decoration: none; }
.pagination .active a { color: #c0c0c0 !important; background: #858585 !important; border-color: #858585 !important; outline-style: none !important; }

.dotloop-logo-small {
    height: 25px;
}

.logo{
    max-width: 220px;
}

.logo_sm{
    max-width: 150px;
}

.slide_bg_0{
    background-image: url('/imgs/frontend/cresnhd/bg1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.slide_bg_1{
    background-image: url('/imgs/frontend/cresnhd/bg2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.slide_bg_2{
    background-image: url('/imgs/frontend/cresnhd/bg3.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.text-white-cres{
    color: #fff !important;
    font-size: 1.3em;
    font-weight: bold;
    text-shadow: 0px 0px 15px black, 0px 0px 15px black,0px 0px 15px black,0px 0px 15px black,0px 0px 15px black,0px 0px 15px black,0px 0px 15px black, 0 0 10px black;
    line-height: 1.3;
    text-align: justify;
    margin-bottom: 10px;
}

.cress-span{
    text-shadow: 0px 0px 15px black,0px 0px 15px black,0px 0px 20px black,0px 0px 20px black,0px 0px 20px black,0px 0px 2px #2c5168,0px 0px 2px #2c5168,0px 0px 2px #2c5168,0px 0px 2px #2c5168, 0 0 10px #00090e, 0 0 0px #041119;
    font-size: 1.2em;
    color: #F6110C !important;
}

.pricing-box-ahead{
    font-weight: 500;
    font-size: 1.3em;
    border: 1px solid grey;
    border-radius: 5px;
    margin: 0 30px;
}

.protection-text{
    color:white;
    font-size: 0.6em;
    margin-bottom: 0;
    position: relative;
    bottom:5px;
}

#sect_footer a,
#sect_footer span.copyright
{
    color: #fff !important
}