/* GENERAL STYLES */
body{
    font-family: 'signikaregular';
    color: #363636;
}
.left{
    float: left;
}
.right{
    float: right;
}
.clear:after{
    content: '';
    display: table;
    clear: both;
}
input, input:active{
    outline: none;
}
h2{
    font-size: 24px;
    line-height: 24px;
    font-family: 'signikasemibold';
    padding-bottom: 25px;
}



/* LANDING PAGE */
.ecohelp-webapp-link{
    display: block;
    width: 120px;
    height: 36px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.ecohelp-webapp-link img{
    width: 120px;
}
.landing-page header{
    background: url(../img/lp_back_1920.jpg) top center no-repeat;
    height: 794px;
    background-size: cover;
    position: relative;
}
.landing-page .logo{
    width: 216px;
    height: 216px;
    margin: 0 auto;
    padding-top: 74px;
    float: none;
}
.landing-page header h1{
    text-align: center;
    color: #363636;
    font-size: 72px;
    font-family: 'signikabold';
    padding-top: 60px;
    text-shadow: 2px 2px 1px rgba(255, 255, 255, 1);
    font-weight: normal;
}
.landing-page .choose-links{
    padding-top: 50px;
}
.landing-page .choose-links a{
    color: #fff;
    font-size: 24px;
    font-family: 'signikalight';
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 372px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    border-radius: 31px; /* border radius */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; /* prevents bg color from leaking outside the border */
    text-decoration: none;
    line-height: 62px;
}
.landing-page .choose-links a.resident-link{
    background-color: #009ddd;
    margin-bottom: 15px;
}
.landing-page .choose-links a.resident-link:hover{
    background-color: #0095d5;
}
.landing-page .choose-links a.manager-link{
    background-color: #87b52d; 
}
.landing-page .choose-links a.manager-link:hover{
    background-color: #85b025; 
}
.landing-page .lp-arrow-down{
    background: url(../img/arrow_down.png) center center no-repeat;
    width: 50px;
    height: 27px;
    padding: 15px;
    display: block;
    margin: 25px auto 0;
    opacity: 0.8;
}
.landing-page .lp-arrow-down:hover{
    opacity: 1;
}
.landing-page .stamp-wrapper{
    position: absolute;
    height: 151px;
    width: 100%;
    top: 100%;
    left: 0;
    margin-top: -75px;
}
.landing-page .stamp{
    width: 151px;
    height: 151px;
    margin: 0 auto;
    background: url(../img/stamp.png) 0 0 no-repeat;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    padding-top: 27px;
    color: #fff;
    font-family: 'signikalight';
    box-sizing: border-box;
}
.landing-page .stamp span{
    font-family: 'signikaregular';
}
.landing-page .lp-content .wrapper,
.landing-page .lp-companies .wrapper,
.landing-page .lp-contact .wrapper,
.landing-page footer .wrapper{
    width: 960px;
    margin: 0 auto;
}
.landing-page .lp-content{
    background: #ebebeb;
    padding-top: 115px;
    padding-bottom: 40px;
}
.landing-page .content-column{
    float: left;
    width: 33%;
    max-width: 318px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 65px 25px 0;
}
.landing-page .content-column h2{
    font-size: 24px;
    line-height: 24px;
    font-family: 'signikasemibold';
    padding-top: 20px;
    padding-bottom: 25px;
    text-transform: uppercase;
}
.landing-page .content-column p{
    font-size: 16px;
    line-height: 18px;
}
.landing-page .column-resident{
    background: url(../img/icon-resident.png) top center no-repeat;
}
.landing-page .column-manager{
    background: url(../img/icon-manager.png) top center no-repeat;
}
.landing-page .column-green{
    background: url(../img/icon-green.png) top center no-repeat;
}
.landing-page .lp-companies{
    padding: 39px 0;
    text-align: center;
}
.landing-page .lp-companies img{
    padding: 0 40px;
}
.landing-page .lp-contact{
    background: #f6f6f6;
    padding: 44px 0;
}
.landing-page .lp-contact .signup{
    float: left;
}
.landing-page .lp-contact .social{
    float: right;
}
.landing-page .lp-contact form{
    font-size: 16px;
}
.landing-page .lp-contact form input{
    margin-left: 8px;
    padding: 12px;
    border-radius: 40px;
    background: #fff;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
}
.landing-page .lp-contact form input[type='text']{
    font-size: 16px;
    color: #363636;
    font-family: 'signikaregular';
}
.landing-page .lp-contact form input[type='text'].ie-placeholder { color: #aaa; }
.landing-page .lp-contact form input.input-email{
    width: 220px;
}
.landing-page .lp-contact form input.input-zip{
    width: 100px;
}
.landing-page .lp-contact form input.input-submit{
    width: 100px;
    background: #c2c2c2;
    color: #fff;
    font-size: 16px;
    font-family: 'signikabold';
    cursor: pointer;
}
.landing-page .lp-contact form input.input-submit:hover{
    background: #87b52d;
}
.landing-page .lp-contact .social p{
    display: block;
    height: 45px;
    float: left;
    line-height: 45px;
    padding-right: 5px;
}
.landing-page .lp-contact .social-link{
    display: block;
    width: 45px;
    height: 45px;
    background-color: #c2c2c2;
    border-radius: 40px;
    margin-left: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
}
.landing-page .lp-contact .social-link:hover{
    background-color: #87b52d;
}
.landing-page .lp-contact .link-tw{
    background-image: url(../img/social_tw.png);
}
.landing-page .lp-contact .link-fb{
    background-image: url(../img/social_fb.png);
}
.landing-page .lp-contact .link-gp{
    background-image: url(../img/social_gp.png);
}
.landing-page .lp-contact .link-li{
    background-image: url(../img/social_li.png);
}
.landing-page .lp-contact .link-yelp{
    background-image: url(../img/social_yelp.png);
}
.landing-page .lp-contact .link-yp{
    background-image: url(../img/social_yp.png);
}
.landing-page footer{
    background: #009dde;
    padding: 37px 0;
    font-size: 14px;
    line-height: 14px;
}
.landing-page footer a{
    text-transform: uppercase;
    color: #363636;
    text-decoration: none;
    margin-left: 50px;
}
.landing-page footer a:first-child{
    margin: 0;
}
.landing-page footer a:hover{
    text-decoration: underline;
}
.landing-page .footer-menu{
    float: left;
}
.landing-page .copyright{
    float: right;
}
.landing-page .footer-menu ul{
    list-style: none;
}
.landing-page .footer-menu ul li{
    display: inline-block;
    margin-left: 50px;
}
.landing-page .footer-menu ul li:first-child{
    margin-left: 0;
}



/* LANDING PAGE RESPONSIVE STYLES */
@media only screen and (max-width: 1280px){
    .landing-page header .wrapper{
        width: 100%;
    }
    .landing-page header{
        background: url(../img/lp_back_1280.jpg) 0 0 no-repeat;
        height: 675px;
    }
    .landing-page .logo{
        padding-top: 45px;
    }
    .landing-page header h1{
        padding-top: 35px;
    }
    .landing-page .choose-links{
        padding-top: 35px;
    }
    .landing-page .lp-arrow-down{
        background: url(../img/arrow_down.png) center center no-repeat;
        width: 50px;
        height: 27px;
        padding: 0;
        margin: 15px auto 0;
    }
}
@media only screen and (max-width: 1024px){
    .landing-page header{
        background: url(../img/lp_back_1024.jpg) 0 0 no-repeat;
        height: 556px;
    }
    .landing-page .logo{
        padding-top: 30px;
        width: 163px;
        height: 163px;
    }
    .landing-page .logo img{
        width: 163px;
        height: 163px;
    }
    .landing-page header h1{
        padding-top: 30px;
        font-size: 48px;
    }
    .landing-page .choose-links{
        padding-top: 10px;
    }
    .landing-page .lp-arrow-down{
        display: none;
    }
}
@media only screen and (max-width: 960px){
    .landing-page .lp-content .wrapper,
    .landing-page .lp-companies .wrapper,
    .landing-page .lp-contact .wrapper,
    .landing-page footer .wrapper{
        width: 100%;
        max-width: 900px;
        padding: 0 10px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .landing-page .lp-companies img{
        padding: 0 30px;
    }
    .landing-page .lp-contact .social{
        float: left;
        padding-top: 20px;
    }
    .landing-page header h1{
        font-family: 'signikalight';
    }
}
@media only screen and (max-width: 768px){
    .landing-page header{
        background: url(../img/lp_back_768.jpg) 0 0 no-repeat;
        height: 556px;
    }
    .landing-page .lp-content .wrapper,
    .landing-page .lp-companies .wrapper,
    .landing-page .lp-contact .wrapper,
    .landing-page footer .wrapper{
        width: 100%;
        max-width: 708px;
    }
    .landing-page .lp-companies img{
        padding: 0 10px;
    }
}
@media only screen and (max-width: 640px){
    .landing-page header{
        background: url(../img/lp_back_640.jpg) 0 0 no-repeat;
        height: 556px;
    }
    .landing-page .lp-content .wrapper,
    .landing-page .lp-companies .wrapper,
    .landing-page .lp-contact .wrapper,
    .landing-page footer .wrapper{
        width: 100%;
        max-width: 580px;
    }
    .landing-page .lp-content{
        padding-bottom: 5px;
    }
    .landing-page .content-column{
        float: none;
        width: 100%;
        max-width: 90%;
        padding: 0;
        padding-bottom: 35px;
        margin: 0 auto;
    }
    .landing-page .column-resident{
        background: url(../img/icon-mobile-resident.png) top center no-repeat;
        padding-top: 50px;
    }
    .landing-page .column-manager{
        background: url(../img/icon-mobile-manager.png) top center no-repeat;
        padding-top: 53px;
    }
    .landing-page .column-green{
        background: url(../img/icon-mobile-green.png) top center no-repeat;
        padding-top: 35px;
    }
    .landing-page .content-column h2{
        font-size: 18px;
        padding: 14px 0 17px;
    }
    .landing-page .lp-companies img{
        padding: 0 30px;
    }
    .landing-page .lp-contact form input.input-email{
        width: 210px;
    }
    .landing-page .lp-contact form input.input-zip{
        width: 90px;
    }
}
@media only screen and (max-width: 480px){
    .landing-page header{
        background: url(../img/lp_back_480.jpg) 0 0 no-repeat;
        height: 563px;
    }
    .landing-page .lp-content .wrapper,
    .landing-page .lp-companies .wrapper,
    .landing-page .lp-contact .wrapper,
    .landing-page footer .wrapper{
        width: 100%;
        max-width: 420px;
    }
    .landing-page header h1{
        padding-top: 30px;
        font-size: 42px;
        width: 270px;
        margin: 0 auto;
    }
    .landing-page .choose-links a{
        font-size: 18px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px; /* border radius */
        line-height: 50px;
        width: 280px;
    }
    .landing-page .choose-links a.resident-link{
        margin-bottom: 10px;
    }
    .landing-page .lp-companies img{
        padding: 0 2px;
    }
    .landing-page .lp-companies img:first-child{
        padding-right: 50px;
    }
    .landing-page .lp-contact{
        padding-bottom: 20px;
    }
    .landing-page .lp-contact .signup{
        float: none;
    }
    .landing-page .lp-contact .social{
        float: none;
    }
    .landing-page .lp-contact form input{
        display: block;
        margin: 10px 0 0 0;
    }
    .landing-page .lp-contact .social p{
        float: none;
    }
    .landing-page .lp-contact .social-link{
        margin: 0 5px 0 0;
    }
    .landing-page footer{
        padding: 37px 0 25px;
    }
    .landing-page footer a{
        margin-left: 25px;
    }
    .landing-page .copyright{
        float: left;
        padding-top: 20px;
    }
}
@media only screen and (max-width: 320px){
    .landing-page header{
        background: url(../img/lp_back_320.jpg) 0 0 no-repeat;
        height: 551px;
    }
    .landing-page .lp-content .wrapper,
    .landing-page .lp-companies .wrapper,
    .landing-page .lp-contact .wrapper,
    .landing-page footer .wrapper{
        width: 280px;
    }
    .landing-page .choose-links a{
        width: 260px;
    }
}




/* MAIN SITE STYLES */
header .wrapper,
.main-content,
.upper-footer .wrapper,
footer .wrapper,
.advantages-wrapper,
.members-wrapper{
    width: 1280px;
    margin: 0 auto;
}
.pad35{
    padding-top: 35px;
}
.pad50{
    padding-top: 50px;
}
.main-content h1{
    color: #88b52d;
    font-size: 42px;
    font-family: 'signikalight';
    font-weight: normal;
    margin-bottom: 30px;
}
.main-content p{
    font-size: 18px;
    line-height: 24px;
    font-family: 'signikalight';
    margin-bottom: 20px;
}
.main-content ul li{
    font-size: 18px;
    line-height: 24px;
    font-family: 'signikalight';
}


/* HEADER */
header.mobile{
    display: none;
}
header{
    height: 150px;
}
.logo{
    float: left;
    padding-top: 20px;
}
.header-contact-nav-area{
    float: right;
}
.header-phone{
    float: left;
    line-height: 24px;
    color: #88b52d;
    font-size: 24px;
    padding-left: 26px;
    margin-top: 36px;
    background: url(../img/phone.png) 0px 2px no-repeat;
}
.header-phone .light{
    font-size: 16px;
    font-family: 'signikalight';
}
.header-phone .bold{
    font-family: 'signikabold';
}
.residental-portal-link{
    float: left;
    margin-top: 38px;
    line-height: 24px;
    font-size: 16px;
    font-family: 'signikalight';
    padding-left: 130px;
}
.residental-portal-link a{
    color: #88b52d;
}
.residental-portal-link a:hover{
    text-decoration: none;
}
.proposal{
    float: right;
    margin-top: 30px;
}
.proposal a{
    display: block;
    width: 169px;
    height: 38px;
    background: url(../img/request_btn.png) 0 0 no-repeat;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    line-height: 38px;
    opacity: 0.9;
}
.proposal a:hover{
    opacity: 1;
}


/* MAIN NAVIGATION */
.main-nav {
    margin-top: 2px;
    height: 80px;
}
.main-nav > li{
    float: left;
    padding: 0 47px;
    position: relative;
    box-sizing: border-box;
}
.main-nav > li:first-child{
    padding-left: 0;
}
.main-nav > li:last-child{
    padding-right: 0;
}
.main-nav > li > a{
    color: #363636;
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    line-height: 18px;
    padding: 30px 0 30px;
    display: inline-block;
    box-sizing: border-box;
    border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.main-nav > li > a:hover,
.main-nav > li.current-menu-item > a:hover{
    border-bottom: 2px solid #009dde;
}
.main-nav > li.current-menu-item > a{
    border-bottom: 2px solid #88b52d;
}
.main-nav .sub-menu{
    display: none;
    position: absolute;
    top: 100%;
    left: 47px;
    background: rgba(255, 255, 255, 0.9);
    width: 250px;
    z-index: 10;
}
.main-nav > li.menu-item-has-children:hover ul{
    display: block;
}
.main-nav .sub-menu li{
    border: 2px solid rgba(255, 255, 255, 0);
}
.main-nav .sub-menu li a{
    color: #898989;
    font-size: 15px;
    font-family: 'signikalight';
    text-decoration: none;
    display: inline-block;
    height: 43px;
    width: 100%;
    padding: 14px 18px;
    box-sizing: border-box;
}
.main-nav .sub-menu li:hover,
.main-nav .sub-menu li.current-menu-item:hover{
    border-left: 2px solid #009dde;
}
.main-nav .sub-menu li.current-menu-item a{
    color: #88b52d;
}
.main-nav .sub-menu li a:hover{
    color: #009dde;
}



/* FOOTER */
.upper-footer{
    background: #f6f6f6;
    padding: 32px 0;
}
.upper-footer .footer-nav{
    float: left;
}
.footer-nav a{
    color: #363636;
    text-decoration: none;
    font-size: 14px;
}
.footer-nav a:hover{
    color: #88b52d;
}
.footer-nav li{
    float: left;
    margin: 20px 0;
    padding: 0 20px;
    border-right: 1px solid #aeaeae;
    border-left: 1px solid #363636;
}
.footer-nav li:first-child{
    padding-left: 0;
    border-left: none;
}
.footer-nav li:last-child{
    border-right: none;
}
.upper-footer .social{
    float: right;
}
.upper-footer .social-link{
    display: block;
    width: 45px;
    height: 45px;
    background-color: #c2c2c2;
    border-radius: 40px;
    margin-left: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
}
.upper-footer .social-link:hover{
    background-color: #87b52d;
}
.upper-footer .link-tw{
    background-image: url(../img/social_tw.png);
}
.upper-footer .link-fb{
    background-image: url(../img/social_fb.png);
}
.upper-footer .link-gp{
    background-image: url(../img/social_gp.png);
}
.upper-footer .link-li{
    background-image: url(../img/social_li.png);
}
.upper-footer .link-yelp{
    background-image: url(../img/social_yelp.png);
}
.upper-footer .link-yp{
    background-image: url(../img/social_yp.png);
}
footer{
    background: #009dde;
    padding: 37px 0;
    font-size: 14px;
    line-height: 14px;
}
footer a{
    text-transform: uppercase;
    color: #363636;
    text-decoration: none;
    margin-left: 50px;
}
footer a:first-child{
    margin: 0;
}
footer a:hover{
    text-decoration: underline;
}
.footer-menu{
    float: left;
}
.copyright{
    float: right;
}
.footer-menu ul{
    list-style: none;
}
.footer-menu ul li{
    display: inline-block;
    margin-left: 50px;
}
.footer-menu ul li:first-child{
    margin-left: 0;
}


/* ADVANTAGE PAGE */
.advantages-wrapper{
    padding-top: 30px;
}
.advantage{
    margin-bottom: 40px;
}
.advantage img{
    float: left;
    margin-right: 50px;
    margin-bottom: 5px;
    width: 580px;
}
.advantage h1{
    color: #009dde;
    font-size: 42px;
    font-weight: normal;
    margin-bottom: 40px;
}
.advantage  p{
    font-size: 18px;
    line-height: 24px;
    font-family: 'signikalight';
}



/* OUR TEAM PAGE */
.post-53 img{
    width: 100%;
    height: auto;
}
.post-53 h1{
    color: #009dde;
}
.members-wrapper{
    padding-top: 30px;
}
.member{
    margin-bottom: 40px;
}
.member img{
    float: left;
    margin-right: 50px;
    margin-bottom: 5px;
    width: 405px;
}
.member h1{
    color: #009dde;
    font-size: 42px;
    font-weight: normal;
    margin-bottom: 40px;
}
.member p{
    font-size: 18px;
    line-height: 24px;
    font-family: 'signikalight';
}



/* HOMEPAGE */
.homepage-top,
.homepage-services,
.homepage-approach,
.homepage-team,
.homepage-advantage{
    position: relative;
    background-size: cover;
}
.homepage-top{
    background: url(../img/homepage-top.jpg) top center no-repeat;
    height: 550px;
}
.homepage-services{
    background: url(../img/homepage-advantage.jpg) top center no-repeat;
    height: 700px;
}
.homepage-advantage{
    background: url(../img/hp_banner_2_02.jpg) top center no-repeat;
    height: 784px;
}
.homepage-approach{
    background: url(../img/homepage-banner-03.jpg) top center no-repeat;
    height: 670px;
}
.homepage-team{
    background: url(../img/hp_banner_4_04.jpg) top center no-repeat;
    height: 784px;
}
.homepage-top .homepage-top-title{
    position: absolute;
    top: 60px;
    left: 45%; 
}
.homepage-top h1{
    font-size: 40px;
    font-family: 'signikasemibold';
    font-weight: normal;
    color: #fff;
    text-shadow: 1px 2px 0 rgba(67,84,112,.64);
    margin-bottom: 25px;
}
.homepage-top h1.second-line{
    padding-left: 60px;
}
.homepage-top h2{
    font-size: 24px;
    line-height: 30px;
    font-family: 'signikalight';
    font-weight: normal;
    max-width: 700px;
}
.homepage-services .text-block{
    position: absolute;
    top: 170px;
    right: 0px;
    padding: 60px 300px 45px 55px;
    background: rgba(255,255,255,0.9);
    border-left: 4px solid #88b52d;
    width: 420px;
}
.homepage-advantage .text-block{
    position: absolute;
    top: 100px;
    left: 0px;
    padding: 60px 100px 45px 250px;
    background: rgba(255,255,255,0.9);
    border-right: 4px solid #009dde;
    width: 550px;
}
.homepage-approach .text-block{
    position: absolute;
    top: 140px;
    right: 0px;
    padding: 60px 200px 45px 55px;
    background: rgba(255,255,255,0.9);
    border-left: 4px solid #88b52d;
    width: 620px;
}
.homepage-team .text-block{
    position: absolute;
    top: 130px;
    left: 0px;
    padding: 60px 100px 45px 250px;
    background: rgba(255,255,255,0.9);
    border-right: 4px solid #009dde;
    width: 550px;
}

.homepage-advantage .text-block h1,
.homepage-services .text-block h1,
.homepage-approach .text-block h1,
.homepage-team .text-block h1{
    font-size: 48px;
    font-weight: normal;
    margin-bottom: 40px;
}
.homepage-services .text-block h1{
    width: 450px;
    color: #009dde;
}
.homepage-advantage .text-block h1{
    color: #88b52d;
}
.homepage-approach .text-block h1{
    color: #009dde;
}
.homepage-team .text-block h1{
    color: #88b52d;
}
.homepage-advantage .text-block p,
.homepage-services .text-block p,
.homepage-approach .text-block p,
.homepage-team .text-block p{
    font-size: 24px;
    font-family: 'signikalight';
    padding-bottom: 35px;
    line-height: 26px;
}
.homepage-advantage .text-block a,
.homepage-services .text-block a,
.homepage-approach .text-block a,
.homepage-team .text-block a{
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    padding: 20px 50px;
    border-radius: 40px;
}
.homepage-services .text-block a{
    background: #009dde;
}
.homepage-services .text-block a:hover{
    background: #0090d0;
}
.homepage-advantage .text-block a{
    background: #88b52d;
}
.homepage-advantage .text-block a:hover{
    background: #86b020;
}
.homepage-approach .text-block a{
    background: #009dde;
}
.homepage-approach .text-block a:hover{
    background: #0090d0;
}
.homepage-team .text-block a{
    background: #88b52d;
}
.homepage-team .text-block a:hover{
    background: #86b020;
}
.homepage-comments{
    width: 1100px;
    margin: 67px auto 75px;
}
.homepage-comment{
    width: 300px;
    float: left;
    margin-left: 100px;
    text-align: center;
}
.homepage-comment:first-child{
    margin-left: 0;
}
.homepage-comment .person-name{
    font-size: 24px;
    margin: 45px 0 10px;
}
.homepage-comment .person-status{
    font-size: 16px;
    color: #898989;
    margin-bottom: 15px;
    font-family: 'signikalight';
}
.homepage-comment .person-comment{
    font-size: 16px;
    line-height: 18px;
    font-family: 'signikalight';
}
.scroll-down-wrapper{
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 20px;
}
.scroll-down-wrapper .lp-arrow-down,
.scroll-down-wrapper .lp-arrow-up{
    width: 50px;
    height: 28px;
    padding: 26px 15px;
    display: block;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
.scroll-down-wrapper .lp-arrow-down{
    background: url(../img/arrow_down.png) 15px 30px no-repeat rgba(255, 255, 255, 0.5);
}
.scroll-down-wrapper .lp-arrow-up{
    background: url(../img/arrow_up.png) center center no-repeat rgba(255, 255, 255, 0.5);
}
.scroll-down-wrapper .lp-arrow-down:hover,
.scroll-down-wrapper .lp-arrow-up:hover{
    background-color: rgba(255, 255, 255, 1);
}
.scroll-down-wrapper-1{
    right: 0;
    top: 100%;
}
.scroll-down-wrapper-2{
    left: 20px;
}
.scroll-down-wrapper-3{
    right: 20px;
}
.scroll-down-wrapper-4{
    left: 20px;
}
.scroll-down-wrapper-5{
    right: 20px;
}


/* SERVICES PAGE */
.services-top,
.services-residental,
.services-common{
    position: relative;
    background-size: cover;
}
.services-top{
    background: url(../img/services-top.jpg) top center no-repeat;
    height: 700px;
}
.services-residental{
    background: url(../img/services-residental.jpg) top center no-repeat;
    height: 610px;
}
.services-common{
    background: url(../img/EPCS_Services_forPM_05_2560_02.jpg) top center no-repeat;
    height: 610px;
}
.services-top{
    text-align: center;
}
.service-link{
    color: #252525;
    font-family: 'signikalight';
    text-decoration: none;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 44px;
    display: inline-block;
    background-color: rgba(255,255,255,0.8);
    background-repeat: no-repeat;
    background-position: center 260px;
    height: 378px;
    width: 378px;
    border-radius: 378px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 20px;
    padding-top: 100px;
    margin-top: 160px;
}
.service-link-residental{
    background-image: url(../img/arrow-green.png);
}
.service-link-common{
    background-image: url(../img/arrow-blue.png);
}
.service-link:first-child{
    margin-left: 0;
}
.service-link span{
    font-family: 'signikabold';
}
.service-link:hover{
    background-color: #fff;
}
.services-residental .text-block,
.services-common .text-block{
    background: rgba(255,255,255,0.9);
    position: absolute;
    width: 1060px;
}
.services-residental .text-block{
    right: 0;
    top: 35px;
    border-left: 4px solid #88b52d;
    padding: 35px 50px 5px 50px;
    width: 1200px;
}
.services-common .text-block{
    left: 0;
    top: 35px;
    border-right: 4px solid #009dde;
    padding: 35px 55px 5px 200px;
}
.services-residental h1,
.services-common h1{
    font-size: 42px;
    margin-bottom: 20px;
    font-weight: normal;
}
.services-residental h1{
    color: #009dde;
}
.services-common h1{
    color: #88b52d;
}
.services-residental p,
.services-common p{
    font-size: 22px;
    line-height: 24px;
    font-family: 'signikalight';
    padding-bottom: 15px;
}



/* STATES PAGE */
img.states{
    width: 100%;
    margin-top: 30px;
}


/* APPROACH PAGE */
.approach{
    margin: 40px 0 70px;
}
.approach-image{
    float: left;
    width: 380px;
    margin-right: 35px; 
}
.approach h1{
    color: #009dde;
}
.approach-description{
    float: left;
    width: 865px;
}
.approach ul{
    margin-left: 25px;
}



/* NINJA FORMS STYLES */
.ninja-forms-required-items{
    margin: 20px 0;
}
.ninja-forms-field{
    width: 100%;
    max-width: 440px;
    padding: 10px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 24px;
    font-family: 'signikalight';
    height: 24px;
}
.ninja-forms-field-error{
    color: #cc0000;
    padding: 5px 0;
}
.ninja-forms-error-msg{
    color: #cc0000;
}
.ninja-forms-success-msg{
    color: #88b52d;
}


/*-----------------------------------*/

.landing-page .logo {
    padding-top: 50px;
}

.landing-page header h1 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.lending-clients-logo{
    overflow: hidden;
    max-width: 960px;
    margin: auto;
    border-radius: 5px;
    opacity: .95;
}
.landing-page .choose-links {
    padding-top: 35px;
}
.lending-clients-logo .owl-wrapper .owl-item {
    width: auto !important;
    margin-right: 70px;
    text-align: center;
}
.lending-clients-logo .owl-wrapper .owl-item img{
    display: inline-block;
}


/* MAIN SITE RESPONSIVE STYLES */
@media only screen and (max-width: 1280px){
    header .wrapper,
    .main-content,
    .upper-footer .wrapper,
    footer .wrapper,
    .advantages-wrapper,
    .members-wrapper{
        width: 100%;
        max-width: 1220px;
    }
    .upper-footer .wrapper,
    footer .wrapper{
        padding: 0 10px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .residental-portal-link{
        padding-left: 95px;
    }
    .main-nav > li{
        padding: 0 35px;
    }
    .main-nav .sub-menu{
        left: 35px;
    }
    .homepage-top{
        background: url(../img/homepage-top-1280.jpg) top center no-repeat;
    }
    .homepage-services{
        background: url(../img/homepage-advantage-1280.jpg) top center no-repeat;
    }
    .homepage-top .homepage-top-title{
        position: absolute;
        top: 60px;
        left: 45%; 
    }
    .homepage-top h1{
        font-size: 36px;
        margin-bottom: 25px;
    }
    .homepage-top h1.second-line{
        padding-left: 60px;
    }
    .homepage-top h2{
        font-size: 26px;
        line-height: 32px;
        max-width: 640px;
    }
    .homepage-services .text-block{
        padding: 40px 80px 40px 140px;
        width: 365px;
    }
    .homepage-advantage .text-block{
        top: 110px;
        padding: 50px 150px 40px 55px;
        width: 400px;
    }
    .homepage-approach .text-block{
        width: 365px;
    }
    .homepage-team .text-block{
        top: 130px;
        padding: 60px 100px 45px 150px;
        width: 360px;
    }
    .homepage-advantage .text-block h1,
    .homepage-services .text-block h1,
    .homepage-approach .text-block h1,
    .homepage-team .text-block h1{
        font-size: 36px;
        margin-bottom: 24px;
    }
    .homepage-services .text-block h1{
        width: 320px;
    }
    .homepage-advantage .text-block h1{
    }
    .homepage-advantage .text-block p,
    .homepage-services .text-block p,
    .homepage-approach .text-block p,
    .homepage-team .text-block p{
        font-size: 20px;
        padding-bottom: 25px;
        line-height: 22px;
    }
    .homepage-advantage .text-block a,
    .homepage-services .text-block a,
    .homepage-approach .text-block a,
    .homepage-team .text-block a{
        font-size: 24px;
        padding: 20px 50px;
        border-radius: 40px;
    }
    .homepage-comments{
        width: 960px;
        margin: 67px auto 75px;
    }
    .homepage-comment{
        width: 300px;
        float: left;
        margin-left: 30px;
        text-align: center;
    }
    .homepage-comment .person-name{
        font-size: 24px;
        margin: 45px 0 10px;
    }
    .homepage-comment .person-status{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .homepage-comment .person-comment{
        font-size: 16px;
        line-height: 18px;
    }
    .approach-image{
        width: 380px;
        margin-right: 35px; 
    }
    .approach-description{
        width: 805px;
    }
    .approach ul{
        margin-left: 25px;
    }
    .services-top{
        background: url(../img/Services_1280px_01.jpg) top center no-repeat;
        height: 700px;
    }
    .services-residental{
        background: url(../img/Services_1280px_02.jpg) top center no-repeat;
        height: 610px;
    }
    .services-common{
        background: url(../img/EPCS_Services_forPM_05_1280_03.jpg) top center no-repeat;
        height: 610px;
    }
    .services-top{
        text-align: center;
    }
    .service-link{
        font-size: 36px;
        line-height: 44px;
        display: inline-block;
        background-position: center 260px;
        height: 378px;
        width: 378px;
        border-radius: 378px;
        margin-left: 20px;
    }
    .services-residental .text-block,
    .services-common .text-block{
        width: 900px;
    }
    .services-residental .text-block{
        right: 0;
        padding: 40px 40px 0 40px;
    }
    .services-common .text-block{
        left: 0;
        padding: 50px 55px 50px 70px;
    }
    .services-residental h1,
    .services-common h1{
        font-size: 36px;
        margin-bottom: 20px;
    }
    .services-residental p,
    .services-common p{
        font-size: 20px;
        line-height: 22px;
    }

    .landing-page .logo {
        padding-top: 40px;
    }

    .landing-page header h1 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .landing-page .choose-links {
        padding-top: 25px;
    }


}
@media only screen and (max-width: 1024px){
    header .wrapper,
    .main-content,
    .upper-footer .wrapper,
    footer .wrapper,
    .advantages-wrapper,
    .members-wrapper{
        max-width: 948px;
    }
    .residental-portal-link{
        padding-left: 50px;
    }
    .main-nav > li{
        padding: 0 25px;
    }
    .main-nav .sub-menu{
        left: 25px;
    }
    .advantage img{
        width: 445px;
        margin-right: 50px;
    }
    .advantage h1,
    .member h1{
        font-size: 32px;
        margin-bottom: 30px;
    }
    .advantage p,
    .member p{
        font-size: 18px;
        line-height: 22px;
    }
    .homepage-top{
        background: url(../img/homepage-top-1024.jpg) top center no-repeat;
        height: 700px;
    }
    .homepage-services{
        background: url(../img/homepage-advantage-1024.jpg) top center no-repeat;
    }
    .homepage-top .homepage-top-title{
        position: absolute;
        top: 45px;
        left: 38%; 
    }
    .homepage-top h1{
        font-size: 36px;
        margin-bottom: 20px;
    }
    .homepage-top h1.second-line{
        padding-left: 60px;
    }
    .homepage-top h2{
        font-size: 26px;
        line-height: 32px;
        max-width: 545px;
    }
    .homepage-services .text-block{
        padding: 35px 80px 40px 45px;
        width: 365px;
    }
    .homepage-advantage .text-block{
        padding: 50px 85px 40px 55px;
    }
    .homepage-approach .text-block{
        top: 140px;
        padding: 35px 80px 45px 45px;
        width: 500px;
    }
    .homepage-team .text-block{
        top: 120px;
        padding: 50px 85px 40px 55px;
        width: 400px;
    }
    .homepage-advantage .text-block h1,
    .homepage-services .text-block h1,
    .homepage-approach .text-block h1,
    .homepage-team .text-block h1{
        font-size: 36px;
        margin-bottom: 24px;
    }
    .homepage-services .text-block h1{
        width: 320px;
    }
    .homepage-advantage .text-block h1{
    }
    .homepage-advantage .text-block p,
    .homepage-services .text-block p,
    .homepage-approach .text-block p,
    .homepage-team .text-block p{
        font-size: 20px;
        padding-bottom: 25px;
        line-height: 22px;
    }
    .homepage-advantage .text-block a,
    .homepage-services .text-block a,
    .homepage-approach .text-block a,
    .homepage-team .text-block a{
        font-size: 24px;
        padding: 20px 50px;
        border-radius: 40px;
    }
    .homepage-comments{
        width: 960px;
        margin: 67px auto 75px;
    }
    .homepage-comment{
        width: 300px;
        float: left;
        margin-left: 30px;
        text-align: center;
    }
    .homepage-comment .person-name{
        font-size: 24px;
        margin: 45px 0 10px;
    }
    .homepage-comment .person-status{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .homepage-comment .person-comment{
        font-size: 16px;
        line-height: 18px;
    }
    .approach-image{
        width: 380px;
        margin-right: 35px; 
    }
    .approach-description{
        width: 545px;
    }
    .approach ul{
        margin-left: 25px;
    }
    .services-top{
        background: url(../img/Services_1024px_01.jpg) top center no-repeat;
        height: 700px;
    }
    .services-residental{
        background: url(../img/Services_1024px_02.jpg) top center no-repeat;
        height: 610px;
    }
    .services-common{
        background: url(../img/EPCS_Services_forPM_05_1024_03.jpg) top center no-repeat;
        height: 610px;
    }
    .services-top{
        text-align: center;
    }
    .service-link{
        font-size: 36px;
        line-height: 44px;
        display: inline-block;
        background-position: center 260px;
        height: 378px;
        width: 378px;
        border-radius: 378px;
        margin-left: 20px;
    }
    .services-residental .text-block{
        right: 0;
        width: 850px;
        padding: 30px 30px 0px 30px;
    }
    .services-common .text-block{
        left: 0;
        width: 800px;
        padding: 50px 55px 50px 50px;
    }
    .scroll-down-wrapper{
        display: none;
    }
    
    .landing-page .logo {
        padding-top: 30px;
    }
    .landing-page .choose-links {
        text-align: center;
        padding-top: 5px;
    }
}
@media only screen and (max-width: 960px){
    header .wrapper,
    .main-content,
    .upper-footer .wrapper,
    footer .wrapper,
    .advantages-wrapper,
    .members-wrapper{
        max-width: 900px;
    }
    .residental-portal-link{
        padding-left: 15px;
    }
    .main-nav > li{
        padding: 0 15px;
    }
    .main-nav .sub-menu{
        left: 15px;
    }
    .upper-footer .social{
        float: left;
        padding-top: 20px;
    }
    .advantage img,
    .member img{
        width: 380px;
        margin-right: 40px;
    }
    .advantage h1,
    .member h1{
        font-size: 30px;
        margin-bottom: 30px;
    }
    .advantage p,
    .member p{
        font-size: 18px;
        line-height: 20px;
    }
    .homepage-comments{
        width: 930px;
    }
    .homepage-comment{
        margin-left: 15px;
    }
    .main-content h1{
        font-size: 36px;
        margin-bottom: 30px;
    }
    .main-content p{
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .main-content ul li{
        font-size: 18px;
        line-height: 20px;
    }
    .approach-image{
        width: 380px;
        margin-right: 35px; 
    }
    .approach-description{
        width: 485px;
    }
    .approach ul{
        margin-left: 25px;
    }
    .landing-page .choose-links a {
        width: 300px;
        font-size: 22px;
    }
}
@media only screen and (max-width: 768px){
    header .wrapper,
    .main-content,
    .upper-footer .wrapper,
    footer .wrapper,
    .advantages-wrapper,
    .members-wrapper{
        width: 100%;
        max-width: 708px;
    }
    header.desktop{
        display: none;
    }
    header.mobile{
        display: block;
        position: relative;
        height: 300px;
    }
    header.mobile .wrapper{
        text-align: center;
    }
    header nav{
        display: none;
    }
    .main-nav{
        margin: 0;
        background: rgba(0,0,0,0.8);
        position: absolute;
        width: 100%;
        top: 50px;
        left: 0px;
        height: auto;
        z-index: 10;
        padding: 15px 0 8px;
    }
    .main-nav li,
    .main-nav li:first-child{
        float: none;
        text-align: left;
        padding: 0;
        padding-left: 25px;
    }
    .main-nav li a{
        color: #ebebeb;
        font-size: 14px;
        padding: 0;
    }
    .main-nav > li > a,
    .main-nav > li > a:hover,
    .main-nav > li.current-menu-item > a:hover,
    .main-nav > li.current-menu-item > a,
    .main-nav .sub-menu li,
    .main-nav .sub-menu li:hover,
    .main-nav .sub-menu li.current-menu-item:hover{
        border: none;
    }
    .main-nav > li > a{
        padding: 12px 0;
    }
    .main-nav .sub-menu{
        display: block;
        position: static;
        background: transparent;
        width: 100%;
        padding-left: 0px;
    }
    .main-nav .sub-menu li{
        padding-left: 0;
    }
    .main-nav .sub-menu li a{
        color: #898989;
        font-size: 15px;
        display: inline-block;
        height: auto;
        padding: 8px 0 8px 15px;
    }
    .main-nav li.current-menu-item > a{
        color: #88b52d;
    }
    .main-nav li a:hover{
        color: #009dde;
    }
    .logo,
    .proposal,
    .header-phone{
        float: none;
        text-align: center;
    }
    .proposal{
        margin-top: 23px;
    }
    .proposal a{
        width: 169px;
        margin: 0 auto;
    }
    .header-phone{
        display: inline-block;
        margin-top: 20px;
    }
    .residental-portal-link{
        float: none;
        text-align: center;
        margin: 10px auto;
        padding: 0;
    }
    .mobile-menu{
        position: absolute;
        right: 0px;
        top: 0px;
        width: 37px;
        height: 37px;
        background: url(../img/mobile-menu-btn.png) left bottom no-repeat;
        cursor: pointer;
    }
    .advantage img,
    .member img{
        width: 330px;
        margin-right: 25px;
    }
    .advantage h1,
    .member h1{
        font-size: 28px;
        margin-bottom: 30px;
    }
    .advantage p,
    .member p{
        font-size: 16px;
        line-height: 18px;
    }
    .homepage-top{
        background: url(../img/homepage-top-768-new.jpg) top center no-repeat;
        height: 700px;
    }
    .homepage-services{
        background: url(../img/homepage-advantage-768.jpg) top center no-repeat;
    }
    .homepage-top .homepage-top-title{
        top: 50px;
        left: 35%; 
    }
    .homepage-top h1{
        font-size: 36px;
        margin-bottom: 25px;
        line-height: 44px;
    }
    .homepage-top h1.second-line{
        padding-left: 30px;
    }
    .homepage-top h2{
        font-size: 24px;
        line-height: 30px;
        max-width: 430px;
    }
    .homepage-services .text-block{
        padding: 35px 60px 40px 45px;
        width: 300px;
    }
    .homepage-advantage .text-block{
        top: 80px;
        padding: 50px 55px 40px 55px;
        width: 380px;
    }
    .homepage-approach .text-block{
        top: 140px;
        padding: 35px 60px 40px 45px;
        width: 350px;
    }
    .homepage-team .text-block{
        top: 130px;
        padding: 50px 55px 40px 55px;
        width: 360px;
    }
    .homepage-advantage .text-block h1,
    .homepage-services .text-block h1,
    .homepage-approach .text-block h1,
    .homepage-team .text-block h1{
        font-size: 36px;
        margin-bottom: 24px;
    }
    .homepage-services .text-block h1{
        width: 260px;
    }
    .homepage-advantage .text-block h1{
    }
    .homepage-advantage .text-block p,
    .homepage-services .text-block p,
    .homepage-approach .text-block p,
    .homepage-team .text-block p{
        font-size: 20px;
        padding-bottom: 25px;
        line-height: 22px;
    }
    .homepage-advantage .text-block a,
    .homepage-services .text-block a,
    .homepage-approach .text-block a,
    .homepage-team .text-block a{
        font-size: 24px;
        padding: 20px 20px;
        border-radius: 40px;
    }
    .homepage-comments{
        width: 100%;
        max-width: 690px;
        margin: 67px auto 75px;
    }
    .homepage-comment{
        width: 210px;
        float: left;
        margin-left: 30px;
        text-align: center;
    }
    .homepage-comment img{
        width: 180px;
    }
    .homepage-comment .person-name{
        font-size: 24px;
        margin: 45px 0 10px;
    }
    .homepage-comment .person-status{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .homepage-comment .person-comment{
        font-size: 16px;
        line-height: 18px;
    }
    .approach-image{
        width: 300px;
        margin-right: 25px; 
    }
    .approach-image img{
        width: 100%;
    }
    .approach-description{
        width: 380px;
    }
    .approach ul{
        margin-left: 25px;
    }
    .services-top{
        background: url(../img/EPCS_Services_forPM_04_768px_new_02.jpg) top center no-repeat;
        height: 700px;
    }
    .services-residental{
        background: url(../img/Services_768px_02.jpg) top center no-repeat;
        height: 610px;
    }
    .services-common{
        background: url(../img/EPCS_Services_forPM_05_768_03.jpg) top center no-repeat;
        height: 610px;
    }
    .services-top{
        text-align: center;
    }
    .service-link{
        font-size: 36px;
        line-height: 44px;
        display: inline-block;
        background-position: center 230px;
        height: 336px;
        width: 336px;
        border-radius: 336px;
        padding-top: 80px;
        margin-top: 182px;
        margin-left: 20px;
    }
    .services-residental .text-block{
        right: 0;
        top: 20px;
        width: 670px;
        padding: 30px 20px 0px 20px;
    }
    .services-common .text-block{
        left: 0;
        top: 40px;
        width: 560px;
        padding: 30px 30px 0px 30px;
    }
    .services-residental h1,
    .services-common h1{
        font-size: 34px;
        margin-bottom: 20px;
    }
    .services-residental p,
    .services-common p{
        font-size: 18px;
        line-height: 20px;
    }
    .lending-clients-logo{
        display:none;
    }
}
@media only screen and (max-width: 640px){
    header .wrapper,
    .main-content,
    .upper-footer .wrapper,
    footer .wrapper,
    .advantages-wrapper,
    .members-wrapper{
        width: 95%;
    }
    header.desktop{
        display: none;
    }
    header.mobile .wrapper{
        text-align: center;
    }
    header nav{
        display: none;
    }
    .main-nav{
        margin: 0;
        background: rgba(0,0,0,0.8);
        position: absolute;
        width: 100%;
        top: 50px;
        left: 0px;
        height: auto;
        z-index: 10;
        padding: 15px 0 8px;
    }
    .main-nav li,
    .main-nav li:first-child{
        float: none;
        text-align: left;
        padding: 0;
        padding-left: 25px;
    }
    .main-nav li a{
        color: #ebebeb;
        font-size: 14px;
        padding: 0;
    }
    .main-nav > li > a,
    .main-nav > li > a:hover,
    .main-nav > li.current-menu-item > a:hover,
    .main-nav > li.current-menu-item > a,
    .main-nav .sub-menu li,
    .main-nav .sub-menu li:hover,
    .main-nav .sub-menu li.current-menu-item:hover{
        border: none;
    }
    .main-nav > li > a{
        padding: 12px 0;
    }
    .main-nav .sub-menu{
        display: block;
        position: static;
        background: transparent;
        width: 100%;
        padding-left: 0px;
    }
    .main-nav .sub-menu li{
        padding-left: 0;
    }
    .main-nav .sub-menu li a{
        color: #898989;
        font-size: 15px;
        display: inline-block;
        height: auto;
        padding: 8px 0 8px 15px;
    }
    .main-nav li.current-menu-item > a{
        color: #88b52d;
    }
    .main-nav li a:hover{
        color: #009dde;
    }
    .upper-footer{
        padding-top: 20px;
    }
    .upper-footer .footer-nav{
        float: none;
    }
    nav.footer-nav li{
        float: none;
        border: none;
        padding: 5px 0;
        margin: 0;
    }
    .logo,
    .proposal,
    .header-phone{
        float: none;
        text-align: center;
    }
    .proposal{
        margin-top: 23px;
    }
    .proposal a{
        width: 169px;
        margin: 0 auto;
    }
    .header-phone{
        display: inline-block;
        margin-top: 20px;
    }
    .mobile-menu{
        position: absolute;
        right: 0px;
        top: 0px;
        width: 37px;
        height: 37px;
        background: url(../img/mobile-menu-btn.png) left bottom no-repeat;
        cursor: pointer;
    }
    .advantage img,
    .member img{
        float: none;
        width: 100%;
        height: 100%;
        margin-right: 0;
        margin-bottom: 35px;
    }
    .member img{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .advantage h1,
    .member h1{
        font-size: 28px;
        margin-bottom: 25px;
    }
    .advantage p,
    .member p{
        font-size: 16px;
        line-height: 18px;
    }
    .homepage-top{
        background: url(../img/homepage-top-640-new.jpg) top center no-repeat;
        height: 535px;
    }
    .homepage-services{
        background: url(../img/homepage-advantage-640.jpg) top center no-repeat;
        height: 535px;
    }
    .homepage-top .homepage-top-title{
        top: 40px;
        left: 180px; 
    }
    .homepage-top h1{
        font-size: 30px;
        margin-bottom: 25px;
        line-height: 38px;
    }
    .homepage-top h2{
        font-size: 22px;
        line-height: 26px;
        max-width: 400px;
    }
    .homepage-services .text-block,
    .homepage-advantage .text-block{
        padding: 40px 45px;
        width: 340px;
    }
    .homepage-services .text-block{
        top: 100px;
    }
    .homepage-advantage .text-block{
        top: 105px;
    }
    .homepage-approach .text-block{
        top: 140px;
        padding: 35px 60px 40px 45px;
        width: 350px;
    }
    .homepage-advantage .text-block h1,
    .homepage-services .text-block h1,
    .homepage-approach .text-block h1,
    .homepage-team .text-block h1{
        font-size: 30px;
        margin-bottom: 24px;
    }
    .homepage-services .text-block h1{
        width: 280px;
    }
    .homepage-advantage .text-block h1{
    }
    .homepage-advantage .text-block p,
    .homepage-services .text-block p,
    .homepage-approach .text-block p,
    .homepage-team .text-block p{
        font-size: 20px;
        padding-bottom: 25px;
        line-height: 22px;
    }
    .homepage-advantage .text-block a,
    .homepage-services .text-block a,
    .homepage-approach .text-block a,
    .homepage-team .text-block a{
        font-size: 24px;
        padding: 20px 50px;
        border-radius: 40px;
    }
    .homepage-comments{
        width: 95%;
        margin: 0 auto;
        margin: 25px auto 10px;
    }
    .homepage-comment{
        width: 100%;
        float: none;
        text-align: center;
        margin: 0;
    }
    .homepage-comment img{
        width: 180px;
    }
    .homepage-comment .person-name{
        font-size: 24px;
        margin: 25px 0 10px;
    }
    .homepage-comment .person-status{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .homepage-comment .person-comment{
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 35px;
    }
    .main-content h1{
        font-size: 30px;
        margin-bottom: 32px;
    }
    .main-content p{
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 18px;
    }
    .main-content ul li{
        font-size: 16px;
        line-height: 18px;
    }
    .approach-image{
        width: 250px;
        margin-right: 25px; 
    }
    .approach-image img{
        width: 100%;
    }
    .approach-description{
        width: 305px;
    }
    .approach ul{
        margin-left: 25px;
    }
    .services-top{
        background: url(../img/EPCS_Services_forPM_04_640px_new_02.jpg) top center no-repeat;
        height: 535px;
    }
    .services-residental{
        background: url(../img/Services_640px_02.jpg) top center no-repeat;
        height: 610px;
    }
    .services-common{
        background: url(../img/EPCS_Services_forPM_05_640_03.jpg) top center no-repeat;
        height: 610px;
    }
    .services-top{
        text-align: center;
    }
    .service-link{
        font-size: 24px;
        line-height: 26px;
        display: inline-block;
        background-position: center 154px;
        height: 224px;
        width: 224px;
        border-radius: 224px;
        padding-top: 50px;
        margin-top: 158px;
        margin-left: 20px;
    }
    .services-residental .text-block,
    .services-common .text-block{
        top: 20px;
    }
    .services-residental .text-block{
        width: 540px;
    }
    .services-common .text-block{
        left: 0;
        width: 500px;
        padding: 20px;
    }
    .services-residental h1,
    .services-common h1{
        font-size: 26px;
        margin-bottom: 15px;
    }
    .services-residental p,
    .services-common p{
        font-size: 18px;
        line-height: 20px;
    }
    .services-residental p{
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 480px){
    header .wrapper,
    .main-content,
    .upper-footer .wrapper,
    footer .wrapper,
    .advantages-wrapper,
    .members-wrapper{
        width: 100%;
    }
    .upper-footer{
        padding-bottom: 20px;
    }
    .upper-footert .social{
        float: none;
    }
    .upper-footer .social-link{
        margin: 0 5px 0 0;
    }
    footer{
        padding: 37px 0 25px;
    }
    footer a{
        margin-left: 25px;
    }
    .copyright{
        float: left;
        padding-top: 20px;
    }
    .advantage img,
    .member img{
        margin-bottom: 30px;
    }
    .advantage h1,
    .member h1{
        font-size: 28px;
        margin-bottom: 25px;
    }
    .advantage p,
    .member p{
        font-size: 16px;
        line-height: 18px;
    }
    .homepage-top{
        background: url(../img/homepage-top-480-new.jpg) top center no-repeat;
        height: 535px;
    }
    .homepage-services{
        background: url(../img/homepage-advantage-480.jpg) top center no-repeat;
        height: 535px;
    }
    .homepage-top .homepage-top-title{
        top: 50px;
        left: 70px;
        padding-right: 10px;
    }
    .homepage-top h1{
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 38px;
    }
    .homepage-top h1.second-line{
        padding-left: 15px;
    }
    .homepage-top h2{
        font-size: 22px;
        line-height: 26px;
        max-width: 320px;
    }
    .homepage-services .text-block,
    .homepage-advantage .text-block,
    .homepage-approach .text-block,
    .homepage-team .text-block{
        padding: 40px 15px;
        width: 90%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .homepage-services .text-block{
        top: 130px;
    }
    .homepage-advantage .text-block{
        top: 130px;
    }
    .homepage-advantage .text-block h1,
    .homepage-services .text-block h1,
    .homepage-approach .text-block h1,
    .homepage-team .text-block h1{
        font-size: 30px;
        margin-bottom: 24px;
    }
    .homepage-services .text-block h1{
        width: 280px;
    }
    .homepage-advantage .text-block h1{
    }
    .homepage-advantage .text-block p,
    .homepage-services .text-block p,
    .homepage-approach .text-block p,
    .homepage-team .text-block p{
        font-size: 16px;
        padding-bottom: 25px;
        line-height: 18px;
    }
    .homepage-advantage .text-block a,
    .homepage-services .text-block a,
    .homepage-approach .text-block a,
    .homepage-team .text-block a{
        font-size: 22px;
        padding: 20px 40px;
        border-radius: 40px;
    }
    .homepage-comments{
        width: 100%;
        margin: 0 auto;
        margin: 25px auto 10px;
    }
    .homepage-comment{
        width: 100%;
        float: none;
        text-align: center;
        margin: 0;
    }
    .homepage-comment img{
        width: 180px;
    }
    .homepage-comment .person-name{
        font-size: 24px;
        margin: 25px 0 10px;
    }
    .homepage-comment .person-status{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .homepage-comment .person-comment{
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 35px;
    }
    .approach-image{
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .approach-image img{
        width: 100%;
    }
    .approach-description{
        float: none;
        width: 100%;
    }
    .approach ul{
        margin-left: 25px;
    }
    .services-top{
        background: url(../img/EPCS_Services_forPM_04_480px_new_02.jpg) top center no-repeat;
        height: 535px;
    }
    .services-residental{
        background: url(../img/Services_480px_02.jpg) top center no-repeat;
        height: 610px;
    }
    .services-common{
        background: url(../img/EPCS_Services_forPM_05_480_03.jpg) top center no-repeat;
        height: 610px;
    }
    .services-top{
        text-align: center;
        padding-top: 30px;
        box-sizing: border-box;
    }
    .service-link{
        font-size: 24px;
        line-height: 26px;
        display: block;
        background-position: center 154px;
        height: 224px;
        width: 224px;
        border-radius: 224px;
        padding-top: 50px;
        margin: 0 auto;
    }
    .service-link:first-child{
        margin: 0 auto 27px;
    }
    .services-residental .text-block,
    .services-common .text-block{
        top: 15px;
        padding: 10px 10px 0 10px;
        width: 90%;
    }
    .services-residental .text-block{
        max-width: 400px;
    }
    .services-common .text-block{
        max-width: 380px;
    }
    .services-residental h1,
    .services-common h1{
        font-size: 22px;
        margin-bottom: 10px;
    }
    .services-residental p,
    .services-common p{
        font-size: 16px;
        line-height: 18px;
    }
}
@media only screen and (max-width: 450px){
    .services-residental h1,
    .services-common h1{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .services-residental p,
    .services-common p{
        font-size: 14px;
        line-height: 14px;
        padding-bottom: 10px;
    }
    .landing-page .logo {
        opacity: .8;
    }
}
@media only screen and (max-width: 320px){
    header .wrapper,
    .main-content,
    .upper-footer .wrapper,
    footer .wrapper,
    .advantages-wrapper,
    .members-wrapper{
        width: 280px;
    }
    .advantage img,
    .member img{
        margin-bottom: 20px;
    }
    .advantage h1,
    .member h1{
        font-size: 24px;
        margin-bottom: 15px;
    }
    .advantage p,
    .member p{
        font-size: 14px;
        line-height: 16px;
    }
    .homepage-top{
        background: url(../img/homepage-top-320-new.jpg) top center no-repeat;
        height: 535px;
    }
    .homepage-services{
        background: url(../img/homepage-advantage-320.jpg) top center no-repeat;
        height: 535px;
    }
    .homepage-top .homepage-top-title{
        top: 30px;
        left: 20px; 
    }
    .homepage-top h1{
        font-size: 30px;
        margin-bottom: 20px;
        line-height: 34px;
    }
    .homepage-top h2{
        font-size: 22px;
        line-height: 26px;
        max-width: 280px;
    }
    .homepage-services .text-block,
    .homepage-advantage .text-block,
    .homepage-approach .text-block,
    .homepage-team .text-block{
        padding: 25px;
        width: 90%;
    }
    .homepage-services .text-block{
        top: 50px;
    }
    .homepage-advantage .text-block{
        top: 70px;
    }
    .homepage-approach .text-block{
        top: 100px;
    }
    .homepage-advantage .text-block h1,
    .homepage-services .text-block h1,
    .homepage-approach .text-block h1,
    .homepage-team .text-block h1{
        font-size: 30px;
        margin-bottom: 24px;
    }
    .homepage-services .text-block h1{
        width: 200px;
    }
    .homepage-advantage .text-block h1{
    }
    .homepage-advantage .text-block p,
    .homepage-services .text-block p,
    .homepage-approach .text-block p,
    .homepage-team .text-block p{
        font-size: 18px;
        padding-bottom: 25px;
        line-height: 20px;
    }
    .homepage-advantage .text-block a,
    .homepage-services .text-block a,
    .homepage-approach .text-block a,
    .homepage-team .text-block a{
        font-size: 20px;
        padding: 20px 20px;
        border-radius: 40px;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
    .homepage-comments{
        width: 210px;
        margin: 0 auto;
        margin: 25px auto 10px;
    }
    .homepage-comment{
        width: 100%;
        float: none;
        text-align: center;
        margin: 0;
    }
    .homepage-comment img{
        width: 180px;
    }
    .homepage-comment .person-name{
        font-size: 24px;
        margin: 25px 0 10px;
    }
    .homepage-comment .person-status{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .homepage-comment .person-comment{
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 35px;
    }
    .main-content h1{
        font-size: 24px;
        margin-bottom: 28px;
    }
    .main-content p{
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 16px;
    }
    .main-content ul li{
        font-size: 14px;
        line-height: 16px;
    }
    .services-top{
        background: url(../img/EPCS_Services_forPM_04_320px_new_02.jpg) top center no-repeat;
        height: 535px;
    }
    .services-residental{
        background: url(../img/Services_320px_02.jpg) top center no-repeat;
        height: 610px;
    }
    .services-common{
        background: url(../img/EPCS_Services_forPM_05_320_03.jpg) top center no-repeat;
        height: 610px;
    }
    .services-top{
        text-align: center;
        padding-top: 30px;
        box-sizing: border-box;
    }
    .service-link{
        font-size: 24px;
        line-height: 26px;
        display: block;
        background-position: center 154px;
        height: 224px;
        width: 224px;
        border-radius: 224px;
        padding-top: 50px;
        margin: 0 auto;
    }
    .service-link:first-child{
        margin: 0 auto 27px;
    }
    .services-residental .text-block,
    .services-common .text-block{
        top: 10px;
        padding: 5px 3% 0 3%;
        width: 90%;
    }
    .services-residental h1,
    .services-common h1{
        font-size: 16px;
        margin-bottom: 5px;
    }
    .services-residental p,
    .services-common p{
        font-size: 14px;
        line-height: 16px;
        padding-bottom: 5px;
    }
}