@import url(bootstrap.min.css);

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),url('../fonts/montserrat-regular-webfont.woff') format('woff'), url('../fonts/montserrat-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'montserrat-bold';
    src: url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),url('../fonts/montserrat-bold-webfont.woff') format('woff'), url('../fonts/montserrat-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body, html {
    height: 100%;
    background-color: #ffffff !important;
}

.navbar-nav li > a, .navbar-nav li > a:hover {
    padding-right: 0 !important;
    padding-left: 0 !important
}

    .navbar-nav li a.active, .navbar-nav li > a:hover {
        padding-top: 0 !important;
      
    }

.subTitle, .topSocial {
    display: inline-block
}

.btnSgnUpPrpMag, .commonTxtHme, .topBlueStrp {
    font-family: Trebuchet MS, sans-serif
}

.hiddenBook, .tiny-slider .disable {
    visibility: hidden
}

body {
    position: relative
}

.navbar-nav li {
    margin-right: 19px!important;
    
}

    .navbar-nav li a {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        color: #1F74D3!important;
        font-size:16px;
        margin-top:-35px;
    }

        .navbar-nav li a:hover{
            font-size:16px;
        }

        img.rezLogo {
            height: 58px;
            width: 232px
        }

@media (max-width:480px) {
    img.rezLogo {
        height: 40px;
        width: 160px
    }
}

.navbar-nav li:last-child {
    margin-right: 0 !important
}

.navbar-nav li > a {
    padding-top: 0 !important
}

    .navbar-nav li > a:hover {
        color: #404850 !important;
        padding-bottom: 15px
    }

.navbar-nav li a.active {
    color: #3B97FF !important;
    padding-bottom: 15px !important;
    /*border-bottom: 2px solid #007bff;*/
}

.navbar-nav > li > a:hover {
    color: #3B97FF !important;
   
}

/*.navbar-nav > li > hover {
    border-bottom: 3px solid #3B97FF;
}*/

.nav-options li a {
    position:relative;
    transition:0.4s!important;
}

.nav-submenu li a::after {
    content: ''; /* Required to generate the pseudo-element */
    position: absolute; /* Position it relative to the <a> tag */
    left: 0;
    bottom: 0; /* Align it at the bottom of the <a> */
    width: 0; /* Initially, the border has 0 width */
    height: 2px; /* Thickness of the border */
    background-color: #007bff; /* Color of the border */
    transition: width 0.3s ease; /* Smooth transition */
    transition-timing-function: cubic-bezier(.58, .3, .005, 1); /* Custom easing for the transition */
}

.nav-submenu li a:hover::after {
    width: 100%; /* Expand the border to the full width of the <a> */
}

.nav-options li a::after {
    content: ''; /* Required to generate the pseudo-element */
    position: absolute; /* Position it relative to the parent <a> */
    left: 0;
    bottom: 0; /* Align it at the bottom of the <a> */
    width: 0; /* Initially, the border has 0 width */
    height: 2px; /* Thickness of the border */
    background-color: #007bff; /* Color of the border */
    transition: width 0.3s ease; /* Smooth transition */
    transition: .3s;
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}

    .nav-options li a.active::after {
        content: ''; /* Create the border with ::after */
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; /* Full width of the <a> tag */
        height: 2px; /* Border thickness */
        background-color: #007bff; /* Color of the border (blue in this case) */
    }

.nav-options li a:hover::after {
    width: 100%; /* On hover, make the border span the full width */
}
/*
.navbar-nav {
    margin-top: 38px
}*/
.inputActive {
    border: 1px solid #FF4E4E !important
}

