/* main styles for themes */

html,
body {
    width: 100%;
    height: 100%!important;
}
/*
body {
    font-size: 18px;
    line-height: 1.9;
    font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #122b40;
}
*/
body {
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    color: #444444;
    line-height: 27px;

    background-image: url(../../assets/images/1_grey_bg.png);
}

a {
    color: #2E455C;
    text-decoration: underline;
}



a, .btn, button {
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
}

a:hover, a:focus {
    color:#999;
}

img {
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
}

img:hover, img:focus {
    opacity:0.8;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    line-height: 1.3;
    font-weight: 700;
}

h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 30px;
}

h1, .heading {
    font-size: 45px;
    line-height: 52px;
    margin-bottom: 35px;
    letter-spacing: -2px;
}

h1 a, h1 a:hover,  h1 a:focus,
.heading a, .heading a:hover, .heading a:focus {
    text-decoration: none;
}

h2 {
    font-size: 35px;
    margin-bottom: 20px;
}

h3 {
    line-height: 1.5;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 250px;
    height: 100%;
    margin-right: -250px;
    overflow-y: auto;
   /* background: #222;*/
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

    background-color: #669ACC;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li a {
    padding-left: 25px;
    line-height: 30px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: white;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    text-indent: 2px;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    font-size: 22px;
    font-weight: 700;
    padding-top: 25px;
}

.sidebar-nav > .sidebar-brand a {
    color: white;
    padding-left: 22px;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#menu-toggle {
    z-index: 1;
    position: fixed;
    top: 10px;
    right: 10px;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    display: block;
}

.toggle {
    margin: 15px 15px 0 0;
}

.label-small {
    background-color: #cc0000;
    font-size: 11px;
    text-transform: uppercase;
    padding:5px 15px;
    margin:20px 0;
    vertical-align: bottom;
    letter-spacing: 1px;
    text-shadow: none;
    line-height: 15px;
    display: inline-block;
}

.head {
    padding: 60px 0;
}

.text-vertical h1, .text-vertical .heading {
    display: inline-block;
}

.text-vertical a {
    color: #fff;
}

.text-vertical p {
    margin-bottom: 30px;
}

.btn,
input,
textarea {
    border-radius: 2px!important;
}


.btn-dark {
    border-radius: 50%!important;
    color: #fff;
    background-color: rgba(120,120,120,0.6);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.9);
    opacity: .8;
}

.btn-light {
    color: #999;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #ccc;
}

a.border-button, a.border-button-black, .border-button, .border-button-black {
    font-size:16px;
    padding:10px 50px;
    margin-top:10px;
    font-weight:400;
    display: inline-block;
    text-decoration: none;
    border-radius: 2px;
    text-shadow: none;
}

a.border-button, .border-button {
    border:2px solid #E4E4E4;
    color:#E4E4E4;
}

a.border-button-black, .border-button-black {
    border:1px solid #444;
    background: transparent;
}

.border-button:hover, .border-button-black:hover,
.border-button:focus, .border-button-black:focus {
    opacity: 0.7;
}

.border-button:hover, .border-button:focus {
    color: #fff;
}


.text-vertical {
    display: table-cell;
    vertical-align: middle;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
}

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    /*  background: url(../img/header.jpg) no-repeat center center fixed;*/
    background: url(../assets/img/1_header_keys.jpg) no-repeat center center fixed;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#testimonials,
.call-to-action {
    background: #1B1F23;
    color: #fff;
}

#contactForm {
    background: rgba(0,0,0,0.3);
    padding: 10px 35px 35px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-shadow: none;
}

.help-block li {
    font-size: 12px;
    list-style: none;
    color:#fff;
}

#contact .help-block li {
    color:#000;
}

.help-block ul {
    padding: 0;
    margin: 0;
}

#top .form-control {
    margin-bottom:0;
}

#top .form-group {
    margin-bottom: 10px;
}

#contact .form-group {
    margin-bottom: 0;
}

.form-control {
    margin-bottom: 15px;
}

.form-signin p {
    margin-bottom: 20px;
}

.checkbox {
    margin-bottom: 10px;
}

label {
    margin: 10px 10px 20px 0;
}

.btn,
.btn:focus,
.btn:active,
.active {
    outline: 0;
}

.scroll-btn {
    padding: 5px 0 50px;
    width: 100%;
    display: block;
    text-align: center;
}

.scroll-btn .mouse {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 75px;
    margin: 0 auto 5px;
    border: 2px solid #fff;
    border-radius: 24px;
    opacity: .6;
}

.scroll-btn .mouse span {
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    width: 8px;
    height: 12px;
    margin: -10px 0 0 -4px;
    background: #fff;
    border-radius: 20px;
    -webkit-animation: scroll 2s linear infinite;
    -moz-animation: scroll 2s linear infinite;
    animation: scroll 2s linear infinite;
}

