/*Header start here once header end then footer start*/
body{
    margin: 0;
}
.header-outer,
.header-outer *{
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
}
.header-outer .container{
    max-width: 1640px;
    padding: 0 30px;
    width: auto;
    margin: 0 auto;
}
/*default end*/



.header-outer{
    position: relative;
    width: 100%;
    padding: 40px 0 35px;
    z-index: 1;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 1.6;
    background: url(../images/redesign/header-inner.jpg) center top no-repeat;
    background-size: cover;
}
.header-transparent .header-outer{
    background: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.header-outer #header{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
}
#menu-link{
    display: none;
}
.nav-outer{
    width: calc(100% - 605px)
}
.header-outer .logo{
    background: url(../images/redesign/home/logo.png) no-repeat;
    display: block;
    width: 301px;
    height: 96px;
}
.nav-contain ul,
.nav-contain li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav-contain > ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.nav-contain > ul > li{
    padding: 12px 0;
    position: relative;
}
.header-outer .li-phone{
    display: none;
}
.nav-contain > ul > li > a{
    color: #fff;
    font-size: 23px;
    padding: 15px 23px;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
}
@media (min-width: 992px) {
    .nav-contain > ul > li:hover > ul{
        display: block;
    }
    .nav-contain > ul > li > a:hover,
    .nav-contain > ul > li:hover > a{
        background: #fff;
        color: #2f7ab6;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
    }
}
    .nav-contain > ul > li > ul{
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        min-width: 315px;
        padding: 30px 10px 20px 30px;
        background: #fff;
        border:1px solid #68ccf6;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
    }
    .nav-contain > ul > li > ul li{
        padding: 0 0 7px;
    }
    .nav-contain > ul > li > ul a{
        font-size: 17px;
        color: #2f7ab6;
    }
    .nav-contain > ul > li > ul a:hover{
        color: #ff840c;
        text-decoration: none;
    }
.header-outer .phone-right{
    margin-left: auto;
}
.header-outer .phone-right a{
    font-size: 27px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    padding:15px 25px 13px 70px;
    line-height: 30px;
    text-decoration: none;
    border: 1px solid #1a90c2;
    background: url(../images/redesign/phone.png) 24px center no-repeat;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}
.header-outer .phone-right a:hover{
    color: #ff510c;
}


@media (min-width: 2001px) {
    .header-outer .container{
        max-width: 2300px;
    }
}

@media (max-width: 1450px) {
    .header-outer{
        padding: 30px 0 25px;
    }
    .header-outer .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .nav-outer{
        width: calc(100% - 565px);
    }
    .nav-contain > ul > li > a{
        font-size: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .header-outer .phone-right a{
        font-size: 20px;
        padding: 13px 25px 11px 70px;
    }
}

@media (max-width: 1200px) {
    .header-outer .logo{
        background-size: 100% auto;
        width: 245px;
        height: 78px;
    }
    .nav-outer{
        width: calc(100% - 450px);
    }
    .nav-contain > ul > li > a{
        font-size: 16px;
    }
    .header-outer .phone-right a{
        font-size: 16px;
        padding: 10px 20px 9px 40px;
        background-size: 20px auto;
        background-position: 15px center;
    }
}
@media (max-width: 992px) {
    body{
        padding-top: 0;
    }
}
@media (max-width: 991px) {
    .header-outer .container{
        padding: 0;
    }
    .header-outer{
        padding: 25px 65px 20px 25px;
    }
    #menu-link{
        display: block;
        background: url(../images/redesign/home/menu.png) no-repeat;
        width: 22px;
        height: 15px;
        position: absolute;
        right: 28px;
        top: 55px;
    }
    .nav-outer{
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        background: #fff;
        width: 100%;
        box-shadow: 0 0 15px rgba(0,0,0, 0.14);
    }
    .nav-contain > ul{
        display: block;
    }
    .nav-contain > ul > li{
        padding: 0;
    }
    .nav-contain > ul > li > a{
        display: block;
        width: 100%;
        padding: 17px 10px;
        font-size: 18px;
        color: #2f7ab6;
        text-align: center;
        position: relative;
    }
    .nav-contain > ul > li.has-children > a:before{
        content: " ";
        background: url(../images/redesign/home/selct-bg.png) right center no-repeat;
        background-size: 100% auto;
        width: 30px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }
    .nav-contain > ul > li > ul{
        padding: 15px 10px 12px;
        position: static;
        min-width: inherit;
        width: 100%;
        background: #e3eef6;
        border:none;
        border-top: 1px solid #1b76b8;
        border-bottom: 1px solid #1b76b8;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    .nav-contain > ul > li > ul li{
        text-align: center;
    }
    .header-outer .li-phone .phone-right{
        text-align: center;
    }
}
@media (max-width: 640px) {
    .header-outer #header{
        justify-content: center;
    }
    .nav-outer{
        padding-bottom: 15px;
    }
    .header-outer .phone-right{
        display: none;
    }
    .header-outer .li-phone{
        display: block;
    }
    .header-outer .li-phone .phone-right{
        display: block;
        padding-top: 5px;
    }
    .header-outer .li-phone .phone-right a{
        font-size: 22px;
        color: #2f7ab6;
        background: url(../images/redesign/phone-blue.png) left center no-repeat;
        background-size: 27px auto;
        border:none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
}
/*Header end */