@media (min-width:320px) and (max-width:667px) {
    .topBlueStrp a {
        font-size: 10px !important;
        color: #fff;
        margin-right: 5px !important
    }

    .list-inline > li {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.topBlueStrp a.activeTab {
    color: #f0a000
}

.topBlueStrpWrp {
    background: #305080
}

.topBlueStrp {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    max-width: 940px;
    margin: 0 auto;
    text-align: right;
    min-height: 30px
}

    .topBlueStrp a {
        font-size: 13px;
        font-weight: 700;
        color: #fff;
        margin-right: 15px
    }

        .topBlueStrp a:hover {
            text-decoration: none;
            color: #f0a000
        }

        .topBlueStrp a:last-child {
            margin-right: 0
        }

.topSocial {
    float: left
}

    .topSocial .fa {
        font-size: 24px;
        line-height: 30px;
        color: #fff
    }

    .topSocial a:hover .fa {
        color: #40c080
    }

.navbar-fixed-top {
    top: auto
}

.navbar-fixed-bottom {
    position: inherit
}

a.contactLink {
    color: #60e0a0;
    text-transform: lowercase
}

.navbar-inverse {
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0px;
    height: 103px
}

.navbar {
    margin-bottom: 0 !important
}

.extraClass {
    margin: 80px 0 30px
}

.siteLogo {
    padding-top: 3.5px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .homeBanner {
        margin-top: 0 !important
    }

    .homeBanner, ::i-block-chrome {
        margin-top: -20px;
        background: url(https://rezcdn.azureedge.net/img/home-hero-img.jpg) center no-repeat
    }
}

.flRgtLrgScr {
    float: right
}

    .flRgtLrgScr img {
        width: 100%
    }

.commonTxtHme {
    color: #606870;
    font-weight: 300;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 30px
}

ul.blueTxtLink li {
    display: inline;
    list-style: none
}


.homeBannerCaptionBg {
    max-width: 900px;
    margin: 50px auto auto;
    width: 100%;
    background: url(https://rezcdn.azureedge.net/img/bg-banner-caption.png);
    border-radius: 5px;
    min-height: 150px;
    padding: 57px 20px 0 54px
}

.btnSgnUpPrpMag {
    background: #f0a000;
    border-radius: 5px;
    color: #fff;
    font-size: 22px;
    padding: 20px 35px;
    font-weight: 700
}

a.btnLearnMore, a.btnSgnUpPrpMagSm {
    border-radius: 5px;
    font-size: 16px;
    padding: 10px 15px;
    font-weight: 700;
    color: #fff;
    font-family: Trebuchet MS, sans-serif
}

.btnSgnUpPrpMag:hover {
    text-decoration: none;
    color: #fff;
    background: #e48a07
}

a.btnSgnUpPrpMagSm {
    background: #f0a000
}

    a.btnSgnUpPrpMagSm:hover {
        text-decoration: none;
        color: #fff;
        background: #40c080
    }

a.btnLearnMore {
    background: #50a0d0;
    margin-left: 20px
}

.btnSgnUpNewRes, .btnSgnUpPrpRes {
    font-weight: 600;
    padding: 20px 35px;
    border-radius: 5px
}

a.btnLearnMore:hover {
    text-decoration: none;
    color: #fff;
    background: #40c080
}

.btnSgnUpPrpRes {
    background: #fff;
    color: #333;
    font-family: Trebuchet MS, sans-serif;
    font-size: 22px;
    margin-left: 45px
}

.btnSgnUpNewRes, .commonLeftCol p {
    font-family: Trebuchet MS, sans-serif;
    font-size: 16px;
    color: #333
}

.btnSgnUpPrpRes:hover {
    text-decoration: none;
    color: #333;
    background-color: #e6e6e6
}

.btnSgnUpNewRes {
    background: #fff;
    margin: 0 auto;
    text-transform: uppercase
}

    .btnSgnUpNewRes:hover {
        text-decoration: none;
        color: #333;
        background-color: #e6e6e6
    }

.col-lg-12 {
    padding-left: 0;
    padding-right: 0
}

.commonLeftCol {
    width: 45%;
    float: left
}

.commonRgtCol {
    width: 47%;
    float: right
}

.rightImg, .topFaq, .topPageabt, .topPagecnt, .topPageresidents,
.topTitleWrap {
    width: 100%
}

.page-header {
    font-size: 38px;
    font-family: Raleway, sans-serif;
    font-weight: 900;
    color: #305080;
    margin-top: 0;
    border-bottom: 0;
    padding-bottom: 0
}

.btnCommonHme {
    background-color: #f0a000;
    border-radius: 9px;
    font-family: Trebuchet MS, sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 13px 20px;
    margin-right: 15px;
    margin-top: 25px
}

a.btnCommonHme:hover {
    background: #40c080;
    color: #fff
}

.btnCommonHmeB {
    background-color: #50a0d0
}

a.btnCommonHmeB:hover {
    background: #40c080;
    color: #fff
}

.btnCommonHme:last-child {
    margin-right: 0
}

.btnCommonHme:hover {
    color: #333;
    text-decoration: none
}

.hmeBgLrg1 {
    background: url(https://rezcdn.azureedge.net/img/home-small-banner2.jpg) top center no-repeat #f4f4f4;
    height: 569px;
    margin-top: 80px
}

.hmeBgLrg2 {
    background: url(https://rezcdn.azureedge.net/img/home-small-banner3.jpg) top center no-repeat #f4f4f4;
    height: 569px
}

.subTitle {
    font-family: Raleway, sans-serif;
    font-weight: 900;
    color: #306080;
    font-size: 34px;
    border-bottom: 4px solid #f0a000;
    padding-bottom: 12px;
    margin-bottom: 20px !important;
    padding-top: 0;
    margin-left: 15px !important
}

.bluTxt, .roundImgTxtRgt {
    font-family: Trebuchet MS, sans-serif
}

.roundImgCol {
    float: left;
    margin-left: 35px;
    margin-bottom: 15px
}

.roundImgTxtRgt {
    float: left;
    max-width: 318px;
    width: 100%;
    margin-left: 19px;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #606870;
    padding-top: 16px
}

strong {
    color: #000;
    font-weight: 700
}

.extraSpc {
    margin-left: 15px
}

.bluTxt ul {
    margin: 0 0 0 35px;
    padding: 0
}

.bluTxt {
    color: #305080;
    font-size: 15px;
    padding-left: 0;
    padding-top: 0
}

    .bluTxt a {
        color: #305080;
        font-weight: 600
    }

.bgHomeSlider {
    background-color: #40c080
}

    .bgHomeSlider h3 {
        text-align: center;
        margin: 0;
        padding: 50px 0 0;
        font-family: Raleway;
        font-weight: 900;
        color: #fff;
        font-size: 40px
    }

.topPagecnt {
    padding-top: 126px
}

.topTitleWrap {
    background: #fff;
    height: auto;
    margin-bottom: 0px
}

.topOfPage {
    color: #606870;
    font-size: 16px;
    line-height: 20px;
    font-family: Trebuchet MS, sans-serif;
    text-align: justify;
    margin: 0 10%;
    height: auto
}

.topTitle h1, .topTitleProperty h1 {
    border-bottom: 4px solid #f0a000;
    padding-bottom: 8px;
    font-family: Raleway, sans-serif;
    font-weight: 900;
    text-transform: capitalize;
    padding-top: 48px;
    font-size: 40px
}

.ourTeam h3, .ourTeam h4, .topContact p {
    text-align: center
}

.topTitle {
    margin: 0 auto;
    display: table
}

    .topTitle h1 {
        color: #305080;
        margin: 0;
        display: table-cell
    }

.topTitleProperty {
    margin: 0 auto;
    display: table
}

    .topTitleProperty h1 {
        color: #333;
        margin: 0;
        display: table-cell
    }

.newsItem p, a.newsHeadline {
    font-family: Trebuchet MS, sans-serif
}

.topAbout, .topAdvisors, .topContact, .topRequest, .topSign, .topSignup,
.topTeam {
    display: table
}

a.newsHeadline {
    color: #404850;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 20px;
    font-weight: 700
}

    a.newsHeadline:hover {
        color: #20a060;
        text-decoration: none
    }

.newsItem p {
    color: #606870;
    font-size: 16px;
    line-height: 24px
}

.newsItem {
    margin-bottom: 40px;
    border-bottom: 3px #e0e8f0 dotted
}

.topAbout h1, .topContact h1, .topFaq h1 {
    border-bottom: 4px solid #f0a000;
    padding-bottom: 5px;
    font-family: Raleway, sans-serif;
    font-weight: 900;
    text-transform: capitalize;
    padding-top: 8px;
    font-size: 40px
}

.topAbout {
    margin: 0 auto
}

    .topAbout h1 {
        color: #305080;
        margin: 0 0 38px
    }

.topFaq {
    max-width: 87px;
    margin: 0 auto
}

    .topFaq h1 {
        color: #333;
        margin: 0 0 38px
    }

.topContact {
    margin: 40px auto 0
}

    .topContact h1 {
        color: #305080;
        margin: 0 0 38px
    }

.topRequest {
    margin: 0 auto
}

    .topRequest h1 {
        color: #305080;
        border-bottom: 4px solid #f0a000;
        padding-bottom: 5px;
        font-family: Raleway, sans-serif;
        font-weight: 900;
        text-transform: capitalize;
        padding-top: 8px;
        font-size: 40px;
        margin: 0 0 38px
    }

.topSign h1, .topSignup h1 {
    color: #333;
    border-bottom: 4px solid #f0a000;
    padding-bottom: 5px;
    font-family: Raleway, sans-serif;
    font-weight: 900;
    text-transform: capitalize;
    padding-top: 8px;
    font-size: 40px
}

.topSign {
    margin: 0 auto
}

    .topSign h1 {
        margin: 0 0 38px
    }

.topSignup {
    margin: 0 auto
}

    .topSignup h1 {
        margin: 0 0 38px
    }

.topTeam {
    margin: 0 auto
}

    .topTeam h1 {
        color: #305080;
        border-bottom: 4px solid #f0a000;
        padding-bottom: 5px;
        font-family: Raleway, sans-serif;
        font-weight: 900;
        text-transform: capitalize;
        padding-top: 8px;
        font-size: 40px;
        margin: 0 0 38px
    }

.topAdvisors {
    margin: 0 auto
}

    .topAdvisors h1 {
        color: #305080;
        border-bottom: 4px solid #f0a000;
        padding-bottom: 5px;
        font-family: Raleway, sans-serif;
        font-weight: 900;
        text-transform: capitalize;
        padding-top: 8px;
        font-size: 40px;
        margin: 0 0 38px
    }

.ourTeam h3, .ourTeam h4, .rightImg h2 {
    font-weight: 700;
    font-family: Trebuchet MS, sans-serif
}

.ourTeam h3 {
    color: #305080;
    margin-bottom: 8px !important
}

.ourTeam h4 {
    color: #f0a000
}

.ourTeam p {
    text-align: left !important;
    font-family: Trebuchet MS, sans-serif;
    font-size: 15px !important;
    line-height: 20px;
    color: #606870 !important
}

.ourTeam img {
    display: block;
    margin: 0 auto
}

.borderLft {
    border-radius: 5px
}

.rightImg {
    margin: 10px auto;
    text-align: center
}

.fa-6x {
    font-size: 5em !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
    font-style: none
}

.rightImg img {
    display: block;
    margin: 0 auto 25px
}

.rightImg h2 {
    color: #50a0d0;
    font-size: 24px;
    margin: 10px 0;
    padding: 0
}

.infoList li::before, .infoListO li::before {
    content: "•";
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.rightImg p {
    font-size: 16px;
    line-height: 20px;
    color: #606870;
    text-align: justify !important
}

.infoList li::before {
    color: #40c080
}

ul.infoList, ul.infoListO {
    list-style: none;
    text-align: left !important;
    color: #606870;
    font-size: 16px;
    line-height: 24px
}

.infoListO li::before {
    color: #f0a000
}

.wrapDivalt, .wrapDivaltone {
    width: 100%;
    background: #fff;
    padding-top: 30px
}

    .wrapDivalt .row, .wrapDivaltone .row {
        border-bottom: 3px #70c0f0 dotted;
        padding-bottom: 40px
    }

.carousel-inner h3, .carousel-inner p {
    text-align: left;
    padding: 0 24px
}

.ourTeam {
    border-bottom: 3px #60e0a0 dotted !important
}

.Orrow {
    border-bottom: 3px #ffc020 dotted !important
}

.carousel-control.left {
    background: url(https://rezcdn.azureedge.net/img/previous.png) no-repeat;
    width: 44px;
    height: 72px;
    left: -254px;
    top: 50%
}

.carousel-control.right {
    background: url(https://rezcdn.azureedge.net/imag/next.png) no-repeat;
    width: 44px;
    height: 72px;
    right: -254px;
    top: 50%
}

.carousel-inner {
    overflow: visible
}

#myCarousel1, .google-maps {
    overflow: hidden
}

.carousel-inner h3 {
    margin: 0;
    font-size: 17px
}

.homeFrstGallWrp .carousel-inner p {
    font-size: 13px;
    font-family: Trebuchet MS, sans-serif;
    font-weight: 600
}

.homeBlueBg h2, .homeOrngBg h2, .tagline {
    font-family: Raleway, sans-serif;
    font-weight: 900;
    text-align: center
}

.homeOrngBg {
    background-color: #f0a000;
    height: 330px
}

.homeBlueBg {
    background-color: #50a0d0;
    height: auto
}

.innerOrngBghgt {
    height: 240px
}

.homeBlueBg h2, .homeOrngBg h2 {
    color: #fff;
    font-size: 55px;
    padding-top: 40px;
    margin: 0
}

.sub-footer-section{
    width:33.33%;
    padding:1em;
}

.footer-section {
   
    height:219.8px;
}

.sub-section p {
    font-size: 12.5px;
    font-weight: 500;
    font-family:"Montserrat", sans-serif;
    
    color: #ffffff;
    letter-spacing: 0.4px;
}

.tagline {
    color: #40c080;
    font-size: 32px;
    line-height: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 0 30px
}

.footerSubTitle, footer .col-md-3 a {
    font-family: Trebuchet MS, sans-serif
}

.testleftDiv, .testrightDiv {
    padding: 68px 0 29px
}

footer .col-md-3 a {
    display: block;
    color: #60e0a0;
    font-size: 15px;
    line-height: 24px;
    text-decoration: none
}

    footer .col-md-3 a:hover {
        color: #ffe060
    }

.footerSubTitle {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 10px
}

.carousel-indicators {
    bottom: -241px
}

.testrightDiv {
    max-width: 700px
}

#secondCarousel li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #777;
    border-radius: 10px
}

    #secondCarousel li.active, .secondactive {
        width: 12px;
        height: 12px;
        background-color: #777 !important
    }

    #secondCarousel li.active {
        margin: 1px
    }

.secondactive {
    margin: 0
}

.quoteTest {
    font-size: 18px;
    margin-top: 18px
}

.testTitle {
    text-transform: uppercase;
    font-size: 16px
}

    .testTitle span {
        text-transform: capitalize;
        font-size: 16px;
        color: #ea8745
    }

.contactPage {
    max-width: 640px;
    width: 100%;
    margin: 0 auto
}

    .contactPage form {
        padding: 40px 0
    }

.requestPage {
    max-width: 640px;
    width: 100%
}

    .requestPage form {
        padding: 5px 0
    }

    .requestPage p {
        text-align: center;
        font-size: 14PX
    }

.divForm {
    max-width: 640px;
    width: 100%;
    float: left;
    margin-bottom: 20px
}

    .divForm label {
        margin-bottom: 5px;
        width: 100%
    }

    .divForm input {
        width: 100%;
        border: none;
        border: 1px solid #e4e4e4;
        height: 38px;
        padding: 5px
    }

        .divForm input.signinsubmit, .divForm input.signsubmit, .divForm input.submit {
            border-radius: 5px;
            font-family: Trebuchet MS, sans-serif;
            font-size: 22px;
            width: 222px;
            height: 62px
        }

        .divForm input.submit {
            background: #f0a000;
            color: #333;
            font-weight: 600
        }

            .divForm input.submit:hover {
                text-decoration: none;
                color: #3333;
                background: #e48a07
            }

        .divForm input.signsubmit {
            background: #f0a000;
            color: #333;
            font-weight: 600
        }

            .divForm input.signsubmit:hover {
                text-decoration: none;
                color: #3333;
                background: #e48a07
            }

        .divForm input.signinsubmit {
            background: #f0a000;
            color: #333;
            font-weight: 600
        }

.signUpPro, .signUpPronew a {
    font-family: Trebuchet MS, sans-serif;
    font-weight: 600;
    font-size: 17px
}

.divForm input.signinsubmit:hover {
    text-decoration: none;
    color: #3333;
    background: #e48a07
}

.divForm textarea {
    width: 100%;
    border: none;
    border: 1px solid #e4e4e4;
    height: 120px;
    padding: 5px;
    margin-bottom: 20px
}

.divForm a {
    color: #f0a000;
    text-decoration: none
}

.marTop {
    padding-top: 20px;
    padding-bottom: 20px
}

.homeBannerFix {
    display: none
}

@media (min-width:768px) {
    .rightCol, .signLft, .signRgt {
        float: left
    }

    .signLft {
        width: 246px
    }

    .signRgt {
        width: 394px;
        margin-top: 25px
    }

    .floatLeft {
        display: inline
    }

/*    ::-webkit-scrollbar-thumb:hover {
        background: #f0a000;
    }*/
}

.signUpPro, .signUpPronew {
    width: 310px;
    float: left
}

.signUpPro {
    margin: 19px 0;
    background: #f0a000;
    border-radius: 5px;
    color: #fff;
    padding: 19px 27px;
    white-space: nowrap
}

.or, .signUpPronew, .signUpResi {
    margin: 40px 0
}

.signUpPro :hover {
    text-decoration: none
}

.signUpPronew a {
    background: #fff;
    border-radius: 5px;
    color: #333;
    padding: 20px 27px;
    white-space: nowrap;
    border: 1px solid #f0a000
}

.signUpResi a, .signUpResiNew {
    font-weight: 600;
    font-size: 17px;
    padding: 20px 50px;
    font-family: Trebuchet MS, sans-serif;
    white-space: nowrap
}

.signUpPronew a:hover {
    text-decoration: none;
    color: #333;
    background-color: #e6e6e6
}

.or {
    width: 50px;
    float: left;
    text-align: center
}

.signUpResi, .signUpResiNew {
    width: 280px;
    max-width: 100%;
    float: left
}

    .signUpResi a {
        background: #fff;
        border-radius: 5px;
        color: #333;
        border: 1px solid #f0a000
    }

        .signUpResi a:hover {
            text-decoration: none;
            color: #333;
            background-color: #e6e6e6
        }

.signUpResiNew {
    margin: 19px 0;
    background: #f0a000;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #f0a000
}

.communitySelect, .communitySelect:hover {
    background: url(https://rezcdn.azureedge.net/img/select_arrow.gif) right center no-repeat #fff
}

.signUpResiNew :hover {
    text-decoration: none
}

nav a {
    font-family: Trebuchet MS, sans-serif;
    font-weight: 700;
    font-size: 15px
}

a:focus {
    outline: 0
}

h3.dontUse {
    margin: 76px auto 0
}

input.zipcodeTop {
    width: 50%
}

select.zipcode {
    width: 49.7%;
    height: 40px;
    padding: 5px
}

.TermsOfServiceTitle h1, .privacypolicyTitle h1, .varificationTitle h1 {
    color: #333;
    border-bottom: 4px solid #f0a000;
    padding-bottom: 5px;
    text-transform: capitalize;
    padding-top: 8px;
    font-size: 40px
}

.imgResize {
    max-width: 100% !important;
    height: auto !important
}

.wrapDivalt h4 {
    font-family: Trebuchet MS, sans-serif;
    line-height: 25px
}

.wrapDivalt p, .wrapDivaltone h4, .wrapDivaltone p {
    font-family: Trebuchet MS, sans-serif
}

.TermsOfServiceTitle h1, .privacypolicyTitle h1, .varificationTitle h1,
h3.dontUse {
    font-family: Raleway, sans-serif;
    font-weight: 900
}

.wrapDivalt img {
    display: block
}

.wrapDivaltone img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.varificationTitle {
    margin: 0 auto;
    display: table
}

    .varificationTitle h1 {
        margin: 0 0 38px
    }

.privacypolicyTitle {
    margin: 0 auto;
    display: table
}

    .privacypolicyTitle h1 {
        margin: 0 0 38px
    }

.TermsOfServiceTitle {
    margin: 0 auto;
    display: table
}

    .TermsOfServiceTitle h1 {
        margin: 0 0 38px
    }

.communitySelect {
    float: left;
    display: inline-block;
    cursor: pointer;
    z-index: -1px;
    height: 40px;
    padding: 0
}

.communitySelect, .communitySelecty select {
    width: 318px;
    font-size: 13px;
    border: 1px solid #E4E4E4
}

    .communitySelect .holder {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        z-index: -1;
        padding: 9px 0 0 12px
    }

    .communitySelect select {
        margin: 0;
        position: absolute;
        z-index: 2;
        cursor: pointer;
        outline: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        padding: 0 10px
    }

#errorRescommunity {
    margin-top: 0
}

.comhideDiv {
    display: none
}

@media (min-width:770px) and (max-width:5000px) {
    .homeBannerWrap {        
        top: 30% !important;
        z-index: 1000;        
        width: 100%;
        position: absolute
    }
}

@media (max-width:767px) {
    .homeBanner {
        display: block !important
    }

    .homeBannerCaption {
        display: none
    }

    .homeBannerFix {
        width: 100%;
        display: block
    }

        .homeBannerFix img {
            width: 100%;
            height: 100%;
            height: auto
        }

    .topFaq h1, .topTitle h1, .topTitleProperty h1 {
        color: #333;
        border-bottom: 4px solid #f0a000;
        font-family: Raleway, sans-serif;
        font-weight: 900;
        text-transform: capitalize
    }

    .txtTermsLft p {
        text-align: left !important
    }

    .topTitle h1, .topTitleProperty h1 {
        padding-bottom: 8px;
        padding-top: 48px;
        font-size: 25px;
        margin: 0;
        text-align: center
    }

    .topFaq h1, topContact h1 {
        font-size: 25px;
        margin: 0 0 38px;
        text-align: center
    }

    .topFaq h1 {
        padding-bottom: 5px;
        padding-top: 8px
    }

    .borderLft {
        border-radius: 5px;
        width: 90%;
        margin: 0 auto
    }

    h2 {
        font-size: 23px
    }

    .topAbout h1, .topAdvisors h1, .topTeam h1 {
        font-size: 25px;
        text-align: center;
        margin: 0 0 20px
    }

    .page-header, .subTitle {
        font-size: 20px
    }

    .rightImg p {
        padding: 5px
    }

    .contactPage, .wrapDivalt h4, .wrapDivalt p {
        padding: 0 10px
    }

    .wrapDivaltone p {
        text-align: center;
        padding: 0 10px
    }

    .divForm input.signinsubmit, .divForm input.signsubmit, .divForm input.submit {
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    .wrapDivalt p {
        text-align: center
    }

    .wrapDivalt h4 {
        text-align: left
    }

    #back-top, #back-top a, .page-header, .subTitle, .topBlueStrp, footer {
        text-align: center
    }

    .wrapDivalt, .wrapDivaltone {
        padding: 24px 0
    }

    .col-md-3 {
        border-bottom: 1px solid #4b5b6a;
        padding-bottom: 20px
    }

    .rightImg img {
        margin: 20px auto
    }

    .rightImg h2 {
        margin: 15px 0;
        padding: 0
    }

    #back-top {
        width: 100%;
        background: #faa830;
        padding: 20px 0
    }

        #back-top a {
            width: 100%;
            display: block;
            text-transform: uppercase;
            text-decoration: none;
            color: #bbb;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            transition: 1s
        }

            #back-top a:hover {
                color: #000
            }

        #back-top span {
            width: 114px;
            height: 20px;
            display: block;
            background: url(https://rezcdn.azureedge.net/img/back_top.jpg) center no-repeat #faa830;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
            -webkit-transition: 1s;
            -moz-transition: 1s;
            transition: 1s;
            margin-right: auto;
            margin-left: auto
        }

    .or, iframe {
        width: 100%
    }

    #back-top a:hover span {
        background-color: #777
    }

    .pull-left, .pull-right {
        float: none !important
    }

    .topAbout {
        max-width: 122px
    }

    .topTeam {
        max-width: 138px
    }

    .topAdvisors {
        max-width: 178px
    }

    .topTitle {
        max-width: 280px
    }

    .topTitleProperty {
        max-width: 308px
    }

    .topFaq {
        max-width: 76px
    }

    .navbar-nav li a.active {
        border-bottom: none;
        padding-bottom: 0
    }

    .extraClass {
        margin: 0
    }

    .page-header {
        margin-top: 20px
    }

    .topRequest h1, .topSign h1, .topSignup h1 {
        margin: 0 0 20px
    }

    .topContact h1, .topRequest h1, .topSign h1, .topSignup h1 {
        font-size: 25px;
        text-align: center
    }

    iframe {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%
    }

    .homeBannerCaptionBg {
        padding: 18px !important
    }

    .topRequest {
        max-width: 228px
    }

    .marTop {
        padding-bottom: 20px;
        padding-top: 20px
    }

    .signUpPro a {
        padding: 20px 15px
    }

    .or {
        text-align: center;
        margin: 0
    }

    .signUpPro {
        width: 300px
    }

    .faceMar {
        margin-bottom: 10px
    }

    .requestPage form {
        padding: 0 10px
    }

    .btnSgnUpNewRes {
        padding: 20px 8px
    }

    .TermsOfServiceTitle h1, .privacypolicyTitle h1, .varificationTitle h1 {
        padding-top: 8px;
        font-size: 25px
    }

    .TermsOfServiceTitle {
        max-width: 227px;
        text-align: center
    }

    .privacypolicyTitle {
        max-width: 280px;
        text-align: center
    }

    .varificationTitle {
        max-width: 315px;
        text-align: center
    }

    input.zipcodeTop {
        width: 100%
    }

    .communitySelect, .communitySelecty select {
        width: 271px
    }

    .signUpPronew a {
        padding: 20px 13px
    }

    select.zipcode {
        width: 100%
    }

    .requestPageVerif h3, .requestPageVerif h4 {
        margin-left: 9px
    }

    .homeContentWrp {
        padding-top: 30px
    }

    .txtCntr {
        text-align: center
    }

    .spnSpc {
        display: none !important
    }

    ul.blueTxtLink {
        padding-top: 15px;
        padding-left: 0 !important
    }

        ul.blueTxtLink li {
            display: block;
            list-style: none
        }

    .spcBottom {
        padding: 10px 0 20px
    }
}

@media (max-width:320px) {
    .homeBannerCaptionBg {
        margin-top: 5% !important
    }

    .homeBannerCaption {
        color: #333 !important
    }

    .homeBannerWrap {
        top: 68% !important
    }
}

@media (max-width:360px) {
    .homeBannerCaptionBg {
        margin-top: 5% !important
    }

    .homeBannerCaption {
        color: #333 !important
    }
}

@media (max-width:480px) {
    .homeBannerCaptionBg {
        margin-top: 5% !important
    }

    .homeBannerCaption {
        color: #333 !important
    }

    .homeBannerWrap {
        top: 68% !important
    }
}

@media (max-width:768px) {
    .homeBannerCaptionBg {
        margin-top: 5% !important
    }

    .homeBannerCaption {
        color: #333 !important
    }

    .homeBannerWrap {
        top: 68% !important
    }
}

.homeZigzagWrp {
    background: #f4f4f4;
    margin-top: 50px;
    height: 638px;
    height: auto
}

.extraSpcLess {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.clr {
    clear: both
}

.homeZigzagWrp .row, .homeZigzagWrp2 .row {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.homeZigzagWrp2 {
    height: 638px;
    height: auto
}

.galleryBlk1 {
    margin: 0 auto;
    max-width: 862px;
    width: 100%
}

    .galleryBlk1 img, .galleryBlk2 img {
        max-width: 100%;
        height: auto
    }

.galleryBlk2 {
    margin: 0 auto;
    max-width: 898px;
    width: 100%;
    padding: 30px 0
}

.ourTeam .col-md-3 {
    border-bottom: none !important
}

.error {
    background: #ffecec;
    border: 1px solid #ff4e4e;
    height: 40px;
    padding: 11px 5px 0;
    margin-top: 10px
}

.carousel-caption {
    left: 20%;
    top: 35%;
    max-width: 300px;
    right: 0;
    height: 108px;
    background: #0db04b;
    border-radius: 5px;
    width: 100%
}

#myCarousel .carousel-inner {
    width: 0 !important
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.carousel-inner.anim > .item {
    left: 0
}

.carousel-inner.anim > .next, .carousel-inner.anim > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

    .carousel-inner.anim > .next.left {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: .6s;
        animation-duration: .6s
    }

    .carousel-inner.anim > .prev.right {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: .6s;
        animation-duration: .6s
    }

.carousel-inner.anim > .active.left, .carousel-inner.anim > .active.right {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

#carousel-example-captions .carousel-indicators {
    bottom: -42px
}

#carousel-example-captions .carousel-control.left {
    left: 0;
    top: 42% !important
}

#carousel-example-captions .carousel-control.right {
    right: 20px;
    top: 42% !important
}

#carousel-example-captions .carousel-control .glyphicon-chevron-left,
#carousel-example-captions .carousel-control .glyphicon-chevron-right,
#carousel-example-captions .carousel-control .icon-next, #carousel-example-captions .carousel-control .icon-prev {
    font-size: 0
}