@-webkit-keyframes scroll { 1% {opacity: 1; top: 30%;} 20% {opacity: 1; top: 50%;} 60% {opacity: 0; top: 50%;} 100% {opacity: 0; top: 30%;} }
@-moz-keyframes scroll { 1% {opacity: 1; top: 30%;} 20% {opacity: 1; top: 50%;} 60% {opacity: 0; top: 50%;} 100% {opacity: 0; top: 30%;} }
@keyframes scroll { 1% {opacity: 1; top: 30%;} 20% {opacity: 1; top: 50%;} 60% {opacity: 0; top: 50%;} 100% {opacity: 0; top: 30%;} }










.callout .text-vertical,
.overlay {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
}






.aslm-ss-footer {
    display: table;
    width: 100%;
    color: #fff;
    /*background: url(../assets/img/contact.jpg) no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.header a, .call-to-action a, .callout a, #contact2 a {
    color: #fff;
}

.header a:hover, .call-to-action a:hover, .callout a:hover, #contact2 a:hover {
    opacity: .8;
}

.list-inline {
    padding: 30px 0;
}

.no-pad {
    padding: 0;
}

.no-pad-right {
    padding-right: 0;
}

#map {
    width: 100%;
    height: 300px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

@media (max-width: 768px) {
    body {
        line-height: 1.7;
    }
    h1, .heading {
        font-size: 35px;
    }
    a.border-button {
        font-size: 16px;
        padding: 10px 30px;
        margin-top: 20px;
    }
    .about-grid,
    .services,
    .case-study,
    #contact {
        text-align: center;
    }

}

@media (max-width: 992px) {
    #contactForm {
        max-width: 450px;
        margin: 0 auto;
    }

    .text-vertical,
    footer {
        text-align: center;
    }
    .scroll-btn {
        padding-top: 30px;
    }

}

@media (max-width: 1200px) {
    .no-pad-right {
        padding-right: 15px;
    }
    #testimonials {
        height: 620px;
    }

    .call-to-action .carousel-caption,
    .call-to-action .carousel-indicators {
        text-align: center;
        width: 100%;
    }

    .services,
    .about,
    .case-study,
    footer,
    .overlay,
    .head,
    .callout .text-vertical,
    #testimonials,
    .call-to-action,
    #contact {
        padding: 60px 0;
    }

    #contactForm {
        padding: 15px;
    }
}

@media (max-width: 1440px) {
    h2 {
        font-size: 25px;
    }
    h3 {
        font-size: 20px;
    }
}

@media (max-width: 1400px) {
    .text-vertical {
        padding-top: 50px;
    }
}
@media(max-width:1200px) {
    .header, .callout, #contact2 {
        background-attachment: scroll;
    }
}

/* ----- end crossover ----- */

/* ----- begin edits ----- */
.jGrowl-close {
    margin-top: -4px;
}


/* begin scrollUp css           */
/* Tab style */
#scrollUp {
    bottom: -10px;
    width: 70px;
    right: 20px;
    height: 70px;
    padding: 10px 5px;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    color: #828282;
    -webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(top, #EBEBEB, #DEDEDE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBEBEB), to(#DEDEDE));
    background-image: -webkit-linear-gradient(top, #EBEBEB, #DEDEDE);
    background-image: -o-linear-gradient(top, #EBEBEB, #DEDEDE);
    background-image: linear-gradient(to bottom, #EBEBEB, #DEDEDE);
    background-repeat: repeat-x;
    -webkit-transition: bottom 150ms linear;
    -moz-transition: bottom 150ms linear;
    transition: bottom 150ms linear;
}

#scrollUp:hover {
    bottom: 0px;
}
/* end scrollUp css           */



/* ------ begin load mask settings  */
/* added fixed to used statically in dt etc, otherwise unmasking grans all by class and removes from dom */
.loadmask,
.fixedloadmask
{
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    /*  doubles up on android
   -moz-opacity: 0.5;
   opacity: .50;
   filter: alpha(opacity=50);
   background-color: #CCC;    */
    background:rgb(204,204,204);
    background: transparent\9;
    background:rgba(204,204,204,0.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4ccccccc,endColorstr=#4ccccccc);
    zoom: 1;
    width: 100%;
    height: 100%;
    zoom: 1;
}

.loadmask-msg,
.fixedloadmask-msg{

    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9;
    padding:2px;
}

.loadmask-msg div,
.fixedloadmask-msg div
{
    padding:5px 10px 5px 25px;
    background: #fbfbfb url('/assets/images/ajax-loaders/loading-mask.gif') no-repeat 5px 5px; /*../assets/javascripts/jquery-loadmask/*/
    line-height: 16px;
    border:1px solid #a3bad9;
    color:#222;
    /*   font:normal 11px tahoma, arial, helvetica, sans-serif;    */
    cursor:wait;
}

.ss-custom-body .fixedloadmask-msg div,

.ss-custom-body .loadmask-msg div
{

    font-size: .8em !important;
    /* font-weight: bold !important;*/
    color: rgba(0, 0, 0, 0.55) !important;
}



.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}

/* ------ end load mask settings */






.aaslmdatefuture {
    /* future date color */
    color: #00B200  !important ;
    font-weight: bold !important ;
}

.aaslmdatenow {
    /* now date color */
    color: #EB8D00  !important ;
    font-weight: bold !important ;
}

.aaslmdatepast {
    /* past date color */
    color: #AD0000  !important ;
    font-weight: bold !important ;
}
/* BEGIN xeditbale css edits */
.editable-container.editable-inline {
    display: inline !important ;
    width: 100% !important ;
}

.editable-input {
    display: inline !important ;
    width: 100% !important ;
}

.editableform .form-control textarea {
    width: 100% !important ;
}

.editable-input select{
    /*background-color: red; */
    /*  max-width: 25%;*/
}
.editable-input textarea {
    width: 100% !important;
}

.editable-buttons {
    display: block !important ;
}

.editable-container .editable-inline,
.editableform > .control-group,
.editable-input,
.editableform .form-control textarea{
    width:100% !important ;
}


.editable-submit, .editable-cancel {
    font-size: 1em !important;
    background-color: green !important;
    padding: 3px 6px !important;
    line-height: normal !important;
}
.editable-cancel {
    background-color: #999999 !important;
}

.aaslmdtnowrap {
    white-space: nowrap !important;
}


.dtoneclickcol {
    max-width: 250px;
    padding-right: 10px;
}


.aslmdtcolmax50 {
    max-width: 50px;
}

.aslmdtcolmax70 {
    max-width: 70px;
}

.aslmdtcolmax75 {
    max-width: 75px;
}

.aslmdtcolmax100 {
    max-width: 100px;
}

.aslmdtcolmax125 {
    max-width: 125px;
}

.aslmdtcolmax150 {
    max-width: 150px;
}

.aslmdtcolmax200 {
    max-width: 200px;
}

/* END xeditbale css edits */


.dataTables_wrapper {
    font-size: .70em !important;
}
/* ------ end datatables and xeditable changes  */





.aaslmscrolldiv2-ss {
    border: solid 1px;
    padding: 2px;
    max-height: 600px;
    min-height: 200px;
    overflow-y: scroll;
}

.aslmdeletefromemail {
    cursor: pointer;
}

.aslmdtimgicon30 {
    /* width: 20px;*/
    max-width: 30px;
    max-height: 100px;
    padding: 3px;

}


.aslmattachrow {
    background-color: #b6dda6; /*#c4eab1*/
    font-weight: bold;
    margin: 3px;
    padding: 6px;
    border: 1px solid #cdcdcd;
    max-width: 500px;
    border-radius: 3px;
}


.aslm-row-margin-reset{
    margin-left: 0px;
    margin-right:0px;
}


.aslmfilename a,
.aslmfilename a:hover,
.aslmfilename a:visited,
.aslmfilename a:focus
{
    color: #3362e7 !important;
    text-decoration: none;
}


.aslm-filerow-adjust-green {
    background:rgb(183,230,157) !important ;
    background: transparent\9 !important ;
    background:rgba(183,230,157,0.3) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cB7E69D,endColorstr=#4cB7E69D) !important ;
    zoom: 1 !important ;
    color: white !important ;
}

.aslm-filerow-adjust-green .aslmfilename,

.aslm-filerow-adjust-green .aslmfilename a,
.aslm-filerow-adjust-green .aslmfilename a:hover,
.aslm-filerow-adjust-green .aslmfilename a:visited,
.aslm-filerow-adjust-green .aslmfilename a:focus


{
    color: white !important ;
}

.aslm-max-width-350 {
    max-width: 300px;
}
.aslm-break-word {
    word-wrap: break-word;
}

.ss-custom-footer-links {
    color: #778899 ;


}

.oginputerror {
    border: #ee3e2b 1px solid;
}
.ss-custom-page-form-label{
    margin: 1px 1px 1px 0;
}
.ss-custom-page-form-group{
    margin-bottom: 2px;
    font-size: .95em;
}

.aslmbold {
    font-weight: bold;
}

.ss-custom-inventory-img {
    /* width: 20px;*/
    max-width: 150px;
    max-height: 150px;
    padding: 3px;
    display: block;

}
.aslm-margin-left-5 {
    margin-left: 5px;
}

.aslm-margin-bottom-5 {
    margin-bottom: 5px;
}


.aslm-display-table-row {
    display: table-row;
}
.alsm-clear-background {
    background: none;
}
.aslm-margin-top-20 {
    margin-top:20px;
}
.aslm-padding-top-20 {
    padding-top:20px;
}
.aslm-padding-10 {
    padding: 10px;
}

.aslm-img-140 {
    width: 100% !important;
    height: auto  !important;
    max-width: 140px;
    border:0px;
}
.aslm-img-200 {
    width: 100% !important;
    height: auto  !important;
    max-width: 200px;
    border:0px;
}
.aslm-align-left {
    /*text-align: left;*/
    float:left;
}

.aslm-margin-5 {
    margin:5px;
}
.aslm-margin-10 {
    margin:10px;
}
.aslm-margin-15 {
    margin:15px;
}
.aslm-margin-bottom-5 {
    margin-bottom:5px;
}
.aslm-margin-top-5 {
    margin-top:5px;
}

.aslm-padding-left-10 {
    padding-left:10px;
}

.aslm-height-min-200 {
    min-height: 200px;
}
.aslm-height-min-150 {
    min-height: 150px;
}

.aslm-height-min-100 {
    min-height: 100px;
}
.aslm-height-min-75 {
    min-height: 75px;
}

.aslm-clear-fix{
    clear: both;
}

.aslm-text-size-75em {
    font-size: .75em;
}

.aslm-text-size-125em {
    font-size: 1.25em;
}


.aslm-text-size-150em {
    font-size: 1.50em;
}

.aslm-text-size-175em {
    font-size: 1.75em;
}

.aslm-text-size-200em {
    font-size: 2.00em;
}

.aslm-text-size-225em {
    font-size: 2.25em;
}



.aslm-img-responsive {
    /* width: 100% !important;*/
    height: auto  !important;
    max-width: 100% !important;
}


a.ss-custom-inventory-link,
a:hover.ss-custom-inventory-link,
a:visited.ss-custom-inventory-link,
a:focus.ss-custom-inventory-link {
    color: #497b70 !important;
}

.aslm-margin-right-left-3 {
    margin-right: 3px;
    margin-left: 3px;
}


.modal .help-block  li {
    color: #e74649 !important ;

}



.aslm-sq-header-main {

    padding:5px;
    padding-left: 20px;

    background:rgb(23,57,23);
    background: transparent\9;
    background:rgba(23,57,23,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99173917,endColorstr=#99173917);
    zoom: 1;
    border-bottom: 1px #ffd809 solid;

}

.asl-sq-header-title1 {
    font-size: 45px;
    /* line-height: 52px;*/
    margin-bottom: 1px;
    letter-spacing: -2px;
    font-style: italic;
    color: #a5e074;
    font-weight: bold;


}
.asl-sq-header-title-1-a {
    font-size: 45px;
    /* line-height: 52px;*/
    margin-bottom: 1px;
    letter-spacing: -2px;
    /*  font-style: italic;*/
    color: #75dae0;
    font-weight: bold;


}


.asl-sq-header-title2 {
    font-size: 18px;
    font-weight: bold;
    /* line-height: 52px;
     margin-bottom: 35px;
     letter-spacing: -2px;
     font-style: italic;
     color: #f1ffd8;*/
    /* font-style: italic;*/

}
.aslm-sq-pagetitle-1{
    color: #58ee42;
    margin-bottom: 0px;
    font-size: 35px;
}


.aslm-sq-pagetitle-1-a {
    color: #c0f4fe;

    font-size: 2em;
}


.aslm-sq-pagesubtitle-1-a{
    color: #5CD6FF;
    margin-bottom: 0px;
    font-style: italic;
}


.aslm-sq-pagesubtitle-1{
    color: #5CD6FF;
    margin-bottom: 0px;
    font-style: italic;
}

.aslm-sp-list1 li {
    line-height: .95;
}

.aslm-sp-green {
    color: #58ee42;
}

/* http://charliepark.org/bootstrap_buttons/*/
/* ----- begin sp buttons ----- */
.btn-orange {
    background-color: hsl(36, 100%, 40%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad32", endColorstr="#cc7a00");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffad32), to(#cc7a00));
    background-image: -moz-linear-gradient(top, #ffad32, #cc7a00);
    background-image: -ms-linear-gradient(top, #ffad32, #cc7a00);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffad32), color-stop(100%, #cc7a00));
    background-image: -webkit-linear-gradient(top, #ffad32, #cc7a00);
    background-image: -o-linear-gradient(top, #ffad32, #cc7a00);
    background-image: linear-gradient(#ffad32, #cc7a00);
    border-color: #cc7a00 #cc7a00 hsl(36, 100%, 35%);
    color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
    -webkit-font-smoothing: antialiased;
}


.btn-lime {
    background-color: hsl(110, 85%, 26%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#32d911", endColorstr="#1c7a09");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#32d911), to(#1c7a09));
    background-image: -moz-linear-gradient(top, #32d911, #1c7a09);
    background-image: -ms-linear-gradient(top, #32d911, #1c7a09);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32d911), color-stop(100%, #1c7a09));
    background-image: -webkit-linear-gradient(top, #32d911, #1c7a09);
    background-image: -o-linear-gradient(top, #32d911, #1c7a09);
    background-image: linear-gradient(#32d911, #1c7a09);
    border-color: #1c7a09 #1c7a09 hsl(110, 85%, 21%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}

.btn-deepred{
    background-color: hsl(0, 77%, 33%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e32a2a", endColorstr="#941313");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#e32a2a), to(#941313));
    background-image: -moz-linear-gradient(top, #e32a2a, #941313);
    background-image: -ms-linear-gradient(top, #e32a2a, #941313);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e32a2a), color-stop(100%, #941313));
    background-image: -webkit-linear-gradient(top, #e32a2a, #941313);
    background-image: -o-linear-gradient(top, #e32a2a, #941313);
    background-image: linear-gradient(#e32a2a, #941313);
    border-color: #941313 #941313 hsl(0, 77%, 28%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
}

.btn-deepblue {
    background-color: hsl(212, 100%, 28%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#479dff", endColorstr="#00428e");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#479dff), to(#00428e));
    background-image: -moz-linear-gradient(top, #479dff, #00428e);
    background-image: -ms-linear-gradient(top, #479dff, #00428e);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #479dff), color-stop(100%, #00428e));
    background-image: -webkit-linear-gradient(top, #479dff, #00428e);
    background-image: -o-linear-gradient(top, #479dff, #00428e);
    background-image: linear-gradient(#479dff, #00428e);
    border-color: #00428e #00428e hsl(212, 100%, 19%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.59);
    -webkit-font-smoothing: antialiased;
}



/* ----- end sp buttons ----- */

/* ----- begin hb edits ----- */
.text-vertical {
    padding-top:0px !important ;
    text-align: inherit !important ;
}
/* ----- end hb edits ----- */


/* ----- begin gradient overlays ----- */
.aslm-background-transparent-grey {
    background:rgb(0,0,0) !important ;
    background: transparent\9 !important ;
    background:rgba(0,0,0,.6) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000) !important ;
    zoom: 1 !important ;
    color: white !important;
}

.aslm-background-transparent-light-grey {
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,.1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
    zoom: 1;
    color: white !important;
}


.aslm-background-transparent-medium-grey {
    background:rgb(0,0,0);
    background: transparent\9;
    background:rgba(0,0,0,.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
    zoom: 1;
    color: white !important;
}

.aslm-background-transparent-dark-green {
    background:rgb(42,100,37);
    background: transparent\9;
    background:rgba(42,100,37,.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b22A6425,endColorstr=#b22A6425);
    zoom: 1;
    color: white !important ;
}


.aslm-background-transparent-dark-blue{
    background:rgb(5,28,87);
    background: transparent\9;
    background:rgba(5,28,87,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc051C57,endColorstr=#cc051C57);
    zoom: 1;
    color: white !important ;
}

.aslm-background-transparent-darker-green {
    background:rgb(39,78,35);
    background: transparent\9;
    background:rgba(39,78,35,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc274E23,endColorstr=#cc274E23);
    zoom: 1;
    color: white !important ;

}

.aslm-background-transparent-darker-purple {
    background:rgb(59,28,63);
    background: transparent\9;
    background:rgba(59,28,63,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc3B1C3F,endColorstr=#cc3B1C3F);
    zoom: 1;
    color: white !important ;
}

.aslm-background-transparent-white {
    background:rgb(255,255,255);
    background: transparent\9;
    background:rgba(255,255,255,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff);
    zoom: 1;
}

/* ----- end gradient overlays ----- */

/* ----- end edits ----- */


/* ----- begin ss-custom base ----- */
.aslm-img-ss-custom-logo {

    height: auto  !important;
    max-height: 140px  !important;
  /*  max-width: 400px  !important;*/
    /*max-width: 90% !important;*/
    /*  display: block;*/
}
/* ----- end ss-custom base ----- */

.DELETEtmah-brand-header {

    background: rgba(255,205,204,0.72);
    background: -moz-linear-gradient(top, rgba(255,205,204,0.72) 0%, rgba(255,205,204,0.74) 6%, rgba(255,255,255,0.88) 57%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,205,204,0.72)), color-stop(6%, rgba(255,205,204,0.74)), color-stop(57%, rgba(255,255,255,0.88)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,205,204,0.72) 0%, rgba(255,205,204,0.74) 6%, rgba(255,255,255,0.88) 57%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,205,204,0.72) 0%, rgba(255,205,204,0.74) 6%, rgba(255,255,255,0.88) 57%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,205,204,0.72) 0%, rgba(255,205,204,0.74) 6%, rgba(255,255,255,0.88) 57%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,205,204,0.72) 0%, rgba(255,205,204,0.74) 6%, rgba(255,255,255,0.88) 57%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcdcc', endColorstr='#ffffff', GradientType=0 );
   /* padding: 1px 0;*/
}



.tmah-stripe-blue {


    background-color: #669ACC;
}


.aslm-img-cover-house-grass-cash {
  /*  background: url(http://www.reiwebtools.com/a-slm/assets/modules/squeeze_sites/themes/csingle/img/3_house_grass_cash.jpg) no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.aslm-background-transparent-grey {
    background:rgb(0,0,0) !important ;
    background: transparent\9 !important ;
    background:rgba(0,0,0,.6) !important ;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000) !important ;
    zoom: 1 !important ;
    color: white !important;
}
.ss-custom-brand {
    background: rgb(0,0,0) !important;
    background: transparent\9 !important;
    background: rgba(0,0,0,.8) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000) !important;
    zoom: 1 !important;
    color: white !important;
}


.aslm-display-none {
    display: none;
}



.rei-fixed-nav-adjust{
    padding-top:145px;
}
.rei-top-nav-header {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    /*  z-index: 1030;*/
    width: 100%;
    margin-right: 0px !important;
    margin-left: 0px !important;
    background-color: black;
    /* background-image: url(../../assets/images/1_stripe_2.png);*/

}
.rei-zindex-5000{
    z-index: 5000 !important;
}
.rei-zindex-4000{
    z-index: 4000 !important;
}


.rei-zindex-6000 {
    z-index: 6000 !important;

}



.tmah-top-menu{

    position: relative;
    list-style: none;
    z-index: 50;

}

ul, ol .tmah-top-menu {
    margin-bottom: 0px !important;
}

ul.tmah-top-menu li {
    border-bottom: 0px solid red;
    border-right: 0px solid red;
}
.tmah-top-menu  li {
    position: relative;
    float: left;
}

.tmah-top-menu a {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.tmah-top-menu a {
    display: block;
}


.tmah-top-menu li a:hover {
    text-decoration: none;
    color: #fff;
   /* text-indent: 2px;*/
    background: rgba(255,255,255,0.2);
}

.cinch-sec-menu a, .cinch-sec-menu .current ul a, .cinch-sec-menu .current-cat ul a, .cinch-sec-menu .current-menu-item ul a {
    color: #f9f9f9;
}


.ez-top-nav a {
    text-decoration: none;
    color: white !important;
}
.rei-nav-bar-1 {
    max-width: 600px;
   /* padding:3px;*/

}

.rei-fixed-nav-adjust2 {
    padding-top: 0px;
    /* background-color: khaki;*/
}

@media only screen and (max-width: 1026px) {
    #rei-main-top-nav {
        display: none;
    }

    .aslm-padding-top-50 {
        padding-top:140px !important ;
    }
    #XXXXrei-nav-block-1 {
        display: none;
    }

    .rei-fixed-nav-adjust{
        padding-top:0px;
    }

    .rei-fixed-nav-adjust2 {
        padding-top:0px;
    }


    .rei-slider-title {
        font-size: 1.6em !important;
    }

    .tmah-post-image {
        max-width: 150px;
    }


    h1 {
        font-size: 1.5em;
    }
    h2 {
        font-size: 1.4em;
    }
    h3 {
        font-size: 1.2em;
    }

    .ez-top-right-phone {
        font-size: 1em !important;
    }
    .ez-top-right-title {
        font-size: .7em !important;
    }

    .aslm-height-min-200 {

        min-height: 110px;
    }

    .with-margin {

        margin-left: 1px !important;
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }
}


.rei-fixed-nav-adjust3 {
    margin-top:150px;
    /* background-color: coral;*/
}

.rei-fixed-nav-adjust-notop-nav {
    margin-top:110px;
    /* background-color: #d9f8ff;*/
}

@media only screen and (max-width: 1026px) {
    .rei-fixed-nav-adjust3 {
        margin-top:100px;

    }
}

@media only screen and (max-width: 475px) {
    .rei-fixed-nav-adjust3 {
        margin-top:75px;

    }
}

.no-padding {
    padding: 0 !important ;
}

.aslm-height-min-100p{
    height:100% !important ;
    min-height: 100% !important ;

}
.aslm-max-width-700{
    max-width: 700px;
}
.aslm-max-width-900{
    max-width: 900px;
}
.aslm-max-width-800 {
    max-width: 800px;
}

.aslm-height-min-300px {
    min-height: 300px !important;
}

.rei-h2-adjust {
    margin-bottom: 5px;
    margin-top: 5px;
}

.aslm-margin-left-50 {
    margin-left: 50px;
}

.aslm-padding-top-50 {
    padding-top: 50px;
}
.rei-text-ltblue {
    color: #00E5E8;
}
.rei-text-red {
    color: #D70000;
}

.rei-text-green {
    color: #00DD02;
}
.rei-text-yellow {
    color: #FEFF04;
}











.rei-fixed-nav-adjust2 {
    margin-top:115px;
}


.rei-intro-title{
    font-weight: bold;
    font-style: italic;
    color: #1b9522;
    font-size: 1.5em;
    line-height: 1.1em;
}
.rei-intro-byline{

    font-size: .85em;
    line-height: .9em;
    font-weight: normal;
}
.rei-intro-subtitle{
    color: #1b9522;
    font-size: 1.1em;
    line-height: 1.1em;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #1dbe24;
    font-weight: bold;
}
.rei-intro-body,
.rei-intro-list
{
    /* font-size: .75em;
     line-height: 1em;*/
    font-weight: normal;
    line-height: 1.2em;
}
.rei-text-dkgreen {
    color: #3a950c;
}









.rei-highlight-green {

    /* background-color: #58ee42 !important;*/
    background-color: #eeec44 !important;
}

.rei-highlight-green-2 {

    /*  background-color: #58ee42 !important;*/
    background-color: #eedeaf !important;
}


.rei-no-border{
    border: 0px !important ;
}




/* ----- end compare table ----- */

.rei-test-thumb {
    max-height: 300px !important;
    width: auto !important;
}

.rei-testim-modal{
    background: #e5e5e5;
}

.rei-margin-right-20 {
    margin-right: 20px;
}
.rei-text-italic{
    font-style: italic;
}

.rei-goals-wrap {
    /* max-width: 1000px; */
    background-color: #f1f1f1;
    border: 1px solid rgba(224, 224, 224, 1);
    border-radius: 4px;
    padding: 20px;
}

.rei-align-middle {
    vertical-align:middle !important;
    /*  display: table-cell !important;*/
}
.rei-no-underline {
    text-decoration: none;
}


.aslmrotate180 {
    -webkit-transform: rotate(180deg) !important;     /* Chrome and other webkit browsers */
    -moz-transform: rotate(180deg) !important;       /* FF */
    -o-transform: rotate(180deg) !important;          /* Opera */
    -ms-transform: rotate(180deg) !important;        /* IE9 */
    transform: rotate(180deg) !important;             /* W3C compliant browsers */

    /* IE8 and below */
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand') !important;
}



.aslm-background-black {
    background-color: black;
}

.rei-big-title{
    font-size: 3.5em;
    line-height: 1;
    color: white;
    font-weight: bold;

    font-family: Georgia, "Times New Roman", Times, serif;

}
.rei-color-dk-orange {
    color: #dda94f ;
}
.aslm-margin-50{
    margin: 50px;
}

.aslm-margin-bottom-20{
    margin-bottom: 20px !important ;
}
.rei-text-white{
    color: white;
}
.rei-text-ltblue{
    color: #6acce0;
}
.aslm-margin-top-bottom-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.rei-background-solid-white {
    background-color: white !important;
}
.wfc-list-style-1 {
    font-size: 1.0em !important;
}

.wfc-list-style-1 {
    list-style: none !important;
}

.wfc-list-style-1 li::before {
    font-family: 'FontAwesome' !important;
    content: '\f046' !important;
    margin: 0 5px 0 -15px !important;
    color: #1b9a48 !important;
    /* font-size: 3em; */
}




.ez-top-right-title {
    font-size: 1.25em;
    text-align: right;
    font-weight: bold;
    font-style: italic;
}

.ez-top-right-line1 {
    font-size: .75em;
    text-align: right;
}



@media only screen and (max-width: 1026px) {
    .ez-top-right-title {
        font-size: 1em;
        text-align: right;
        font-weight: bold;
        font-style: italic;
    }

    .ez-top-right-line1 {
        font-size: .70em;
        text-align: right;
    }


    img.ss-custom-brand-logo {
        max-width: 70% !important;
    }
}




#final-sidebar-form1{
}
.final-sidebar-form1-style{

    /*max-width: 300px;*/



    border-radius: 21px 21px 21px 21px;
    -moz-border-radius: 21px 21px 21px 21px;
    -webkit-border-radius: 21px 21px 21px 21px;
    border: 5px solid #FFCDCC;
    background-color: pink;




}
.final-sidebar-form1-button-style{
    margin:0px auto;
    text-align: center;
    padding:15px;
}
.final-sidebar-form1-input1 {

    /*max-width: 200px;*/
}
.final-sidebar-form1-title{
    font-size: 1.75em;
    color: white;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 2px 3px #669ACC;
}
.final-serve-care img {
    float: right;
}
.final-sidebar-form1-style img {
    max-width: 100%;
    height: auto;
}


.headline {
    font-size: 27px;
    line-height: 42px;
    font-weight: 600;
}



/*----- begin custom autosuggest -----*/

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    width: 100%;

    margin-top: 10px !important;

}

ul.as-selections li.as-original input {
    /*
    border: 0;
    outline: 0;
    font-size: 13px;
    width: 120px;
    height: 18px;
    padding-top: 3px;
    */
    height: 20px !important;
    padding: 10px 16px !important;
    font-size: 18px !important;
    line-height: 1.3333333 !important;
    border-radius: 6px !important;
    width: 100% !important;
}


ul.as-selections li.as-selection-item a.as-close {
    /* margin-top: -1px; */
    text-decoration-line: none !important;
}


/*----- end  custom autosuggest -----*/








/*----- begin ezfast -----*/

.ez-resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


.ez-resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    margin-right: 10px;
    margin-left: 10px;
}




.ez-more-boxes {
    background:rgb(255,255,255);
    background: transparent\9;
    background:rgba(255,255,255,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff);
    zoom: 1;/**/
    /*  background: white;*/

    /* padding: 10px;*/
  /*  margin-top: 50px !important;*/
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 50px !important;
}
.ez-box-icon {
    display: inline-block;
    font-size: 4.5rem;
    height: 6rem;

    line-height: 1;
    margin-left: -2.25rem;
    text-align: center;
    width: 6rem;

  /*  margin-top: 00px !important;*/

}

.ez-more-boxes::before,.ez-box-icon {
    left: 50%;
    position: absolute;
    top: -4rem;
    /*   border: 1px solid #1c85e8;*/
    /*border-bottom-color: white;*/
    border-bottom-width: 0px;
   /* margin-top: 50px !important;*/
}
.ez-more-boxes::before {
    background-color: inherit;
    /*    background-color: red !important;*/
    border-top-left-radius: 12rem;
    border-top-right-radius: 12rem;
    content: "";
    display: block;
    height: 4rem;
    margin-left: -3.5rem;
    width: 8rem;
}

.ez-more-boxes img {
   margin-top: .95rem;
    border: none;
   /* margin-top: 60px !important;*/
}
.ez-padding-20 {
    padding: 30px;
}
.ez-more-box-headline {
    font-weight: bold;
    font-size: 1.5em;
}

#ezaddressverified label {

    margin-bottom: 0px !important;
}

#ezaddressverified input {

 /*   margin-top: 2px !important;*/
}



.with-margin {

    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ez-blue-dk {
    color: #1c85e8;
}

.ez-blue-lt {
    color: #8cbff4 !important
}

.ez-green-dk {
    color: #00c100;
}

.ez-green-lt {
    color: #4bf04b;
}


.ez-stripe-blue-dk {
    border-top: 5px solid #1c85e8 !important;
}

.ez-stripe-green-dk {
    border-top: 5px solid #00c100 !important;
}


.ez-top-right-phone {
    font-size: 1.4em;
    font-weight: bold;
    text-align: right;
    color: #00c100;
    font-family: Arial, Helvetica, sans-serif;

}

.ez-background-white {
    background-color: white !important;
    border-left: 1px solid #8cbff4;
    border-right: 1px solid #8cbff4;
}


.ez-footer {
    padding: 36px 0;
    background: #8cbff4;
    color: #a9a9a9;
    background-color: #8cbff4 !important;
}


.ez-custom-box {
    border-radius: 21px 21px 21px 21px;
    -moz-border-radius: 21px 21px 21px 21px;
    -webkit-border-radius: 21px 21px 21px 21px;
    border: 5px solid #1c85e8;
    background-color: white;
    padding: 8px;
}

.ez-footer-box-style {
    padding: .5em;
}
.ez-footer-box-style img {
    float: left;
    padding: .25em;
}


.ez-footer-box-title {
    font-size: 1.5em;
    font-weight: bold;
    color: #00c100;
}

.ez-footer-box-style img {
    max-width: 125px;
    float: right;
    /* margin: 0 -2px; */
    padding: .25em;

}


.ez-footer-boxes-text {
    font-weight: normal;
}

.ez-footer-widget {
    border-bottom: 0px solid #444;
    font-size: 1em;
    line-height: 27px;
    float: left;
    padding: 12px;
}


.ez-footer-links-style {
    color: #2E455C;
    text-align: center;
}

.ez-footer .ez-copyrights {
    padding: 12px 0;
    text-align: center;
}
.ez-copyrights {
    color: #2E455C;
}


.ez-top-nav {

    /*  height: 30px;*/
    margin: 0px;
    /*
        background-color: hsl(212, 100%, 28%) !important;
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#479dff", endColorstr="#00428e");
        background-image: -khtml-gradient(linear, left top, left bottom, from(#479dff), to(#00428e));
        background-image: -moz-linear-gradient(top, #479dff, #00428e);
        background-image: -ms-linear-gradient(top, #479dff, #00428e);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #479dff), color-stop(100%, #00428e));
        background-image: -webkit-linear-gradient(top, #479dff, #00428e);
        background-image: -o-linear-gradient(top, #479dff, #00428e);
        background-image: linear-gradient(#479dff, #00428e);
        border-color: #00428e #00428e hsl(212, 100%, 19%);

    */

    /*     background-color: #525252;*/
    background-color: #1c85e8;
    font-size: .95em ;
}

.ez-brand-header {

    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: white;
}


.ez-rounded-border-blue {
 /*   border: 1px solid #1c85e8;*/
   /* max-width: 500px;*/
    border-radius: 20px;
}


.aslm-img-cover-field-house {
    background: url(../images/3_header_grass2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/*----- end ezfast -----*/
/*----- begin custom list ----- */

/*
Use these to edit css as needed using squeeze site module
ss-custom-body: the body
ss-custom-jgrowl: the jgrowl div
ss-custom-brand: top logo/brand div
ss-custom-brand-logo: the logo img


ss-custom-menu-icon: the menu icon
ss-custom-menu-nav: the menu nav wrapper
ss-custom-menu-ul: the menu ul

ss-custom-page-container: main site container that hold text form etc.

ss-custom-mouse-down: the centered mouse down image

ss-custom-page-title: Main site title
ss-custom-page-subtitle: Main site subtitle
ss-custom-page-maintext: Main site text

ss-custom-form-block: the fof block/col
ss-custom-page-form-title: Main form title
ss-custom-page-form-text: Main form text
ss-custom-page-form-button: Main form button

ss-custom-page-form-label: the form label
ss-custom-contact-info: contact info div

ss-custom-thankyou-title: thank you title
ss-custom-thankyou-subtitle: thank you subtitle
ss-custom-thankyou-maintext : thank you main text
ss-custom-download-title: Download title
ss-custom-download-files: downloads scroll div
ss-custom-download-row: download row
ss-custom-download-filerow: file row
ss-custom-download-icon: icon img
ss-custom-download-filename: file name


ss-custom-footer-arrow-up: the up arrow to scroll up
ss-custom-footer-social-links: footer social ul
ss-custom-footer-links: footer links
ss-custom-footer-copyright: footer copyright

ss-custom-inventory-row-category
ss-custom-inventory-row-price : the wholesale proce row
ss-custom-inventory-row-arv : the arv row
ss-custom-inventory-row-sqft-living
ss-custom-inventory-row-sqft-total
ss-custom-inventory-row-year
ss-custom-inventory-row-beds
ss-custom-inventory-row-baths
ss-custom-inventory-row-lotsize
ss-custom-inventory-row-type
ss-custom-inventory-row-sid: seller id row


ss-custom-inventory-row-makeoffer-button
*/

/*----- end custom list ----- */