@charset "utf-8";

/* CSS Document */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

.environmental-eng {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
}

.head-part {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    height: 132px;
}

.logo-part {
    margin: 0 auto;
    padding: 15px 0 0;
    width: 1185px;
}

.logo-part img {
    margin: 0px;
    padding: 0px;
}

.menu-part {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    background-color: #00447F;
    height: 58px;
}

.menu-part-inner {
    margin: 0 auto;
    padding: 0;
    width: 892px;
}

.main-part {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.main-part img {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.main-text-part {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.home-page {
    margin: 0 auto;
    padding: 0px;
    width: 1120px;
}

.home-text {
    margin: 75px 0 0;
    padding: 0px;
    float: left;
    width: 100%;
    min-height: 500px;
}

.home-text .text-styling {
    margin: 0px;
    padding: 0;
    font-size: 19px;
    color: #222222;
    font-weight: 400;
    line-height: 34px;
}

.text-area .bold-text {
    margin: 0px;
    padding: 0px;
    font-size: 19px;
    color: #222222;
    font-weight: 510;
    line-height: 34px;
}

.bottom-top-part {
    margin: 0;
    padding: 19px 0;
    float: left;
    width: 100%;
    background-color: #AFD6FA;
}

.bottom-top-part-inner {
    margin: 0 auto;
    padding: 0;
    width: 1133px;
}

.bottom-left-part {
    margin: 0px;
    padding: 0;
    float: left;
    width: 430px;
}

.bottom-right-part {
    margin: 0px;
    padding: 0px;
    float: right;
    width: 630px;
}

.bottom-left-part .bottom-left-text {
    margin: 0px;
    padding: 0;
    float: left;
    width: 100%;
    font-size: 17px;
    color: #273542;
    font-weight: 600;
}

.bottom-right-part .bottom-right-text {
    margin: 0px;
    padding: 0px;
    float: right;
    width: 100%;
    font-style: italic;
    font-size: 16px;
    color: #273542;
    font-weight: 600;
}

.bottom-right-part .bottom-right-text a {
    font-style: italic;
    font-size: 17px;
    color: #273542;
    font-weight: 500;
    margin: 0 5px;
}

.footer {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    background-color: #2A323A;
    color: #FFF;
    height: 226px;
}

.footer-inner {
    margin: 0 auto;
    padding: 0px;
    width: 1142px;
}

.footer-box-left {
    margin: 12px 0 0 7px;
    padding: 0px;
    width: 300px;
    float: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 29px;
}

.right-footer-box {
    margin: 10px 0 0;
    padding: 0px;
    float: right;
    width: 712px;
}

.right-footer-box .footer-box-1 {
    margin: 0px;
    padding: 20px 0 0;
    float: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 38px;
}

.right-footer-box .footer-box-1 ul {
    margin: 0px;
    padding: 0px;
    width: 150px;
    float: left;
}

.right-footer-box .footer-box-1 ul .footer-menu-list {
    margin: 0 0 9px;
    padding: 0px;
    width: 100%;
    float: left;
    list-style: none;
}

.right-footer-box .footer-box-1 ul .footer-menu-list .footer-menu-link {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    list-style: none;
    font-size: 13.5px;
    line-height: 11px;
    color: #FFF;
    font-weight: 500;
    text-decoration: none;
}

.right-footer-box .footer-box-1 ul .footer-menu-list .footer-menu-link:hover {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    color: #AFD6FA;
}

.right-footer-box .footer-box-1 ul .footer-menu-list .active {
    color: #AFD6FA;
}

.right-footer-box .footer-box-2 {
    margin: 0 0 0 7px;
    padding: 17px 0 0;
    float: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;
}

.right-footer-box .footer-box-2 ul {
    margin: 0px;
    padding: 0px;
    width: 150px;
    float: left;
}

.right-footer-box .footer-box-2 ul .footer-menu-list {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    list-style: none;
}

.right-footer-box .footer-box-2 ul .footer-menu-list .footer-menu-link {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    list-style: none;
    font-size: 13px;
    font-weight: 500;
    line-height: 29px;
    color: #FFF;
    text-decoration: none;
}

.right-footer-box .footer-box-2 ul .footer-menu-list .footer-menu-link:hover {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    list-style: none;

    /*font-size: 13px;*/
    font-weight: 500;
    color: #AFD6FA;
}

.right-footer-box .footer-box-2 ul .footer-menu-list .active {
    font-size: 14px !important;
    color: #AFD6FA;
}

.right-footer-box .footer-box-3 {
    margin: 0px;
    padding: 18px 0 0;
    float: right;
    line-height: 27px;
    font-size: 14px;
    font-weight: 500;
    width: 376px;
}

.right-footer-box .footer-box-3 ul {
    margin: 0px;
    padding: 0px;
    width: 450px;
    float: left;
}

.right-footer-box .footer-box-3 ul .footer-menu-list {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    list-style: none;
}

.right-footer-box .footer-box-3 ul .footer-menu-list .footer-menu-link {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    list-style: none;
    font-size: 13px;
    line-height: 29px;
    color: #FFF;
    font-weight: 500;
    text-decoration: none;
}

.right-footer-box .footer-box-3 ul .footer-menu-list .footer-menu-link:hover {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    list-style: none;
    color: #AFD6FA;
}

.right-footer-box .footer-box-3 ul .footer-menu-list .active {
    /*font-size: 14px !important;*/
    color: #AFD6FA;
}

.about-page {
    margin: 0 auto;
    padding: 0px;
    width: 1142px;
}

.about-text {
    margin: 30px 0 0;
    padding: 0 0 50px;
    float: left;
    width: 100%;

    /*min-height: 500px;*/
}

.about-text .text-styling {
    margin: 0px;
    padding: 0;
    font-size: 19px;
    color: #222222;
    font-weight: 400;
    line-height: 30px;
    float: left;
    width: 100%;
}

.contact-page {
    margin: 0 auto;
    padding: 0px;
    width: 1142px;
}

.contact-text {
    margin: 30px 0 0;
    padding: 0 0 20px;
    float: left;
    width: 100%;
}

.contact-text .text-styling {
    margin: 0px;
    padding: 0;
    font-size: 19px;
    color: #222222;
    font-weight: 400;
    line-height: 34px;
}

.contact-left {
    margin: 19px 0 0;
    padding: 13px 10px 10px;
    float: left;
    width: 680px;
    background: #F1EEEE;
    height: auto;
}

.contact-left h2 {
    margin: 14px 0 10px;
    padding: 0px;
    font-size: 23px;
    color: #F63B29;
    text-transform: none;
}

.contact-left p {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    color: #6B6B6B;
    float: left;
    width: 100%;
}

.contact-left p span {
    margin: 0px;
    padding: 0px;
    float: right;
    color: #808080;
    font-size: 12px;
    position: relative;
    top: 0;
    width: auto;
    background: none;
    left: -10px;
}

.form {
    margin: 10px 0 0;
    padding: 12px 16px 19px;
    background: #F5F3F3;
    float: left;
    width: 94%;
}

.form span {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    background: none;
}

.form span a {
    margin: 0 8px 0 0;
    padding: 7px 14px;
    float: left;
    text-transform: none;
    background: #2A323A;
    color: #FFF;
    font-size: 17px;
    text-decoration: none;
}

.form span a:hover {
    background: #AFD6FA;
    color: #000000;
}

.form label {
    margin: 0 0 6px;
    padding: 0px;
    font-size: 14px;
    color: #4B4B4B;
    float: left;
    width: 100%;
}

.form-box {
    margin: 0 0 14px;
    padding: 0px;
    border: 1px solid #D2D2D2;
    background: #FFF;
    width: 100%;
    height: 30px;
}

.form-box1 {
    margin: 0px;
    padding: 0px;
    width: 544px;
    height: 55px;
    border: 1px solid #D2D2D2;
    background: #FFF;
    width: 100%;
}

.contact-left span {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 13px;
    left: 2px;
}

.contact-right {
    margin: 15px 0 0;
    padding: 0px;
    width: 365px;
}

.contact-right h2 {
    margin: 0 0 10px;
    padding: 0px;
    font-size: 21px;
    text-transform: none;
    color: #000000;
}

.contact-right p {
    margin: 0px;
    padding: 0 0 20px;
    color: #636363;
    line-height: 20px;
    font-size: 13px;
}

.contact-right p a {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    color: #000;
}

.contact-right p a:hover {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    color: #2A323A;
}

.map {
    margin: 0 0 10px;
    padding: 0px;
    float: left;
    width: 99%;
    border: 3px solid #CCCCCC;
    height: 274px;
}

.map img {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.demo-page {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.demo-page-left-part {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 59%;
}

.demo-page-left-part .demo-page-img {
    float: left;
    margin: 10px 10px 10px 0;
}

.demo-page-right-part {
    margin: 0px;
    padding: 0px;
    float: right;
    width: 40%;
    text-align: left;
}

.demo-page-right-part .demo-page-img2 {
    float: right;
    margin: 10px 0 10px 10px;
}

/*------------------------*/
.testi-contetnt-main {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.testi-contetnt {
    float: left;
    width: 100%;
}

.testi-bottom {
    /*float: right;*/
    max-width: 463px;
    float: left;
}

.testi_ttl {
    float: left;
    width: 100%;
    font-weight: bold;
}

.topgreybar {
    /* [disabled]height: 338px; */
    background-color: #EEEEEE;
    border-bottom: 1px solid rgba(0, 0, 0, 0.086);
    max-height: 338px;
    padding: 0 8px;
}

.headerimage {
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
    width: 100%;
}

.headerimage iframe {
    width: 100%;
}

.right-footer-box .footer-box-2 .footer-menu-list:first-child a {
    font-size: 13.5px;
}

/*.right-footer-box .footer-box-2 .footer-menu-list:first-child :hover a{
    font-size: 13.5px;
}*/
.right-footer-box .footer-box-3 .footer-menu-list:first-child a {
    font-size: 13.5px;
}

.plamba {
    float: right;
    border: 1px solid #012773;
    margin-right: 12px;
    margin-left: 5px;
    max-width: 100%;
    height: auto;
}