.homeFrstGallWrp {
    margin: 30px auto 0;
    max-width: 940px
}

    .homeFrstGallWrp .col-sm-6 {
        float: none !important;
        margin: 0 auto !important;
        width: 90%
    }

.talkyIconArrow {
    position: absolute;
    right: -11px;
    top: 0
}

.bgHomeSlider {
    padding-bottom: 20px
}

.homeFrstGallWrp .carousel-indicators li {
    height: 15px !important;
    width: 15px;
    background: #8bd9a9;
    border: 1px solid #8bd9a9;
    margin: 0 5px 0 0 !important
}

    .homeFrstGallWrp .carousel-indicators li.active {
        background: #fff !important;
        border: 1px solid #fff !important;
        margin: 0 5px 0 0 !important
    }

.carousel-inner h3, .carousel-inner p {
    text-shadow: none
}

h3.dontUse {
    font-size: 40px;
    color: #305080;
    max-width: 100%;
    text-align: center
}

.quoteTest, .testGrid, .testTitle, .testTitle span {
    font-family: Trebuchet MS, sans-serif
}

#secondCarousel {
    bottom: 0 !important
}

.testGrid {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    background-color: #70c0f0;
    padding: 12px;
    border-radius: 15px;
    margin: 50px 0
}

.testGridImg {
    float: left;
    margin: 0 5px 5px 0;
    width: 125px;
    height: 125px
}