/*Footer Start*/
#footer-outer *{
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
}
#footer-outer .container{
    max-width: 1640px;
    width: auto;
    padding: 0 30px;
    margin: 0 auto;
}
/*default end*/


#footer-outer{
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
}
#footer-outer #footer{
    padding: 100px 0 30px;
    color: #fff;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
}
#footer-outer a{
    color: #68ccf6;
}
#footer-outer a:hover{
    text-decoration: underline;
}
#footer-outer p{
    margin: 0 0 20px;
}
#footer-outer .footer-left{
    width: 30%;
}
#footer-outer .footer-section{
    padding: 0 0 25px;
}
#footer-outer .footer-section h5{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: inherit;
    color: #68ccf6;
    line-height: 1.3;
    margin: 0 0 5px;
}
#footer-outer .footer-section p{
    margin: 0 0 5px;
}
#footer-outer .footer-section a{
    color: #68ccf6;
}
#footer-outer .footer-section a:hover{
    text-decoration: underline;
}
#footer-outer .lic-wrap{
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 5px;
}
#footer-outer .lic-left{
    width: 100px;
}
#footer-outer .lic-right{
    width: calc(100% - 106px);
}
#footer-outer .lic-wrap a{
    color: #fff;
}
#footer-outer .lic-wrap a:hover{
    text-decoration: underline;
    color: #68ccf6;
}
#footer-outer .footer-right{
    width: 70%;
    padding-left: 120px;
}
#footer-outer .footer-nav{
    padding: 0 0 30px;
}
#footer-outer .footer-nav ul{
    display: flex;
    flex-wrap: wrap;
}
#footer-outer .footer-nav li{
    padding: 0 95px 20px 0;
}
#footer-outer .footer-nav li:last-child{
    padding-right: 0;
}
#footer-outer .footer-nav li a{
    color: #fff;
}
#footer-outer .footer-nav li a:hover{
    color: #68ccf6;
    text-decoration: underline;
}
#footer-outer .footer-logos{
    padding: 0 0 30px;
}
#footer-outer .footer-logos ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#footer-outer .footer-logos li{
    padding: 0 40px 20px 0;
}
#footer-outer .footer-logos li:last-child{
    padding-right: 0;
}
    #footer-outer .footer-logo{
        background: url(../images/redesign/footer/footer-logos.png) no-repeat;
        display: inline-block;
    }
    #footer-outer .logo_bbb{
        width: 68px; height: 83px;
        background-position: -66px -10px;
    }
    #footer-outer .footer-logos a:hover .logo_bbb {
        width: 68px; height: 83px;
        background-position: -205px -10px;
    }
    #footer-outer .logo_employment{
        width: 79px; height: 61px;
        background-position: -10px -203px;
    }
    #footer-outer .footer-logos a:hover .logo_employment {
        width: 79px; height: 61px;
        background-position: -109px -203px;
    }
    #footer-outer .logo_facebook {
        width: 55px; height: 55px;
        background-position: -208px -203px;
    }
    #footer-outer .footer-logos a:hover .logo_facebook {
        width: 55px; height: 55px;
        background-position: -288px -10px;
    }
    #footer-outer .logo_joinme{
        width: 102px; height: 70px;
        background-position: -10px -113px;
    }
    #footer-outer .footer-logos a:hover .logo_joinme {
        width: 102px; height: 70px;
        background-position: -132px -113px;
    }
    #footer-outer .logo_twitter{
        width: 55px; height: 55px;
        background-position: -288px -160px;
    }
    #footer-outer .footer-logos a:hover .logo_twitter {
        width: 55px; height: 55px;
        background-position: -288px -85px;
    }
.foot-less-991{
    display: none;
}


@media (min-width: 220px) and (max-width: 768px) {
    #footer-outer {
        background:url(../images/redesign/footer/footer-768.png) center top no-repeat;
        background-size: cover;
    }
}
@media (min-width: 769px) and (max-width: 2000px) {
    #footer-outer {
        background:url(../images/redesign/footer/footer-1920.png) center top no-repeat;
        background-size: cover;
    }
}


@media (min-width: 2001px) {
    #footer-outer {
        background:url(../images/redesign/footer/footer-2560.png) center top no-repeat;
        background-size: cover;
    }
    #footer-outer .container{
        max-width: 1860px;
    }
}

@media (max-width: 1450px) {
    #footer-outer .footer-nav li{
        padding-right: 30px;
    }
    #footer-outer .footer-logos li{
        padding-right: 20px;
    }
}
@media (max-width: 991px) {
    .foot-less-991{
        display: block;
    }
    .foot-above-991{
        display: none;
    }
    #footer-outer .footer-left{
        width: 100%;
        margin: 0 0 25px;
    }
    #footer-outer .footer-right{
        width: 100%;
        padding: 0;
    }
}
@media (max-width: 767px) {
    #footer-outer #footer{
        padding: 70px 0 30px;
    }
}
@media (max-width: 640px) {

}
