@charset "UTF-8";

@font-face {
    font-family:'Asap', sans-serif;
    src: url('/themes/fonts/Asap-Regular.ttf')  format('truetype'),
        url('/themes/fonts/Asap-Bold.ttf')  format('truetype'),
        url('/themes/fonts/Asap-Italic.ttf')  format('truetype'),
        url('/themes/fonts/Asap-BoldItalic.ttf')  format('truetype')
}

/* DEFAULTS */
body{margin:0;font-family: 'Asap', sans-serif !important; font-size:16px;background-color:#FFFFFF;}
img{border:0; border-style:none}
p, li, ul, td, label {font-size:16px;color:#000;}
th {font-size:12px;color:#ffffff;background-color:#008600; border-radius:5px; padding-top: 3px; padding-bottom: 3px;}
input,textarea,select{vertical-align:middle;font:16px Arial, Helvetica, sans-serif;color:#000}
h1{font-size:16px;color:#008600;padding-bottom:2px}
h2 {font-size:14px;color: #008600;margin-top: 0;text-transform:uppercase;}
a {color:#000000;font-weight:bold;text-decoration:none;-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;-o-transition:color 0.2s linear;transition:color 0.2s linear;}
a:focus , a:link, a:active {outline:none;}
a:hover {color:#000000;text-decoration:underline;}

/* SECURE PAGES */
#logo {display: table;padding-bottom: 0px; width:100%;}
#title {display: table;padding-bottom: 20px; width:100%;}
#title-left { padding:0px; margin-left:15px; float: left; background-color:#ffffff; }
#title-right { padding:0px; float: right; margin-top:5px; margin-right:15px; margin-bottom:10px}
.menu {font-size:20px;color:#008600;padding-bottom:5px; float:right;}

/* ALL PAGES */
.title {font-size:20px;color:#008600;padding-bottom:2px;}
.subtitle {font-size:16px;color:#000000;padding-bottom:2px;}
.small {font-size:12px;font-style: italic;color:#000000;padding-bottom:3px;}
.blocktitle {font-size:30px;color:#008600;border:2px solid #008600; padding:5px; margin-left:15px; border-radius:5px; float: left; background-color:#eee; width:95%}
#wrapper{padding-top:20px;}
#wrapper #main .title{display:block;}
#main {display: table;padding-bottom: 20px; width:100%;}
#main #left{margin-bottom:20px;}
#main #right{margin-bottom:20px;}
.inner-page #main {background-color:#fff; border-radius:5px;}
.inner-page{background-color:#000000; /*background-image:url(../images/bg_pattern.png); background-repeat:repeat; */padding-bottom: 20px;}
.inner-page .faqs {background-color: #fff;border-radius: 5px;padding: 15px;}
.inner-page .title {padding-top:15px;padding-left:15px;padding-bottom:0px; display:block;}
.inner-page .subtitle {padding-top:0px;padding-left:15px;padding-bottom:5px; display:block;}
#right { border:2px solid; color:#008600; padding:20px; border-radius:10px; float: right; width:25%; background-color:#C8E4CE; margin-right:15px; margin-bottom: 20px; }
#left { border:2px solid #000000; padding:15px; margin-left:15px; border-radius:10px; float: left; width:62%; background-color:#C8E4CE; }
#full { border:2px solid #008600; padding:15px; margin-left:15px; margin-bottom: 15px; border-radius:10px; float: left; width:93%; background-color:#C8E4CE; }
.cards {max-width: 100%; height:auto;}
.building {max-width: 100%; height:auto;}

/* HEADER.PHP */
#header {margin: 0px auto;max-width:1100px; height:105px;}
#header .nav {list-style:none;margin:0 0 3px -8px;padding:3px; float:right; }
#header .nav li{no-repeat: 0 75%;display:inline;padding:1px 3px 0 5px;}
#header .nav a {color:#008600; font-size:16px; font-weight:600; text-transform:uppercase; padding-left:5px; padding-right:5px;}
#header a:hover {color:#000000; text-decoration:none;}
#header .navbar-header {float: left;}
#header .navbar-header .navbar-brand {float: left; padding-top:10px; vertical-align:bottom}
#header .navbar-header .navbar-title {display:inline-block; padding-left:10px; font-size:20px;color:#008600; font-weight:600}
#header .navbar-right {float: right;}
#header .navbar-right .call {text-align: right;}
#header .navbar-header .navbar-toggle .dropdown-menu {background-color: #fff;border-radius: 3px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);display: none;float: none;left: auto;margin: 0;min-width: 200px;padding: 5px;position: absolute;right: 0;top: 80px;z-index: 1024;}
#header .navbar-header .navbar-toggle .dropdown-menu li {display: block;float: none;padding: 0;}
#header .navbar-header .navbar-toggle .dropdown-menu li a {color: #008600;display: block;padding: 6px 10px;}
#header .navbar-header .navbar-toggle .dropdown-menu li a:hover {color: #000000;}
#header .navbar-header .navbar-toggle .dropdown-menu::before {border-color: transparent transparent #000000;border-style: solid;border-width: 9px;content: "";display: block;height: 0;left: auto;position: absolute;right: 27px;top: -18px;width: 0;}
#header .navbar-header .navbar-toggle.open .dropdown-menu {display: block;}
.navbar-header .button-toggle {margin-right: 15px;margin-top: 20px;}
.navbar-header .navbar-toggle {float: right; display:none;}
.call span{font-size:16px;padding-bottom:10px;line-height:24px; text-transform:uppercase;}
.call { padding: 25px 20px 5px !important; }

/* FOOTER.PHP */
footer {clear: both; border-top:5px solid #C8E4CE;}
footer p {color: #fff;margin-bottom: 0;margin-top: 15px;}
footer p strong {text-transform: uppercase;}
footer .fsub {float:left;display: inline-block;padding-left: 15px;padding-right: 15px;}
footer .fsub.f-img {width: 100%; text-align:center;}
footer .copyright {text-align: center; font-size:12px; color:#ffffff; opacity:0.88; clear:both; padding-top:25px; display:block;}
#footer{background:#008600;}
#footer .fcontent{color:#fff;font-size:12px; max-width:1100px; margin: 0px auto; padding-top:20px; padding-bottom:20px;}
.fcontent{color:#333;font-size:12px; max-width:1100px; margin: 0px auto; padding:10px;}
#footer .fcontent a{color:#fff;}
#footer .nav{list-style:none;margin:0 0 3px -8px;padding:0}
#footer .nav li{no-repeat: 0 75%;display:inline;padding:1px 5px 0 8px;}

/* INDEX.PHP ONLY */
#wrapper-home #main{display:block; padding-bottom:0}
#wrapper, .featured-main .featured-block, .featured-bottom .box-back, .border{max-width:1100px;position:relative;margin:0 auto;}
.featured-main{background-color:#feffcd; /*background-image:url(../images/bg_pattern.png); background-repeat:repeat; */ margin-bottom: -40px; padding-top:25px;}
.featured-block {display:flex;max-width:949px !important;overflow:hidden;font-size:16px; padding: 20px; background-color: #fff; margin-bottom:10px;}
.featured-block .title {color: #008600;font-size: 23px;font-weight: bold;padding-bottom: 0;text-transform:uppercase;}
.featured-block h1 {color: #000000;margin-top: 0;text-transform:uppercase;}
.border{border:20px solid rgba(255, 255, 255, 0.66);}
.featured-block .left {flex:0 0 50%;float:left;}
.featured-block .right{flex:1;float:right;}
.featured-bottom{background-color:#000000; padding-bottom: 20px;padding-top: 80px;}
.three-boxes{overflow:hidden;height:auto;font-size:16px;line-height:18px;background:#1c4b81;color:#FFF;}
.featured-bottom .three-boxes{background:transparent;display:flex;}
.featured-bottom .white {color: #fff;font-size: 24px;font-weight: bold; text-transform:uppercase; line-height: 1.6;}
.three-boxes .box-content{display: inline-block;float: left;padding-left: 15px;padding-right: 15px;}
.three-boxes .compliance {flex:1;padding-top:10px;text-align: center;}
.three-boxes .monthly {flex:1;padding-top:10px;text-align: center;}
.three-boxes .moveout {flex:1;padding-top:10px;text-align: center;}

.carousel {width:450px;margin:0px auto;}
.slick-slide {margin:10px;}
.slick-slide img {width:100%;border: 2px solid #fff;}
.white-text {font-size:20px;color:#ffffff;padding-bottom:10px;line-height:24px;}
.btn-more {background-color: #008600;border: 1px solid #008600;border-radius: 10px;color: #fff;display: inline-block;font-weight: bold;margin-top: 5px;padding: 12px 10px;text-transform: uppercase;}
.btn-more:hover {background-color: #fff;border-color: #fff;text-decoration: none;}

/* OVERWRIDE JQUERY */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #000000;
    background: #008600; /* #508c7a */
    font-weight: normal;
    color: #ffffff;
}
.ui-icon-background, .ui-state-active .ui-icon-background {border: #008600; background-color: #ffffff;}
.ui-button {text-align: left;}

/* ORDER5.PHP ONLY */
label.terms {font-size:12px;color:#000;}

/* PRODUCTS.PHP ONLY */
.btn-now {background-color: #008600;border: 1px solid #008600;border-radius: 10px;color: #fff;display: inline-block;font-weight: bold;margin-top: 5px;padding: 12px 10px;text-transform: uppercase;}
.btn-now:hover {background-color: #008600;border-color: #fff;text-decoration: none;}

/* FAQ.PHP ONLY */
.ui-accordion-header.ui-state-active { background-color: #008600; }

/* SECURE PAGES ONLY */
table.stripe {border-collapse: collapse; width: 100%;}
th.stripe, td.stripe {text-align: left; padding: 2px; font-size: 12px; padding-left: 15px;}
tr.stripe:nth-child(even) {background-color: #f2f2f2;}
tr.stripe:nth-child(odd) {background-color: #ffffff;}
.value {color: #000000 !important;}

/* ORDER PAGES */
#wrapper #main ol.progtrckr{width:80%; padding-left:15px;}
ol.progtrckr {margin: 0; padding-bottom:15px; list-style-type: none;}
ol.progtrckr li {display: inline-block; text-align: center; line-height: 3em;}
ol.progtrckr[data-progtrckr-steps="5"] li {width: 16%; }
ol.progtrckr li.progtrckr-done {color: black; border-bottom: 4px solid #008600;}
ol.progtrckr li.progtrckr-todo {color: silver; border-bottom: 4px solid silver;}
ol.progtrckr li:after {content: "\00a0\00a0";}
ol.progtrckr li:before {position: relative; bottom: -2.5em; float: left; left: 50%; line-height: 1em;}
ol.progtrckr li.progtrckr-done:before {content: "\2713"; color: white; background-color: #008600; height: 1.2em; width: 1.2em; line-height: 1.2em; border: none; border-radius: 1.2em;}
ol.progtrckr li.progtrckr-todo:before {content: "\039F"; color: silver; background-color: white; font-size: 1.5em; bottom: -1.6em;}
input.error, select.error, textarea.error{border: 1px solid #ff0000;}
label.error {color: #008600; display: block; margin: 5px;}
label input[type="image"], label input[type="checkbox"], label input[type="radio"] {vertical-align: text-bottom;}
.msg_alert, .msg_error, .msg_success, .msg_info, .msg_help{ font-family:"nimbus-sans",sans-serif !important; display:block; padding:15px 10px 15px 50px; background-repeat:no-repeat; background-position:10px center; border:1px solid #aaa; border-radius:3px; margin:10px 0px; box-shadow:inset 0 -2px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.9); background-color:#fff; margin-left:15px; margin-right:15px;}
.msg_alert { background-image:url('../images/ic_warning.png')}
.msg_error {background-image:url('../images/ic_error.png')}
.msg_success {background-image:url('../images/ic_ok.png')}
.msg_info {background-image:url('../images/ic_info.png')}
.msg_help {background-image:url('../images/ic_help.png')}
.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-box-shadow:inset 0px 39px 0px -24px #000000;
    -webkit-box-shadow:inset 0px 39px 0px -24px #000000;
    box-shadow:inset 0px 39px 0px -24px #000000;
    background-color:#000000;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #ffffff;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    padding:6px 6px;
    text-decoration:none;
    text-shadow:0px 1px 0px #008600;
}
.btn:hover {
    background-color:#008600;
    -moz-box-shadow:inset 0px 39px 0px -24px #008600;
    -webkit-box-shadow:inset 0px 39px 0px -24px #008600;
    box-shadow:inset 0px 39px 0px -24px #008600;
}
.btn:active {position:relative; top:1px;}
.scut {
    -webkit-appearance: none;
    -moz-appearance: none;
    /*-moz-box-shadow:inset 0px 39px 0px -24px #000000;*/
    /*-webkit-box-shadow:inset 0px 39px 0px -24px #000000;*/
    /*box-shadow:inset 0px 39px 0px -24px #000000;*/
    /*background-color:#000000;*/
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #ffffff;
    display:inline-block;
    cursor:pointer;
    color:#008600;
    font-family:Arial;
    font-size:15px;
    padding:3px 3px;
    text-decoration:none;
    /*text-shadow:0px 1px 0px #508c7a;*/
}
.scut:hover {background-color:#008600;}
.scut:active {position:relative; top:1px;}
#form_npl label {display: block;padding-bottom: 10px;}
#form_npl td {vertical-align: top;}
.sub-section {border-bottom: 1px solid #008600 !important;color: #008600 !important;padding-top:15px;}

#form_payment label {display: block;padding-bottom: 10px;}

#form_payment td {vertical-align: top;}

@media(max-width:960px){
    .carousel {width:400px;margin:0px auto;}
    .carousel img {width: 100%; height:auto;}
}
@media(max-width:850px){
    
    /* ALL PAGES */
    #header{height:94px;}
    #header .navbar-right{display:none;}
    #header .navbar-header{width:100%;}
    #header .navbar-header .navbar-toggle .dropdown-menu li a {line-height:30px}
    .navbar-header .button-toggle, .navbar-header .navbar-toggle {display:block;}
    .navbar-header .button-toggle img {max-height: 38px;}
    footer .copyright, footer .fsub.f-img, footer .fsub.f-seals{width:100% !important; text-align:center;}
    footer .copyright, footer .fsub.f-img, footer .fsub.f-seals .AuthorizeNetSeal{width:100% !important; text-align:center;}
    footer .fsub{display:block;margin-top:15px; margin-bottom:15px; padding:10px 0 !important;}
    footer .fsub.get-in-touch {text-align: center;width: 100%;}
    #right, #left, #full {display: block;float: none;width: auto;}
    #right{margin-left:15px;}
    #main #left{margin-right:15px;}
    #main #full{margin-right:15px;}
    
    /* INDEX.PHP */
    .featured-block{display:block;height:auto;}
    .featured-block .left{padding:0; width:auto !important; float:none;}
    .featured-block .right{display:none; /*padding:0; width:100% !important;*/}
    .featured-bottom{padding-top:60px;}
    .featured-bottom .two-boxes{display:block;height:auto;}
    .box-back {text-align: center;}
    
    #fdw-pricing-table .plan{width:90% !important;margin:0 auto 20px;}
    #fdw-pricing-table .header { margin:0 -10px 20px;}
    #form_npl td, #form_payment td {display: block;margin-bottom: 10px;width: 100% !important;}
    #form_npl td input, #form_npl td select {width: 100% !important;}
    #form_npl td input[type="radio"] {width: auto !important;}
    #form_npl td input[type="submit"] {width: 95px !important;}
    #form_npl td input[type="button"], #form_payment td input[type="button"] {width: 95px !important;}
    #wrapper #main ol.progtrckr{width:100%;}
    ol.progtrckr[data-progtrckr-steps="5"] li {width: 18%; }
    ol.progtrckr li{font-size:11px;}
    ol.progtrckr li:before{ margin-left:-7px;}
    #coverageChart {width:90%}
}
@media(max-width:550px){
    .three-boxes .compliance, .three-boxes .monthly, .three-boxes .moveout {width:95% !important;padding-bottom: 15px;}
    .three-boxes {display: block !important; float: none !important; padding: 15px;}

}
@media(max-width:480px){
    .card-wrapper {display:none;}
}
@media(max-width:440px){
    .card-wrapper {display:none;}
}
@media(max-width:375px){
}