.testWho {
    font-size: 15px;
    line-height: 15px;
    color: #305080
}

    .testWho span {
        font-weight: 700
    }

.testleftDiv {
    float: left;
    width: 30%
}

.testrightDiv {
    float: left;
    width: 70%
}

.quoteTest {
    color: #333
}

.testTitle {
    font-weight: 600
}

    .testTitle span {
        font-style: italic
    }

img.source-image {
    position: absolute;
    top: 0;
    left: 0
}

.homeMar {
    margin-top: 27px !important
}

.homeRes, .homeResNew {
    margin: 60px auto;
    width: 100%;
    text-align: center
}

.homeRes {
    max-width: 383px
}

.homeResNew {
    max-width: 276px
}

.hiddenBook {
    position: absolute;
    font-size: 1px
}

.footSmall {
    font-size: 12px
}

#errorMessage {
    background: #ffecec;
    border: 1px solid #ff4e4e;
    height: 40px;
    padding: 11px 5px 0;
    margin-top: 10px
}

.brdrNone {
    border: none !important
}

video.source-image {
    position: relative;
    top: 0;
    left: 0
}

video#bgvid {
    position: absolute !important;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(https://rezcdn.azureedge.net/img/home-hero-img.jpg) top center no-repeat;
    background-size: 100% 100%
}

.hmeVideoBg {
    max-width: 460px;
    width: 100%;
    cursor: pointer
}

    .hmeVideoBg img {
        max-width: 460px;
        height: auto
    }

    .hmeVideoBg a, .hmeVideoBg a:hover {
        width: 460px !important;
        height: 354px !important;
        display: block
    }

    .hmeVideoBg a {
        background:url(https://rezcdn.azureedge.net/img/video-img.jpg) no-repeat;
        width:460px !important;
        height:354px !important;
        z-index:1001;
        display:block;
    }
        .hmeVideoBg a:hover {
            background:url(https://rezcdn.azureedge.net/img/video-img-hover.jpg) no-repeat;
            width:460px !important;
            height:354px !important;
            display:block;
        }

.dropdown-inline, .icon {
    display: inline-block
}


.google-maps {
    position: relative;
    height: 352px
}

    .google-maps iframe {
        top: 0;
        left: 0;
        width: 100% !important
    }

h4.abtText {
    margin-top: 0 !important;
    text-align: left !important
}

.abtCont {
    text-align: justify !important;
    font-size: 16px;
    line-height: 22px;
    color: #606870
}

.conText {
    text-align: center
}

.subDiv {
    margin-bottom: 5px !important
}

.extraClassHme {
    margin: 80px 0 0
}

.spnSpc {
    padding-left: 20px;
    padding-right: 20px
}

.modal, .modal-body {
    padding: 15px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.homeContentWrp {
    background-color: #FFF
}

#header, body {
    background-color: #fff
}

.modal {
    min-height: 350px
}

.modal-body {
    min-height: 280px;
    margin-left: 5px;
    margin-right: 5px
}

.testQuoteimg {
    margin-left: 0
}

.testiMonialGallWrp {
    padding-bottom: 32px
}

    .testiMonialGallWrp .container {
        max-width: 1112px !important;
        width: 100% !important
    }

    .testiMonialGallWrp .testleftDiv {
        margin-left: 2% !important;
        width: 25%
    }

    .testiMonialGallWrp .testrightDiv {
        width: 62%
    }

a {
    transition: all .3s !important
}

.topBlueStrpWrp {
    top: 0
}

.navbar {
    top:0px;
    z-index: 10000;
}

.navbar-fixed-top {
    position: fixed;
    z-index: 10000;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
}

.has-badge, .icon {
    position: relative
}

.extrsHgtCommon {
    padding-top: 102px
}

.modal-open .modal {
    z-index: 10001 !important
}

.vMiddle {
    margin: 1% 0 0
}

.vtopMiddle {
    margin: 1% 0
}

.rightCol {
    float: right
}

@media (min-width:1460px) and (max-width:1680px) {
    .vMiddle {
        margin: 1% 0 0
    }
}

@media (min-width:1280px) and (max-width:1366px) {
    .vMiddle {
        margin: 1% 0 0 !important
    }

    .vtopMiddle {
        margin: 3.7% 0 0 !important
    }
}

@media (min-width:1024px) and (max-width:1278px) {
    .vMiddle {
        margin: .5% 0 0 !important
    }

    .vtopMiddle {
        margin: 0 !important
    }

    .roundImgCol {
        margin-bottom: 2px
    }

    .subTitle {
        padding-bottom: 3px
    }
}

html {
    /*overflow: -moz-scrollbars-vertical;
    overflow: scroll;*/
    overflow-y: auto;
    overflow-x:hidden;

}

body {
    font-family: Arial, Sans-Serif
}

img {
    -ms-interpolation-mode: bicubic
}

.placeholder {
    color: #aaa !important
}

.icon {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    margin-right: 5px;
    background-image: url(https://rezcdn.azureedge.net/img/icons/icons_18.png)
}

#desktop-nav .icon {
    top: 3px
}

a:hover .icon-hover {
    background-position-y: -18px
}

.icon-user {
    background-position: -96px 0
}

.icon-home {
    background-image: url(https://rezcdn.azureedge.net/img/icons/home.png)
}

.icon-message {
    background-position: -90px 0
}

.icon-settings {
    background-position: -144px 0;
    width: 30px !important
}

.icon-dialog {
    background-position: 0 0
}

.icon-neighbours {
    background-position: -18px 0
}

.icon-calendar {
    background-position: -36px 0
}

.icon-sale {
    background-position: -54px 0
}

.icon-payment {
    background-image: url(https://rezcdn.azureedge.net/img/icons/payrent.png)
}

.icon-location {
    background-image: url(https://rezcdn.azureedge.net/img/icons/location.png)
}

.icon-documents {
    background-image: url(https://rezcdn.azureedge.net/img/icons/documents.png)
}

.icon-menu {
    background-image: url(https://rezcdn.azureedge.net/img/icons/menu.png)
}

.icon-newsletter {
    background-image: url(https://rezcdn.azureedge.net/img/icons/newsletter.png)
}

.icon-assistance {
    background-image: url(https://rezcdn.azureedge.net/img/icons/assistance.png)
}

#header {
    padding: 5px 0
}

    #header .icon {
        width: 24px;
        height: 24px;
        top: 50%;
        margin-left: 15px;
        margin-top: 10px;
        background-image: url(https://rezcdn.azureedge.net/img/icons/icons_24.png)
    }

    #header .icon-message {
        background-position: -120px 0
    }

    #header a:hover .icon-hover {
        background-position-y: -24px
    }

    #header .has-badge .badge {
        position: absolute;
        top: -15px;
        left: 5px;
        background-color: #ff5a00;
        font-size: 10px
    }

    #header a {
        text-decoration: none
    }

#mobile-top-bar {
    background-color: #f5f5f5;
    margin-top: -5px
}

#mobile-nav .menu-header, #mobile-nav .sub-menu {
    padding: 3px 20px
}

    #mobile-nav .sub-menu a {
        display: block;
        color: #000;
        padding: 3px 20px;
        text-decoration: none;
        margin: 0 -20px;
        white-space: nowrap;
        text-indent: 20px
    }

        #mobile-nav .sub-menu a:hover {
            background-color: #428bca;
            color: #fff
        }

#nav-container {
    background-color: #313c72;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf
}

#desktop-nav > ul {
    width: 100%;
    font-size: 16px;
    margin: 0
}

    #desktop-nav > ul > li > a {
        display: block;
        padding: 7px 25px 10px;
        color: #fff;
        font-weight: 500;
        text-decoration: none;
        border-right: 1px solid #cfcfcf
    }

    #desktop-nav > ul > li {
        padding: 0;
        margin: 0 -4px 0 0
    }

        #desktop-nav > ul > li.property-name {
            color: #fff;
            float: right;
            padding-top: 7px
        }

        #desktop-nav > ul > li.selected > a, #desktop-nav > ul > li:hover > a {
            background: url(https://rezcdn.azureedge.net/img/icons/menu-indicator.png) 50% 100% no-repeat;
            background-size: 10px 5px
        }

#main-content {
    padding-top: 40px;
    padding-bottom: 70px
}

#footer {
   
    padding: 5px 0;
    color: #fff
}

    #footer ul {
        display: inline-block
    }

    #footer a {
        color: #fff;
        font-weight: 700
    }

#main-content a {
    color: #316ea7
}

    #main-content a.title-link {
        font-size: 16px
    }

#main-content .info-widget h3, h3 {
    font-weight: 400;
    font-size: 26px;
    line-height: 26px;
    color: #f60;
    text-align: left
}

h3 {
    margin-top: 20px;
    margin-bottom: 20px
}

#main-content .info-widget h3 {
    border-bottom: 2px solid #333;
    margin-top: 0;
    padding-bottom: 10px
}

#explore-widget a {
    color: #333
}

#explore-widget .icon {
    top: 4px
}

a.action-link {
    color: #428bca !important;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer
}

    a.action-link:hover {
        color: #2a6496 !important
    }

#property-details a, .link-list a {
    color: #3d3d3d
}

.link-list {
    padding-top: 10px
}

    .link-list > li {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .link-list .icon {
        top: 6px;
        margin-right: 5px
    }

.info-widget {
    margin-bottom: 40px
}

#property-details {
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #fff
}

    #property-details .icon {
        top: 5px;
        margin-right: 5px
    }

.property-logo {
    margin-bottom: 20px
}

#sponsors {
    margin-top: 40px
}

    #sponsors .panel a img {
        margin: 0 auto
    }

    #sponsors .panel a {
        display: block;
        background-color: #fafafa;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center
    }

.data-panel {
    margin-top: 20px;
    border-top-width: 4px;
    padding-bottom: 10px
}

    .data-panel h3 {
        border-bottom-width: 0 !important;
        padding-top: 20px;
        padding-bottom: 25px;
        color: #3d3d3d !important
    }

.error-banner, .field-validation-error {
    color: #ff5706
}

.edit-profile-photo {
    position: relative;
    display: inline-block
}

    .edit-profile-photo img {
        background-color: #f5f5f5;
        width: 100px;
        height: 100px
    }

    .edit-profile-photo .edit-icon, .modal-screen {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        left: 0
    }

    .edit-profile-photo .edit-icon {
        background-repeat: no-repeat;
        background-position: center;
        display: block
    }

    .edit-profile-photo:hover .edit-icon {
        background-image: url(https://rezcdn.azureedge.net/img/icons/camera.png)
    }

#edit-profile-name {
    text-decoration: none
}

.error-banner {
    border: 1px solid #cfcfcf;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 20px
}

.modal-screen {
    background-color: #000;
    opacity: .1
}

.cards, ul.cards li {
    height: 32px;
    background-image: url(https://rezcdn.azureedge.net/images/site/card_logos.png);
    text-indent: -9999px
}

#payment-form {
    margin-bottom: 50px
}

.show-inline {
    display: inline-block
}

.field-validation-valid, .validation-summary-valid {
    display: none
}

.input-validation-error {
    border: 1px solid #ff5706
}

.validation-summary-errors {
    color: #ff5706;
    padding: 10px;
    margin-bottom: 20px
}

.cards, ul.cards, ul.cards li {
    display: block
}

.validation-summary-errors ul {
    list-style: none;
    padding: 0;
    margin: 0
}

ul.cards {
    list-style: none;
    padding: 0
}

.cards {
    width: 200px;
    margin-left: 10px;
    margin-bottom: 10px
}

ul.cards li {
    float: left;
    width: 51px;
    margin: 0 5px 10px 0
}

    ul.cards li.visa {
        background-position: 0 0
    }

    ul.cards li.amex {
        background-position: 204px 0
    }

    ul.cards li.mastercard {
        background-position: 153px 0
    }

    ul.cards li.discover {
        background-position: 51px 0
    }

    ul.cards li.visa.off {
        background-position: 0 32px
    }

    ul.cards li.amex.off {
        background-position: 204px 32px
    }

    ul.cards li.mastercard.off {
        background-position: 153px 32px
    }

    ul.cards li.discover.off {
        background-position: 51px 32px
    }

.modal-header {
    background-color: #9fc2ec
}

.modal-footer {
    background-color: #e3e3e3
}

table.listtable {
    border: 1px solid #ccc
}

    table.listtable tr {
        background-color: #fff
    }

        table.listtable tr.separator {
            height: 1px
        }

            table.listtable tr.separator td {
                padding-top: 0;
                padding-bottom: 0
            }

            table.listtable tr.separator hr {
                height: 0;
                border: none;
                border-bottom: 1px dashed #e4e4e4;
                margin: 0
            }

    table.listtable td {
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: none !important
    }

    table.listtable tr:first-child {
        height: 35px;
        background-color: #E6EDF5;
        line-height: 35px
    }

    table.listtable tr:nth-child(2) td {
        padding-top: 30px
    }

    table.listtable tr th {
        font-weight: 400;
        font-size: 16px;
        color: #666
    }

        table.listtable tr td:first-child, table.listtable tr th:first-child {
            padding-left: 15px
        }

        table.listtable tr td:last-child, table.listtable tr th:last-child {
            padding-right: 15px
        }

    table.listtable tr:last-child {
        height: 20px;
        background-color: #E6EDF5;
        line-height: 20px
    }

        table.listtable tr:last-child td {
            padding: 0
        }

    table.listtable tr.message-body td, table.listtable tr.message-control td {
        padding-top: 0
    }

#main-content .btn {
    padding: 0 15px;
    font-family: Arial;
    font-weight: 700;
    font-size: 13px;
    height: 25px;
    text-decoration: none
}

#main-content a.btn {
    display: inline-block;
    line-height: 25px
}

#main-content a.btn-lg {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.33;
    height: auto
}

#main-content .btn-primary {
    background-color: #3C86CB;
    color: #fff
}

    #main-content .btn-primary:hover {
        background-color: #333C6B
    }

#main-content .btn-secondary {
    background-color: #C7D3D4;
    color: #434343
}

    #main-content .btn-secondary:hover {
        background-color: #757D7D;
        color: #fff
    }

#main-content .btn[disabled] {
    background-color: #F2F2F2;
    color: #CCC;
    cursor: default
}

.last-post-details {
    font-size: 12px;
    color: #999
}

    .last-post-details .highlight {
        color: #FE5526;
        font-weight: 700
    }

.search-bar {
    text-align: right;
    padding-bottom: 7px
}

ul.paginginfo {
    display: block;
    list-style: none;
    margin: 0;
    float: right;
    color: #333;
    font-size: 12px;
    background-color: transparent;
    border: none;
    height: 100%;
    padding-right: 20px;
    line-height: 20px
}

.search-text, ul.message-list {
    border: 1px solid #ccc;
    margin-bottom: 15px
}

ul.paginginfo li {
    display: block;
    margin: 0 0 0 5px;
    float: left
}

    ul.paginginfo li span {
        display: block;
        line-height: 20px
    }

    ul.paginginfo li a {
        font-weight: 400;
        color: #316EA7
    }

.search-text {
    z-index: 1;
    width: 215px;
    height: 25px;
    font-size: 12px;
    color: #999;
    font-family: Arial;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 15px
}

.breadcrumb {
    font-size: 13px;
    color: #333
}

    .breadcrumb a {
        color: #316EA7
    }

ul.message-list {
    display: block;
    list-style: none;
    padding: 15px
}

    ul.message-list > li {
        border-top: 1px dashed #E4E4E4;
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-left: 0;
        position: relative;
        padding-left: 45px
    }

        ul.message-list > li:first-child {
            border-top: none
        }

        ul.message-list > li#thread-post-load {
            border-top: none;
            height: 20px;
            background-color: #E6EDF5;
            line-height: 20px;
            padding: 0 15px
        }

            ul.message-list > li#thread-post-load a {
                display: block;
                text-align: center
            }

        ul.message-list > li .message-reply, ul.message-list > li .message-title {
            display: none
        }

        ul.message-list > li a.message-icon {
            position: absolute;
            display: block;
            top: 15px;
            left: 0;
            width: 30px;
            height: 30px;
            border: 1px solid #ccc;
            text-align: center
        }

            ul.message-list > li a.message-icon img {
                max-width: 30px;
                height: auto
            }

        ul.message-list > li a.message-sender {
            font-weight: 700
        }

.post-edit-controls {
    display: inline-block;
    float: right
}

.message-control {
    position: relative;
    font-size: 13px;
    display: inline-block
}

.message-report a.flagged {
    color: #FE5526
}

ul.report-menu {
    padding: 0
}

ul.message-list > li a.message-attachment {
    display: inline-block;
    margin-top: 20px;
    width: auto;
    height: 22px;
    line-height: 22px;
    text-indent: 22px;
    background: url(https://rezcdn.azureedge.net/images/icons/icon_paperclip.gif) 4px center no-repeat
}

ul.message-list.first-message > li {
    padding-top: 60px;
    padding-left: 65px
}

    ul.message-list.first-message > li .message-title {
        display: block;
        font-weight: 400;
        font-size: 16px;
        color: #666;
        height: 35px;
        background-color: #E6EDF5;
        line-height: 35px;
        padding-left: 15px;
        padding-right: 15px;
        position: absolute;
        top: -15px;
        left: -15px;
        right: -15px
    }

    ul.message-list.first-message > li a.message-icon {
        top: 60px;
        width: 50px;
        height: 50px
    }

        ul.message-list.first-message > li a.message-icon img {
            max-width: 50px;
            height: auto
        }

    ul.message-list.first-message > li .message-reply {
        display: inline-block;
        margin-top: 20px
    }

    ul.message-list.first-message > li .responded-text {
        display: none
    }

.sort-bar {
    margin-bottom: 15px;
    padding-left: 5px;
    font-size: 13px
}

ul.two-column {
    list-style: none;
    padding: 30px 25px;
    border: 1px solid #ccc;
    display: block;
    font-size: 14px
}

    ul.two-column li {
        margin: 0 0 15px;
        width: 50%;
        min-height: 40px;
        float: left;
        display: block
    }

        ul.two-column li:last-child {
            margin-bottom: 0
        }

ul.cgs-categories li a.category-title {
    font-size: 16px;
    text-transform: capitalize;
    display: block
}

.search-results .result-count, .search-results .search-term {
    font-size: 13px;
    color: #999
}

.search-results .forum-title {
    font-size: 14px;
    color: #316EA7
}

.search-results .thread-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #333
}

.search-results .message {
    font-size: 14px;
    color: #333
}

.post-images {
    margin-top: 20px
}

ul.report-menu {
    position: absolute;
    z-index: 10;
    display: block;
    list-style: none;
    border: 1px solid #ccc;
    background-color: #fff;
    top: 20px;
    right: 0;
    margin: 0
}

    ul.report-menu li {
        display: block;
        margin-left: 0;
        padding-top: 3px;
        padding-bottom: 3px
    }

        ul.report-menu li.separator {
            border-bottom: 1px solid #ccc
        }

        ul.report-menu li a {
            text-decoration: none;
            display: block;
            padding-left: 15px;
            padding-right: 15px
        }

        ul.report-menu li:hover a {
            color: #fff;
            background-color: #3398cc
        }

.input-validation-error {
    border-color: #dc1431
}

label.input-validation-error {
    color: #d40014
}

#main-content textarea {
    border: 1px solid #ccc
}

.maxlength-counter {
    text-align: right;
    color: #999;
    font-size: 12px;
    margin-top: 7px;
    height: 12px
}

img.profile-photo {
    padding: 2px;
    border: 1px solid #333;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px
}

img.profile-photo-100 {
    width: 100px;
    height: 100px
}

img.profile-photo-60 {
    width: 60px;
    height: 60px
}

#jcrop-target {
    margin-top: 20px;
    margin-bottom: 20px
}

.tiny-slider {
    height: 150px;
    overflow: hidden;
    margin: 0 auto
}

    .tiny-slider .viewport {
        float: left;
        width: 240px;
        height: 150px;
        overflow: hidden;
        position: relative
    }

    .tiny-slider .buttons {
        display: block;
        margin: 30px 10px 0 0;
        float: left
    }

    .tiny-slider .next {
        margin: 30px 0 0 10px
    }

    .tiny-slider .overview {
        list-style: none;
        position: absolute;
        padding: 0;
        margin: 0;
        left: 0;
        top: 0
    }

        .tiny-slider .overview li {
            float: left;
            margin: 0 20px 0 0;
            padding: 1px;
            display: block;
            border: 1px solid #dcdcdc;
            width: 230px
        }

table.calendar-day-names-table {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 5px
}

    table.calendar-day-names-table tr {
        height: 16px;
        line-height: 14px;
        font-size: 12px
    }

    table.calendar-day-names-table td {
        padding-left: 5px;
        font-weight: 700
    }

.calendar-container {
    background-color: #fff;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    overflow: hidden
}

.calendar-row-container {
    border-top: 1px solid #DDD;
    height: 80px;
    overflow: hidden;
    position: relative
}

table.calendar-row-bg-table {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    margin-bottom: 0
}

    table.calendar-row-bg-table td {
        padding-left: 5px;
        border-left: 1px solid #DDD
    }

table.calendar-row-data-table {
    position: relative;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 0
}

    table.calendar-row-data-table tr {
        height: 16px
    }

    table.calendar-row-data-table td {
        padding: 0 4px
    }

    table.calendar-row-data-table a.event-link, table.calendar-row-data-table a.more-events-link {
        text-decoration: none;
        display: inline-block;
        width: 100%;
        font-size: 11px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

        table.calendar-row-data-table a.more-events-link:hover {
            text-decoration: underline
        }

td.calendar-today {
    background-color: #EEE
}

.event-personal {
    background-color: #356da6;
    color: #fff
}

.event-local {
    background-color: #fe9e0c;
    color: #fff
}

.event-property {
    background-color: #090;
    color: #fff
}

label.event-local, label.event-personal, label.event-property {
    cursor: pointer;
    padding: 2px 10px;
    color: #fff
}

label.error {
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top
}

.rent-due {
    font-family: Arial Sans-Serif;
    padding: 1px 3px;
    color: #fff;
    background-color: red;
    cursor: default
}

ul.prop-image-list {
    list-style: none;
    margin: 0;
    padding: 0
}

li.prop-image {
    display: inline-block;
    position: relative;
    margin: 2px;
    border: 1px solid silver
}

    li.prop-image input[type=checkbox] {
        position: absolute;
        top: 5px;
        left: 5px
    }

    li.prop-image a {
        display: block;
        width: 100px;
        height: 100px;
        float: left;
        margin: 5px;
        background-size: cover
    }

.table.table-noborder td, .table.table-noborder th {
    border-top: none
}

.export-widget {
    text-align: right;
    padding: 5px
}

.bx-wrapper .bx-controls-auto, .roundImgCol, a.attachment_link {
    text-align: center
}

.export-widget img {
    vertical-align: middle;
    margin-left: 25px;
    margin-right: 5px;
    font-size: 10px;
    width: 16px;
    height: auto
}

.user-info-text {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    margin-top: 12px;
    color: #2e5782
}

a.attachment_link {
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    font-size: 12px;
    height: 100px;
    width: 100px;
    background: url(https://rezcdn.azureedge.net/images/icons/icon_paperclip.png) center no-repeat #ddd;
    border: 1px solid #aaa;
    color: #000;
    position: relative
}

    a.attachment_link span {
        position: absolute;
        bottom: 0;
        left: 0;
        display: none;
        background-color: #000;
        color: #fff;
        opacity: .8
    }

    a.attachment_link:hover {
        box-shadow: 0 0 7px #8f8f8f
    }

        a.attachment_link:hover span {
            display: block
        }

.ui-datepicker, .ui-timepicker {
    z-index: 10 !important
}

@media print {
    .hide-print {
        display: none;
        height: 1px
    }
}

.imglink, .selectlist, .selectlist li a {
    display: block
}

.form-group .datepicker, .form-group .timepicker {
    cursor: pointer
}

.col-md-4 {
    z-index: 9
}

.list-selectable > li.selected, .list-selectable > li:hover {
    background-color: #316ea7;
    color: #fff
}

.userbrowserlist {
    display: block;
    list-style: none;
    margin-bottom: 0;
    padding: 0
}

    .userbrowserlist li {
        padding: 8px;
        border-top: 1px solid #eee;
        margin: 0
    }

        .selectlist li:first-child a, .userbrowserlist li:first-child {
            border-top: none
        }

.ictrl, .imglink {
    margin-right: 10px
}

.selectlist li a {
    background-color: #eee;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    padding: 3px 0 3px 5px;
    font-size: 10px;
    text-decoration: none
}

    .selectlist li a.selected {
        background-color: #fff;
        border-right: none;
        font-weight: 700
    }

.grayCircle, .roundImgCol {
    background-color: none
}

.imgs, .post-image {
    border: 1px solid silver
}

.imgs {
    max-width: 50px;
    max-height: 50px;
    padding: 3px
}

.post-image {
    max-width: 100px;
    max-height: 100px;
    padding: 5px;
    margin-bottom: 10px
}

.imglink {
    float: left
}

.ictrl {
    float: right;
    vertical-align: middle
}

.blueIcon, .greenIcon, .orangeIcon {
    margin-left: auto;
    margin-right: auto
}

.uinlineblock {
    display: inline-block
}

.interestCB {
    width: 100px;
    float: left
}

.greenIcon {
    color: #40c080
}

.orangeIcon {
    color: #f0a000
}

.blueIcon {
    color: #50a0d0
}

.roundImgCol {
    width: 90px;
    height: 90px;
    line-height: 90px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    margin: 1px;
    padding-top: 11px
}

.img-responsive {
    height: 100%
}

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100% !important;
    max-width: 860px !important
}

    .bx-wrapper img {
        max-width: 100%;
        display: block
    }

    .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
        bottom: -30px;
        width: 100%;
        margin: 0 auto
    }

    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(https://rezcdn.azureedge.net/img/bx_loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000
    }

    .bx-wrapper .bx-pager {
        text-align: center;
        font-weight: 700;
        color: #666;
        padding-top: 20px;
        max-width: 826px;
        width: 100%
    }

@media(min-width:767px) and (max-width:1024px) {
    .bx-wrapper {
        max-width: 740px !important
    }
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #8bd9a9;
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px
}

    .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: #fff
    }

.bx-wrapper .bx-prev {
    left: -2%;
    background: url(https://rezcdn.azureedge.net/img/previous.png) no-repeat;
    height: 72px;
    width: 44px;
    opacity: .5
}

.bx-wrapper .bx-next {
    right: -2%;
    background: url(https://rezcdn.azureedge.net/img/next.png) no-repeat;
    height: 72px;
    width: 44px;
    opacity: .5
}

ul#slider {
    padding: 0;
    margin: 0 auto;
    max-width: 826px;
    width: 100%
}

.bx-wrapper .bx-prev:hover {
    background: url(https://rezcdn.azureedge.net/img/previous.png) no-repeat;
    opacity: 1 !important
}

.bx-wrapper .bx-next:hover {
    background: url(https://rezcdn.azureedge.net/img/next.png) no-repeat;
    opacity: 1 !important
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 40%;
    margin-top: -16px;
    outline: 0;
    width: 44px;
    height: 72px;
    text-indent: -9999px;
    z-index: 9999
}

    .bx-wrapper .bx-controls-direction a.disabled {
        display: none
    }

@media (max-width:767px) {
    .bx-wrapper .bx-prev {
        left: 7%;
        background: url(../img/prev_small.png) no-repeat;
        height: 33px;
        opacity: .5;
        width: 50%
    }
.btnSgnUpPrpMagSm, .btnLearnMore {margin: 5px 0px 5px 0px; display: block; }
    .bx-wrapper .bx-next {
        right: 0;
        background: url(../img/next_small.png) no-repeat;
        height: 33px;
        opacity: .5;
        width: 50%
    }

    .bx-wrapper .bx-prev:hover {
        background: url(../img/prev_small.png) no-repeat
    }

    .bx-wrapper .bx-next:hover {
        background: url(../img/next_small.png) no-repeat
    }

    .bx-wrapper img {
        max-width: 80%;
        display: block;
        margin: 0 auto
    }
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../img/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

    .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover {
        background-position: -86px 0
    }

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../img/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

    .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover {
        background-position: -86px -33px
    }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, .75);
    width: 100%
}

/*home icon set css start*/



@font-face {
    font-family: 'icomoon';
    src: url('../../fonts/home_fonts/icomoon.eot?ti9a1m');
    src: url('../../fonts/home_fonts/icomoon.eot?ti9a1m#iefix') format('embedded-opentype'), url('../../fonts/home_fonts/icomoon.ttf?ti9a1m') format('truetype'), url('../../fonts/home_fonts/icomoon.woff?ti9a1m') format('woff'), url('../../fonts/home_fonts/icomoon.svg?ti9a1m#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'iconreze';
    src: url('../../fonts/home_fonts/iconreze.ttf?devwts') format('truetype'), url('../../fonts/home_fonts/iconreze.woff?devwts') format('woff'), url('../../fonts/home_fonts/iconreze.svg?devwts#iconreze') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="iconrez"], [class*=" iconrez"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
     /*Better Font Rendering ===========*/ 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="iconreze-"], [class*=" iconreze-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'iconreze' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconrezaccounting-software:before {
    content: "\e900";
}
.iconrezbuilding-insights:before {
    content: "\e901";
}
.iconrezmaintenance-request:before {
    content: "\e902";
}
.iconrezonline-newsletter-and-announcements:before {
    content: "\e903";
}
.iconrezonline-payments:before {
    content: "\e904";
}
.iconrezrenters-insurance:before {
    content: "\e905";
}
.iconreztenant-screening:before {
    content: "\e906";
}
.iconrezvacancy-posting:before {
    content: "\e907";
}
.iconreze-eviction-services:before {
    content: "\e800";
}
ul.services {
    background-color: rgba(48, 80, 128, 0.9);
    text-align: center;
    width: 70%;    
    list-style: none;
    padding: 0;    
}
ul.services li {
    width: 160px;
    display: inline-block;
    border-right: 1px solid #193763;
    padding: 15px 0px;
}
ul.services li:last-child {
    border: none;
}
ul.services li a {
    color: #ffffff;
    font-size: 17px;
    text-decoration: none;
}
    ul.services li a span {
        color: #ffffff;
        /*font-size: 44px; changes 16012018 */
  font-size: 30px;
    }
ul.services li:hover a, ul.services li:hover a span {
    color: #f0a000;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    ul.services {        
        margin: 0px !important;
    }
}
/*home icon set css end*/

/*icon responsive 3993 starts*/
ul.services {
    display: inline-block;
    overflow: hidden;
}

    ul.services li {
        /*width: 12.5%;*/
        width:11%;
        float: left;
    }

@media screen and (min-width: 1700px) {
    ul.services {        
        width:100%;
    }
}

@media screen and (max-width: 1699px) {
    ul.services {
        width: 100%;        
    }

        ul.services li {
            /*width: 12.5%;*/
            width: 11%;
            float: left;
        }

            ul.services li p {
                font-size: 12px;
                padding-top: 8px;
            }

            ul.services li a span {                
                font-size:25px;
            }

    .homeBannerWrap {        
        top: 20% !important;
    }

    .container .homeBannerCaption {
        font-size: 38px;
    }
}

@media screen and (max-width: 1399px) {
    .homeBannerWrap {        
        top:20%;
    }

    .container .homeBannerCaption {
        font-size: 32px;
        line-height: 44px;
    }

    .btnCommonHme {
        font-size: 17px;
    }
    

    .embed-responsive-16by9 {
        padding-bottom: 50%;
    }
}
@media only screen and (min-width: 720px) and (max-width: 1198px) {
    .homeBannerWrap {
        top: 14% !important;
    }
}

    @media screen and (max-width: 1199px) {
        .homeBannerWrap {
            top: 19%;
        }

        .container .homeBannerCaption {
            font-size: 28px;
            line-height: 42px;
            color: #fff !important;
            padding: 10px 5px;
        }
        

        .extrsHgtCommon, .homeContentWrp {
            max-width: 100%;
            overflow-x: hidden;
        }

        .homeBanner .embed-responsive-16by9 {
            padding-bottom: 61.25%;
        }
    }

    @media screen and (max-width: 991px) {
        .spacMargin {
            margin-top: 7% !important;
        }

        .homeBannerWrap {            
            position: absolute;
        }

        .topBlueStrpWrp .topBlueStrp a:last-child {
            margin-right: 0 !important;
        }

        .topBlueStrpWrp .topBlueStrp, .topBlueStrp a:last-child {
            max-width: 98%;
            margin: 0 auto;
            padding: 0 15px;
        }

        ul.services {            
            margin-top: 5% !important;
            width: 100%;
        }

            ul.services li {
                padding: 5px 0px;
            }

        .topBlueStrpWrp .topBlueStrp a {
            display: inline-block;
            padding: 0;
        }
    }

    @media screen and (max-width: 767px) {
        .homeBannerWrap {
            margin-top: 0;
        }

        .homeContentWrp {
            padding-top: 0;
        }

        ul.services li {
            padding: 15px 5px;
        }

            ul.services li a {
                display: inline-block;
            }

                ul.services li a span {
                    font-size: 28px;
                }

        .homeBanner .embed-responsive-16by9 {
            padding-bottom: 63.25%;
        }

        .btnCommonHme {
            display: inline-block;
        }
    }

    @media screen and (max-width: 639px) {
        ul.services {
            display: none;
        }

        .homeBanner .embed-responsive-16by9 {
            padding-bottom: 56.25%;
        }

        .homeBannerWrap .btnCommonHme {
            display: inline-block;
            max-width: 100%;
            width: 319px;            
            margin: 6% auto;
        }
    }
    /*3993 ends*/
/* Start Scroll bar css chnages*/
/* width */
/*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}*/
/* Track */
/*::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 5px;
}*/

/* Handle */
/*::-webkit-scrollbar-thumb {
    background: #f0a000;
    border-radius: 5px;
}*/

/* Handle on hover */
 /*   ::-webkit-scrollbar-thumb:hover {
        background: #f0a000;
    }*/
/* End Scroll bar css chnages*/

@media (min-width:1024PX) {
    #petDetailDiv > label {
        margin-top: 10px;
    }
}

@media (min-width: 768px) {
    #petDetailDiv > label {
        margin-top: 10px;
    }
}
@media screen and (max-width: 1400px) {
    .PostingModule-content.custom-flex-table .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }  
}
@media screen and (max-width: 1200px) {
    .collapse.navbar-collapse.navigation-header ul#headerList li a {
        font-size: 14px;
    }
}

@media screen and (max-width: 991px) {

    .left-logo-rezdent, .right-logo-certn {
        max-height: 38px;
        width: auto;
    }

    body .certain-logo h1 {
        font-size: 1.6vw;
        margin: 10px 0;
    }

    .collapse.navbar-collapse.navigation-header ul#headerList li a {
        font-size: 10px;
    }
}

@media screen and (max-width:768px) {
    #addEmployerDiv {
        left: 0%;
    }

    .p-bottom {
        margin-bottom: 20px;
    }
}

.pciLogo {
    background-color: white;
    /*margin-bottom: 6px;*/
    width: 177px;
}
.pciLogo img {
    width: 170px;
}

.sslLogo {
    margin-bottom: 6px;
}

.quickBooksLinks {
    margin-top: -10px;
}

.circular-square {
    border-top-left-radius: 50% 50%;
    border-top-right-radius: 50% 50%;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
}

.Top-layout {
    max-width: 100%;
    display: flex;
    justify-content: center;
}

.elementor-container {
    max-width: 1450px;
    margin: 0 auto; /* Centers the container */
    padding: 0 20px; /* Optional: Add some padding for breathing space */
}

.top_nav {
    display: flex;
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    justify-content: space-between;
    
}

.gradient_button {
    display: inline-block;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(to right, #1F74D3 0%, #002D5F 51%, #1F74D3 100%);
    text-decoration: none;
    border-radius: 15px;
    padding: 21px 40px 20px 40px;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color:#ffffff;
    height:65.6px;
}

    .gradient_button:hover {
        background-position: right center;
        display: inline-block;
        text-align: center;
        transition: 0.5s;
        background-size: 200% auto;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
        background-image: linear-gradient(to right, #1F74D3 0%, #002D5F 51%, #1F74D3 100%);
        text-decoration: none;
        color:#ffffff;
    }

    .main-logo {
       
        height: 27px;
    }

.fab {
    font-family: "Font Awesome 5 Brands";
}

.logo-left {
    padding: 17.5px 1em 1em 0em;
}

.logo-left a {
    display: inline-block;
   
}

    .logo-left a img {
        width: 142.61px;
        height: 37.16px;
    }

.request-demo_btn {
    padding: 10px;
    text-align: center;
    margin-right: 14px;
    padding-right: 0 !important;
}

.nav-options{
    display:flex;
    align-items:end;
    height:47px;
    margin-top:6px;

}

.navbar-fields{
    padding:1em 1em 1em 1em;
    display:flex;
    height:103px;
    display:flex;
    justify-content:flex-end;
}

.footer-section{
    width:100%;
    display:flex;
}

.company-head {
    color:#ffffff;
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    line-height:1.2em;
    margin-bottom:20px;
    margin-top:30px;
}

.elementor-icon-list-items {
    list-style-type: none;
    padding-left: 0;
   
}

.contact{
    display:inline-flex;
    width:100%;
}

.contact a {
    padding: 10px 20px 10px 20px;
    background-color: #002D5F;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    border-radius: 25px 25px 25px 25px;
    color: #ffffff;
}

    .contact a:hover{
        text-decoration:none!important;
        background-color:#1f74D3;
        cursor:pointer;   
    }

    .elementor-icon-list-items li a {
        font-family: "Montserrat", Sans-serif;
        font-size: 1.25rem;
        font-weight: 500;
        color: #ffffff;
        display: block;
        margin-top: calc(5px/2);
        padding-bottom: calc(5px/2);
    }

        .elementor-icon-list-items li a:hover {
            text-decoration:none;
        }

.footer-part1{
    display:block;
    margin-bottom:20px;
}

.section-2{
    padding:1em 1em 1em 4em;
}

.sub-arrow{
    padding:10px 0 10px 5px;
}

.email-a ul {
    padding-left: 0!important;
    margin-top:20px;
}

.email-a ul li {
    list-style-type: none;

}

.email-a ul li a{
    text-decoration:none!important;
    color:#ffffff!important;
}

.elementor-icon-list-text {
    padding-left: 5px;
    font-size: 12.5px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    letter-spacing:0.4px;
}

.elementor-icon-list-icon{
    padding-right:10px;
}

.footer-bottom-section {
    background-color: #1F74D3;
    position:relative;
    display:flex;
}

.elementor-background-overlay {
    background-image: url("https://rezedent.wpengine.com/wp-content/uploads/2023/04/bgs2.4.png");
    background-position: center center;
    opacity: 0.15;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.wrap-1{
    width:25%;
    padding:1em;
}

.wrap-2{
    width:15%;
}

.wrap-3{
    width:35%;
}

.elementor-element .elementor-widget-container {
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}

.elementor-heading-title {
    color: #ffffff!important;
    font-family: "Montserrat", Sans-serif;
    font-size: 10px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing:0.2px;
}

.elementor-element-populated{
    padding:1em;
}

.elementor-element-1.elementor-element-169b32e5 {
    --grid-template-columns: repeat(0, auto);
    --icon-size: 15px;
    --grid-column-gap: 15px;
    --grid-row-gap: 0px;
}

.elementor-widget-wrap > .elementor-element-1{
    width:100%;
}

.elementor-element-1.elementor-element-169b32e5 .elementor-widget-container{
    text-align:center;
}

.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container{
    line-height:1;
    font-size:0;

}

.elementor-element-1 .elementor-widget-container {
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}

.elementor-grid .elementor-grid {
    display: inline-block;
    width: 100%;
    word-spacing: 15px;
    margin-bottom: calc(-1 * 0)
}

.elementor-grid .elementor-grid-item {
    display: inline-block;
    margin-bottom:0;
    word-break: break-word;
    padding-right:15px;
}

.elementor-grid .elementor-grid-item:last-child{
    padding-right:0;
}

.elementor-social-icon{
    background-color:#ffffff;
}

.elementor-shape-circle .elementor-icon.elementor-social-icon{
    border-radius:50%;
}

.elementor-icon.elementor-social-icon {
    font-size:15px;
    line-height:15px;
   width:30px;
   height:30px;
   display:flex;
   justify-content:center;
   align-items:center;
   position:relative;
   z-index:1000;
   text-decoration:none!important;
   cursor:pointer;
   color:#1F74D3;
}


.elementor-screen-only {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.elementor-social-icon:hover{
    background-color:#002D5F;
}

.nav-submenu {
    margin-top: 24px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    position: absolute;
   
    top: 100%; /* Position it below the parent li */
    left: 0; /* Align it to the left of the parent li */
    background-color: #fff; /* Set background color */
    width: max-content; /* Adjust width to fit the content */
     /* Ensure the submenu is above other elements */
    padding-left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 3s 0.3s; /* Smooth transition for visibility and opacity */
}

.nav-options li:hover .nav-submenu {
    opacity: 1; /* Make the submenu visible */
    visibility: visible; /* Ensure it's visible */
    transition: opacity 0.3s ease; /* Smooth transition */
}

.nav-submenu:hover {
    visibility: visible;
    opacity: 1;
}

.navbar-nav > li:hover .nav-submenu {
    display: block; /* Make submenu visible */
}

.nav-submenu li {
    list-style-type: none;
    margin-right: 0 !important;
    padding: 13px 20px !important;
    cursor:pointer!important
}

    .nav-submenu li a {
        font-family: "Roboto", sans-serif;
        font-size: 1.25rem !important;
        font-weight: 500;
        color: #000000 !important;
        text-decoration: none;
    }

    .nav-submenu li a:hover {
        color: #1F74D3 !important;
       

    }


    .nav-submenu li a:after {
        display: none;
    }

.elementor-widget-container ul{
    display:flex;
    padding:1em;
    margin-left:-8px;
}

.elementor-widget-container ul li{
    margin-left:8px;
    margin-right:8px;
    cursor:pointer;
}

.wrap-3{
    position:relative;
    z-index:10000;
}

.fa-linkedin::before {
    content: "\f08c";
}

.elementor-element {
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
    position:relative;
    z-index:1000;
}

    .elementor-element a {
        color: #1f74D3;
        font-family: "Roboto", sans-serif;
        
        font-size: 18px;
    }

    .elementor-element a:hover {
        color:#002D5F;
    }

.element-footer-container, .element-header-container {
    max-width: 1450px;
    display: table;
    margin: 0 auto;
}

.reset-passwd1 {
    background-color: white;
   height: 380px;
}


@media only screen and (min-width: 1400px) {
    .reset-passwd {
        height: 610px;
    }
}

@media only screen and (min-width: 1520px) {
    .reset-passwd {
        height: 500px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .reset-passwd1 {
        background-color: white;
        height: 600px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

}

@media only screen and (min-width: 1600px) {
    .reset-passwd {
        height: 650px;
        padding: 30px;
    }

    .reset-passwd1 {
        height: 640px;
    }
}