@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url(https://fonts.googleapis.com/css?family=Khand:400,500,600,300);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700');


html {height: 100%;}

body {height: 100%;background-color: white;background-repeat: no-repeat;font-family: 'Open Sans', sans-serif;font-size: 13px;position: relative;padding-bottom: 50px;overflow-x: hidden;}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {margin-left: 0;}

content {position: relative;}
:focus {outline: none;}
/* -webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in; */

/* -------------------------------------------------------------------------------------*/
/* 		HEADER																			*/
/* -------------------------------------------------------------------------------------*/

header {
    height: 130px;
    background: #fff;
}

.mobile-header-category {display: none;}
.header {height: 130px;/* background: white; */}
.logo {height: 130px;margin-right: 0;position: relative;line-height: 130px;}
.logo img {/* position: absolute; *//* bottom: -35px; *//* z-index: 9999; *//* max-height: 150px; */}
.header-menu {
    padding-top: 48px;
}
.header-menu > ul {
    float: right;
}
.header-menu > ul > li {float: left;height: 35px;line-height: 35px;font-size: 14px;position: relative;}
.header-menu > ul > li:first-child > a {/* padding-left: 0; */}
.header-menu > ul > li:first-child:before {margin-left: -25px;}
.header-menu > ul > li:before {
content: '';
position: absolute;
left: 50%;
top: 70px;
z-index: 99999;
margin-left: -10px;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #1b63bc transparent transparent transparent;
display: none;
}
.header-menu > ul > li:hover:before {/* display: block; */}
.header-menu > ul > li:hover {background: #4fbed2;}
.header-menu > ul > li:hover ul {display: block; }
.header-menu > ul > li:hover a {color: #fff;}
.header-menu > ul > li a {display: block;color: #000;text-decoration: none;padding: 0 20px;}
.header-menu > ul > li > ul {background: #4fbed2;position: absolute;width: 260px;left: 0;top: 35px;padding-top: 0;padding: 20px 0;display: block;height: auto;overflow: hidden;z-index: 9999;display: none;}
.header-menu > ul > li:last-child > ul {width: 200px}
.header-menu > ul > li > ul > li {height: auto; line-height: 20px; position: relative;}
.header-menu > ul > li > ul > li > a {padding: 5px 20px 5px 25px;
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;}
.header-menu > ul > li > ul > li:before {content: ''; position: absolute; width: 0; height: 1px; background: #fff; top: 50%; left: 10px; 
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;}
.header-menu > ul > li > ul > li:hover:before {width: 7px;  }
.header-menu > ul > li > ul > li:hover a { }

.header-box {height: 130px;/* line-height: 100px; */padding-top: 43px;overflow: hidden;margin-left: -20px;}
.header-box ul {float: right;}
.header-box li {float: left;width: 40px;height: 40px;border:  1px solid #dbdbdb;margin-left: 3px;line-height: 39px;text-align: center;font-weight: 800;font-size: 14px;}
.header-box li.active {
    display: none;
}
.header-box li a {text-decoration: none;/* padding: 5px 2px; *//* font-size: 14px; */color: #484848;/* font-weight: 800; *//* font-family: "Raleway"; */display: block;height: 100%;}
.header-box li.first-child a {border-right: 1px solid #c3c3c3;}
.header-box li i {/* color: #36b4e0; */display: block;height: 38px;line-height: 38px;}
.header-box li a:hover {color: #4fbed2;}
.header-box li i:before {font-size: 20px;}


 /* Mobile Menu */
        .mobile-menu-area {}
        .mobile-menu-button {height: 40px;line-height: 40px;position: absolute;width: 45px;right: 30px;top: 45px;display: none;z-index: 999999;}
        

        .mobile-menu {padding-bottom: 10px;overflow: hidden;display: none;background: #223a58;position: relative;width: 100%;z-index: 999999;/* left: 0; *//* top: 71px; */}
        .mobile-menu ul {}
        .mobile-menu ul li {
        height: auto;
        font-size: 15px;
        border-top: 1px solid #415a79;
        -webkit-transition: all 50ms ease-in;
        -moz-transition: all 50ms ease-in;
        -ms-transition: all 50ms ease-in;
        -o-transition: all 50ms ease-in;
        transition: all 50ms ease-in;
        }
        .mobile-menu ul li:last-child {/* border-bottom: 1px solid #fff; */}
        .mobile-menu ul li a {display: block;height: 100%;padding: 10px 15px;color: #fff;}
        .mobile-menu ul li li {display: none; font-size: 12px;}
        .mobile-menu ul li li a {padding-left: 25px;}
        .mobile-menu ul li.has-dropdown.active li {display: block;}
        .mobile-menu.active {display: block;}
        .mobile-menu ul li.has-dropdown {position: relative;}
        .mobile-menu ul li.has-dropdown:before {content: ''; position: absolute; width: 14px; height: 1px; background: #fff; right: 10px; top: 16px;}
        .mobile-menu ul li.has-dropdown:after {content: ''; position: absolute; width: 1px; height: 14px; background: #fff; right: 16px; top: 10px;}
        .mobile-menu ul li.has-dropdown.active:after {display: none;}

/* -------------------------------------------------------------------------------------*/
/* 		SECTION																			*/
/* -------------------------------------------------------------------------------------*/


.banner {height: 500px;/* margin-bottom: 40px; */display: block;/* margin: 0 -70px; */}
.main-banner-area { height: 500px; margin: 0 -70px; }
.banner li {float: left;}
.banner li img {width: 100%; height: 500px;}
.main-banner-area .bx-wrapper .bx-pager{width: 100%; bottom: 40px; text-align: center;}
.main-banner-area .bx-wrapper .bx-pager.bx-default-pager a{background: #e2e0e0; text-indent:-9999px; display:block; width:12px; height:12px; margin:0 2px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.main-banner-area .bx-wrapper .bx-pager.bx-default-pager a.active,.main-slider .bx-wrapper .bx-pager.bx-default-pager a:hover{background: white;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #484848;}

.main-banner-area .bx-wrapper .bx-controls-direction a {top: auto; margin-top: 0; bottom: 20px; }
.main-banner-area .bx-wrapper .bx-prev {background: #fff url('../img/icon/left-arrows.png') no-repeat center center; left: auto; right: 70px;}
.main-banner-area .bx-wrapper .bx-next {background: #fff url('../img/icon/right-arrows.png') no-repeat center center; right: 20px;}

.information {background: white; padding: 0 150px; text-align: center; margin-bottom: 60px;}
.information b {color: #1a355e; font-weight: 800; font-family: "Raleway"; font-size: 24px; margin-bottom: 40px; display: block;}
.information h6 {font-weight: 400; font-family: "Raleway"; color: #484848; font-size: 23px; line-height: 30px;}

.content-area {height: 300px; margin-bottom: 100px;}
.content-box {height: 300px; border: 1px solid #e7e7e7; position: relative; overflow: hidden;}
.content-box img {position: absolute; left: -120px; bottom: -65px; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.2s ease-in-out;
-moz-transition: -moz-transform 0.2s ease-in-out; -ms-transition: -ms-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out;}
.content-box:hover img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.content-box:hover .content-box-text h5 {font-weight: 700;}
.content-box-text {width: 140px; height: auto; position: absolute; right: 30px; top: 40px; text-align: right;}
.content-box-text b {font-weight: 700;}
.content-box-text h5 {color: #1a355e; font-size: 30px; font-family: "Raleway"; font-weight: 500; margin-bottom: 25px;}
.content-box-text p {font-size: 13px; font-weight: 400; color: #282828; margin-bottom: 20px;}
.content-box-text h6 {color: #36b4e0; font-size: 12px; font-weight: 400;}
.content-box-text h6:hover {color: #014782;}
.content-slider-area .bx-wrapper .bx-controls-direction a {width: 50px; height: 80px;}
.content-slider-area .bx-wrapper .bx-prev {left: -80px; top: 45%; background:  url('../img/icon/prev-arrows.png') no-repeat center center; border-bottom-left-radius: 15px; border-top-left-radius: 15px;}
.content-slider-area .bx-wrapper .bx-next {right: -80px; top: 45%; background:  url('../img/icon/next-arrows.png') no-repeat center center; border-bottom-right-radius: 15px; border-top-right-radius: 15px;}   
.content-slider-area .bx-wrapper .bx-prev:hover {background: url('../img/icon/prev-arrows.png') no-repeat center center;}
.content-slider-area .bx-wrapper .bx-next:hover {background: url('../img/icon/next-arrows.png') no-repeat center center;}
.news {height: 230px; margin-bottom: 30px;}
.news-area {/* border-bottom: 1px solid #969696; *//* margin-bottom: 30px; */padding-top: 55px;text-align: right; }
.news-area a {text-decoration: none;}
.news-area h5 {color: #d7d7d7;font-size: 30px;/* font-family: "Raleway"; */font-weight: 700;padding: 0 40px 20px 0;text-align: right;font-family: 'Roboto Slab', serif;}
.news-box-area {margin-left: -25px;}
.news-section {
    margin-bottom: 55px;
}
.news-box {height: 220px;margin-bottom: 20px;position: relative;padding: 30px 30px 30px 100px;}
.news-box:before {content:'';position: absolute;width: 1px;height: 226px;background: #dadadd;left: 26px;top: 0;transform: rotate(15deg);}
.news-box:hover p {color: #1a355e;}
.news-box:hover b {color: #1a355e;}
.news-box:hover h6 {color: #1a355e;}
.news-box a {text-decoration: none;color: #000;}
.news-box h4 {/* text-decoration: none; */width: 55%;float: left;font-family: 'Roboto Slab', serif;padding-right: 20px;font-size: 17px;font-weight: 500;line-height: 22px;}
.news-box h4 span {/* text-decoration: none; */display: block;margin-top: 10px;padding-top: 10px;border-top: 1px solid #dadadd;font-weight: 300;font-size: 13px;}
.news-box b {color: #484848; font-size: 16px; font-family: "Raleway"; font-weight: 800; margin-bottom: 25px; display: block;}
.news-box p {color: #484848;font-size: 15px;font-family: "Raleway";font-weight: 400;/* margin-bottom: 25px; */line-height: 22px;/* height: 88px; */overflow: hidden;width: 45%;float: left;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.news-box h6 {color: #484848; font-size: 14px; font-family: "Raleway"; font-weight: 500;}
.news-slider-area .bx-wrapper .bx-controls-direction a {width: 44px;height: 44px;border: 2px solid #dadadd;text-align: center;border-radius: 50%;}
.news-slider-area .bx-wrapper .bx-prev {left: -129px;top: 50%;background:  url('../img/icon/left-arrows.png') no-repeat center center;}
.news-slider-area .bx-wrapper .bx-next {left: -81px;/* right: 40px; */top: 50%;background:  url('../img/icon/right-arrows.png') no-repeat center center;}   
.news-slider-area .bx-wrapper .bx-prev:hover {background: url('../img/icon/left-arrows.png') no-repeat center center; border: 4px solid #939393;}
.news-slider-area .bx-wrapper .bx-next:hover {background: url('../img/icon/right-arrows.png') no-repeat center center; border: 4px solid #939393;}


/* -------------------------------------------------------------------------------------*/
/* 		PRESIDENT-MESSAGE																*/
/* -------------------------------------------------------------------------------------*/


.banner-president-message {height: 200px;margin-bottom: 20px;}
.banner-president-message img {width: 100%; height: 100%;}
.president-message-content {margin-bottom: 80px; height: auto;}
.president-message-left-menu {height: 500px;/* border-right: 1px solid #d0d0d0; */}
.president-message-left-menu h6 {margin-bottom: 15px; color: #36b4e0; font-size: 16px; font-family: "Raleway"; font-weight: 700;}
.president-message-left-menu ul li {margin-bottom: 5px;}
.president-message-left-menu ul li a {font-size: 14px; color: #1a355e; font-family: "Raleway"; font-weight: 500; text-decoration: none; line-height: 25px;}
.president-message-left-menu ul li a:hover {font-weight: 800;}
.president-message-left-menu ul li.active a {font-weight: 800;}
.president-message-right {height: auto; padding-left: 70px; border-left: 1px solid #d0d0d0;
}}
.president-message-right-box {height: auto;}
.president-message-right h1 {color: black; font-family: "Raleway"; font-size: 22px; font-weight: 800; margin-bottom: 25px;}
.president-message-right-box img {width: 100%; height: auto; margin-bottom: 25px;}
.president-message-right-box h4 {font-size: 22px; font-weight: 400; font-family: "Raleway"; margin-bottom: 30px; color: black;}
.president-message-right-box p {font-size: 14px; font-weight: 400; font-family: "Raleway"; margin-bottom: 20px; color: black;}
.president-message-right-box h5 {color: black; font-family: "Raleway"; font-weight: 700; float: right; font-size: 15px;}
.president-message-right-box h6 {color: black; font-family: "Raleway"; font-weight: 400; float: right; font-size: 14px;}

.main-slogan-area {
    height: 300px;
    /* background: #4ebed2; */
    position: relative;
}
.main-slogan-area:before {content:"";position: absolute;width: 100%;height: 400px;background: #4ebed2;left: 0;top: -50px;z-index: -1;}
.main-slogan-area h6 {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    padding: 100px 180px;
    text-align: center;
    line-height: 30px;
    background: url('../img/bg/slogan-bg.png') no-repeat center center;
}


/* -------------------------------------------------------------------------------------*/
/* 		DOCUMENT-LIST																	*/
/* -------------------------------------------------------------------------------------*/


.document-list-area {height: auto;}
.document-list-area li .document-list-box {height: 190px; padding: 30px 0;}
.document-list-area li {border-top: 1px solid #d0d0d0;}
.document-list-area li a {text-decoration: none;}
.document-list-area li:first-child {border-top: none;}
.document-list-box:hover p {font-weight: 700;}
.document-list-box i:before {font-size: 45px;}
.document-list-box i {color: black; margin-right: 30px; float: left; height: 100%;}
.document-list-box h5 {color: black; font-family: "Raleway"; font-weight: 800; font-size: 15px; margin-top: 10px; margin-bottom: 5px;}
.document-list-box h6 {color: #808080; font-family: "Raleway"; font-weight: 400; font-size: 13px; margin-bottom: 20px;}
.document-list-box p {font-size: 13px; font-weight: 500; font-family: "Raleway"; margin-bottom: 20px; color: black;}


/* -------------------------------------------------------------------------------------*/
/* 		PHOTO-VIDEO-GALLERY																*/
/* -------------------------------------------------------------------------------------*/


.photo-gallery-area {height: auto; display: block;}
.photo-gallery-box {height: 450px; margin-bottom: 20px;}
.photo-gallery-box:hover img {filter: grayscale(0%);}
.photo-gallery-box a {text-decoration: none;}
.photo-gallery-box img {width: 100%; height: 235px; margin-bottom: 20px; filter: grayscale(100%);}
.photo-gallery-box h5 {color: black; font-family: "Raleway"; font-weight: 800; font-size: 15px; margin-bottom: 5px; padding-right: 40px;}
.photo-gallery-box h6 {color: #808080; font-family: "Raleway"; font-weight: 400; font-size: 13px; margin-bottom: 20px; padding-right: 40px;}
.photo-gallery-box p {font-size: 13px; font-weight: 500; font-family: "Raleway"; margin-bottom: 20px; color: black; padding-right: 40px;}


/* -------------------------------------------------------------------------------------*/
/* 		PAGE																			*/
/* -------------------------------------------------------------------------------------*/


.president-message-right h1.color1 {color: #1a355e;}
.page {height: auto;}
.page h4 {font-size: 20px; font-weight: 400; font-family: "Raleway"; margin-bottom: 30px; color: black;}
.page p {font-size: 13px; font-weight: 400; font-family: "Raleway"; margin-bottom: 20px; color: black;}
.page img {width: 100%; height: auto;}


/* -------------------------------------------------------------------------------------*/
/* 		PROJECT-DETAIL																	*/
/* -------------------------------------------------------------------------------------*/


.banner-project-detail {height: 500px;}
.banner-project-detail img {width: 100%; height: 100%;}
.project-detail-area {height: auto;}
.project-detail-area p {color: black; font-size: 14px; font-family: "Raleway"; font-weight: 400; margin-bottom: 30px;}
.project-detail-top-menu {margin-bottom: 30px;}
.project-detail-top-box {height: 80px; background: #f4f4f4; padding: 10px 30px; overflow: hidden;}
.project-detail-top-box a {text-decoration: none;}
.project-detail-top-box-1 {margin-right: -10px;}
.project-detail-top-box-1:hover i {color: black;}
.project-detail-top-box-1:hover h5 {font-weight: 700;}
.project-detail-top-box-2 {margin: 0 -10px;}
.project-detail-top-box-2:hover i {color: black;}
.project-detail-top-box-2:hover h5 {font-weight: 700;}
.project-detail-top-box-3 {margin-left: -10px;}
.project-detail-top-box-3:hover i {color: black;}
.project-detail-top-box-3:hover h5 {font-weight: 700;}
.project-detail-top-box i {color: #a0a2a4; float: left; margin-right: 20px;}
.project-detail-top-box i:before {font-size: 45px;}
.project-detail-top-box h5 {color: black; font-size: 16px; font-family: "Raleway"; font-weight: 500; margin-bottom: 3px; margin-top: 10px;}
.project-detail-top-box h6 {color: black; font-size: 16px; font-family: "Raleway"; font-weight: 700;}
.project-slider {height: 480px; margin-bottom: 20px;}
.project-slider-area .bx-wrapper .bx-controls-direction a {width: 45px; height: 50px;}
.project-slider-area .bx-wrapper .bx-prev {left: -10px; top: 45%; background: #1a355e url('../img/icon/left-arrow.png') no-repeat center center;}
.project-slider-area .bx-wrapper .bx-next {right: -10px; top: 45%; background: #1a355e url('../img/icon/right-arrow.png') no-repeat center center;}   
.project-slider-area .bx-wrapper .bx-prev:hover {background: #1a355e url('../img/icon/left-arrow.png') no-repeat center center;}
.project-slider-area .bx-wrapper .bx-next:hover {background: #1a355e url('../img/icon/right-arrow.png') no-repeat center center;}
.project-slider-area .bx-wrapper .bx-pager{width: 100%; text-align: center; bottom: -40px;}
.project-slider-area .bx-wrapper .bx-pager.bx-default-pager a{background: #1a355e; text-indent:-9999px; display:block; width:12px; height:12px; margin:0 2px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.project-slider-area .bx-wrapper .bx-pager.bx-default-pager a.active,.main-slider .bx-wrapper .bx-pager.bx-default-pager a:hover{background: white;}
.project-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .project-slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #d9d9d9;}
.project-detail-bottom-menu {margin-bottom: 50px;}
.project-detail-bottom-box {padding: 10px 10px;}
.project-detail-bottom-box a {text-decoration: none;}
.project-detail-bottom-box-1 {width: 30%; float: left;}
.project-detail-bottom-box-1:hover i {color: black;}
.project-detail-bottom-box-1:hover h5 {font-weight: 700;}
.project-detail-bottom-box-2 {width: 45%; float: left;}
.project-detail-bottom-box-2:hover h5 {font-weight: 700;}
.project-detail-bottom-box-2 ul li {float: left;}
.project-detail-bottom-box-2 ul li i:before {font-size: 35px;}
.project-detail-bottom-box-2 ul li i {color: #a8a8a8; margin-right: 20px;}
.project-detail-bottom-box-2 span {height: 100%; float: left; margin-right: 20px;}
.project-detail-bottom-box-3 {width: 25%; float: left;}
.project-detail-bottom-box-3:hover i {color: black;}
.project-detail-bottom-box-3:hover h5 {font-weight: 700;}
.project-detail-bottom-box-3 span {height: 100%; float: left; margin-right: 20px;}
.project-detail-bottom-box-3 i {margin-right: 0px;}


/* -------------------------------------------------------------------------------------*/
/* 		PROJECT-LIST																	*/
/* -------------------------------------------------------------------------------------*/


.project-list {height: auto;}
.project-list a {text-decoration: none;}
.project-list-box {height: 400px; margin-bottom: 20px;}
.project-list-box:hover img {filter: grayscale(0%);}
.project-list-box:hover p {font-weight: 700;}
.project-list-box img {width: 100%; height: 175px; margin-bottom: 20px; filter: grayscale(100%);}
.project-list-box h5 {color: black; font-family: "Raleway"; font-weight: 800; font-size: 16px; margin-bottom: 20px; padding-right: 40px;}
.project-list-box h6 {color: #808080; font-family: "Raleway"; font-weight: 400; font-size: 13px; margin-bottom: 10px; padding-right: 40px;}
.project-list-box p {font-size: 14px; font-weight: 500; font-family: "Raleway"; margin-bottom: 20px; color: black; padding-right: 40px;}


/* -------------------------------------------------------------------------------------*/
/* 		SECTOR																			*/
/* -------------------------------------------------------------------------------------*/


.sector {height: auto;}
.sector img {width: auto; height: auto; margin-bottom: 20px;}
.sector h5 {font-size: 20px; font-weight: 400; font-family: "Raleway"; margin-bottom: 20px; color: black;}
.sector p {font-size: 14px; font-weight: 400; font-family: "Raleway"; margin-bottom: 30px; color: black;}
.sector h4 {color: #1a355e; font-size: 16px; font-weight: 800; font-family: "Raleway"; margin-bottom: 20px;}
.sector-box {height: auto;border-top: 1px solid #d0d0d0;padding: 10px 0;}
.sector-box:hover {background: #f4f4f4;}
.sector-box a {text-decoration: none;}
.sector-box-img {height: 150px;padding: 0;text-align: center;line-height: 150px;}
.sector-box-img img {max-width: 90%;max-height: 90%;margin: 0;display: inline-block;}
.sector-box-text {height: 165px; padding: 30px 0;}
.company-information {font-family: "Raleway";}
.company-information ul li {overflow: hidden;min-height: 20px;}
.company-information ul li label {width: 20%; float: left; font-weight: 500; font-family: "Raleway"; font-size: 13px; color: black; position: relative;}
.company-information span {position: absolute; right: 25px;}
.company-information ul li h5 {width: 80%; float: right; font-weight: 500; font-family: "Raleway"; font-size: 13px; color: black; margin: 0;}


/* -------------------------------------------------------------------------------------*/
/* 		INDEX-MENU																		*/
/* -------------------------------------------------------------------------------------*/


/* -------------------------------------------------------------------------------------*/
/* 		OPEN-POSITIONS																	*/
/* -------------------------------------------------------------------------------------*/


.positions {height: auto;}
.positions ul li {padding: 0 20px; border: 1px solid #dbdbdb; font-size: 13px; background: #fff; color: #6e6e6e; overflow: hidden;}
.position {height: 45px; line-height: 45px;}
.positions ul li:first-child .position h5 {font-weight: 700; font-size: 13px;}
.position h5 {width: 60%; float: left; height: 45px; line-height: 45px; font-weight: 400; font-family: "Raleway"; color: black;}
.position span {width: 20%; float: left; display: block; height: 45px; line-height: 45px; font-family: "Raleway"; color: black;}
.positions ul li:nth-child(even) {background: #f6f6f6;}
.positions ul li + li {margin-top: 4px;}
.position-title a {display: block; float: left; width: 20%; height: 40px; background: #608099; color: #fff; line-height: 40px; text-align: center;}


/* -------------------------------------------------------------------------------------*/
/* 		OPEN-POSITIONS-DETAIL															*/
/* -------------------------------------------------------------------------------------*/


.positions-detail {height: auto;}
.position-title {height: 40px; margin-bottom: 30px;}
.position-detail-info {width: 80%; float: left; height: 40px;}
.position-detail-info span {display: block; height: 20px; line-height: 20px; font-family: "Raleway"; font-size: 14px; font-weight: 400;}
.position-detail {margin-bottom: 20px;}
.position-detail h5 {margin-bottom: 10px; font-family: "Raleway"; font-size: 15px;}
.position-detail p {font-family: "Raleway"; font-size: 13px; font-weight: 500;}


/* -------------------------------------------------------------------------------------*/
/* 		HUMAN-RESOURCES-FORM															*/
/* -------------------------------------------------------------------------------------*/


ul.reporting-form {display: inline-block; width: 100%; overflow: hidden;}
ul.reporting-form > h5 {margin: 10px 0; color: #000; font-weight: 400; font-size: 16px;}
ul.reporting-form > li {padding: 15px;  border: 1px solid #dbdbdb; font-size: 14px; background: #fff; color:#6e6e6e; overflow: hidden;}
ul.reporting-form > li:hover {color:#000;}
ul.reporting-form > li + li {margin-top: 3px;}
ul.reporting-form > li:nth-child(even) {background: #f6f6f6;}
ul.reporting-form > li input:not([type]),ul.reporting-form > li > input[type="color"],ul.reporting-form > li > input[type="email"],
ul.reporting-form > li > input[type="number"],ul.reporting-form > li > input[type="password"],ul.reporting-form > li > input[type="tel"], 
ul.reporting-form > li > input[type="url"],ul.reporting-form > li > input[type="text"],ul.reporting-form > li > input[type="file"],
ul.reporting-form > li > textarea,ul.reporting-form > li select {width: 50%; padding: 4px; float: right; border: 1px solid #dbdbdb; margin-top: -4px;}
.check-radio {width: 60%; padding: 4px; float: right; border: 1px solid #dbdbdb; margin-top: -4px;}
ul.reporting-form > li.forget {width: 30%; float: left;}
ul.reporting-form > li.forget a {color:#e30613; display: block; height: 100%;}
ul.reporting-form > li.submit {width: 67%; float: right; padding:0;}
ul.reporting-form > li label {font-weight: normal; height: 100%; width: 40%; float: left; margin-left: 15px;}
ul.reporting-form > li label:hover {cursor: pointer;}
ul.reporting-form > li label input {margin-left: 5px;}
ul.reporting-form > li input + input {margin-top: 5px !Important;}
ul.reporting-form > li > a {margin-left: 40%; height: 25px; font-size: 12px; line-height: 25px; margin-top: 5px ; color: #002f6d; text-decoration: none; display: inline-block;}
ul.reporting-form > li > a:hover {color: #002f6d; }
ul.reporting-form > li > a i:before {display: block; float: left; font-size: 20px; line-height: 25px; margin-right: 5px;}
.upload-img {width: 100px; height: 110px; margin-left: 40%; padding-top: 10px; position: relative; }
.upload-img img {width: 100%; }
.upload-img a {position: absolute; display: inline-block; bottom: -5px; text-decoration: none; left: -20px; width: 30px; height: 30px; line-height: 30px; 
border: 1px solid #264c7a; text-align: center; border-radius: 50%; color: #264c7a;}
.upload-img a:last-child {right: -20px; left: auto;}
.upload-img a i:before {font-size: 16px;}
.formError .formErrorContent , .formError .formErrorArrow div {background:#264c7a;}
ul.reporting-form > li button {width: 100%;padding:14px 0;text-align:center;background: #0e4d97;border-radius:0;border: 1px solid #0f4d96;color:#fff;font-size:16px;-webkit-transition: all 300ms ease-in;-moz-transition: all 300ms ease-in;-ms-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
ul.reporting-form > li button:hover {background:#fff; border-color: #264c7a; color:#264c7a;}


/* -------------------------------------------------------------------------------------*/
/* 		PHOTO-GALLERY-DETAIL															*/
/* -------------------------------------------------------------------------------------*/


.list-album {height: 265px;border: 1px solid #e4e4e4;margin-bottom: 20px;}
.list-album a {display: block; height: 100%; color: #5f5f5f; padding: 10px; text-decoration: none;}
.list-photo {height: 220px; border: 1px solid #e4e4e4; margin-bottom: 20px}
.list-photo a {display: block; height: 100%; color: #5f5f5f; padding: 10px; position: relative;}
.list-photo img {width: 100%; height: 100%;}
.list-photo i {position: absolute; width: 100%; height: 100%; left: 0; top: 0; line-height: 200px; 
text-align: center; background: rgba(0,0,0,0.5); color: #fff;  display: none;}
.list-photo i:before {font-size: 30px;}
.list-photo:hover i {display: block;}
.list-album-photos {margin-bottom: 10px;overflow: hidden;height: 155px;}
.list-album-photos img {width: 100%; }
.list-album-title {height: 67px;}
.list-album-title i {display: block; width: 17%; height: 67px; float: left; color: #c6c6c6;}
.list-album-title i:before {font-size: 30px;}
.list-album-title h5 {font-size: 14px; font-weight: 400; line-height: 18px}			
.list-album-title h5 span {display: block; font-size: 12px; color: #919191;}
.list-album:hover .list-album-title i {color: #3a3a3a;}


/* -------------------------------------------------------------------------------------*/
/* 		VIDEO-GALLERY-DETAIL															*/
/* -------------------------------------------------------------------------------------*/




/* -------------------------------------------------------------------------------------*/
/* 		CONTACT																			*/
/* -------------------------------------------------------------------------------------*/


.maps-area {}
.maps-area iframe {width: 100% !Important;}
.contact-page {}

ul.contact {display: inline-block;	margin-top: 10px; width: 100%; 	}
ul.contact li {padding: 10px 15px;/* border: 1px solid #dbdbdb; */font-size: 13px;/* background: #fff; */color:#6e6e6e;overflow: hidden;height: auto;border-bottom: 1px solid #dbdbdb;}
ul.contact li:hover { color:#000;}
ul.contact li + li {margin-top: 4px;}
ul.contact li:nth-child(even) {/* background: #f6f6f6; */}
ul.contact li > span {display: block;/* border: 1px solid #dbdbdb; */width: 88%;float: left;/* padding: 7px; *//* margin-top: 5px; */background: #fff;}
ul.contact li:last-child a {display: block; padding: 14px 15px; width: 100%; height: 100%; color:#6e6e6e; text-decoration: none;}
ul.contact li:last-child a:hover { color:#2068b5; }
ul.contact li label {font-weight: normal;width: 12%;float: left;/* line-height: 46px; */}
ul.contact li:last-child {
    border: none;
}









/* -------------------------------------------------------------------------------------*/
/* 		FOOTER																			*/
/* -------------------------------------------------------------------------------------*/

footer {
    /* padding-bottom: 30px; */
    height: 55px;
    background: #4ebed2;
    margin-bottom: 60px;
    position: relative;
}
footer:before {content:'';position: absolute;width: 181px;height: 195px;background: url('../img/bg/footer-icon.png');top: -82px;/* margin: 0 auto; */left: 50%;margin-left: -91px;}
.footer {
    height: 190px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    margin-bottom: 10px;
    }
.footer-color1 {background: #f4f4f4;}
.footer-logo {height: 190px; line-height: 190px; overflow: hidden; text-align: center;}
.footer-logo img {max-height: 70%;}
.footer-menu {height: 190px;}
.footer-menu li a {text-decoration: none;}
.footer-menu > ul > li {width: 16.66%; float: left; 
    padding: 40px 0 0 30px;}
.footer-menu > ul > li:first-child {padding-left: 0;}
.footer-menu > ul > li h6 {margin-bottom: 15px; color: black; font-size: 13px; 
    font-family: "Raleway"; font-weight: 700;}
.footer-menu > ul > li > ul > li a {font-size: 13px; color: #6c6c6c; font-family: "Raleway"; font-weight: 500;}
.footer-menu > ul > li > ul > li a:hover {color: black; 
    text-decoration: underline;}
.footer-bottom {height: 55px; line-height: 55px;}
.footer-bottom li {float: left;padding: 5px;color: #fff;height: 55px;}
.footer-bottom li a {color: #444444;text-decoration: none;font-weight: 500;font-size: 12px;font-family: "Raleway";color: #fff;padding: 0 5px;}
.footer-bottom li:last-child a {color: #fff;}
.footer-bottom ul {
    float: right;
}


ul.footer-social {height: 65px;/* text-align: center; *//* float: right; */}
ul.footer-social li {/* display: inline-block; *//* width: 90px; */height: 55px;lin;line-height: 55px;/* border: 1px solid #e9e9e9; *//* border: solid 1px #d9d9d9; *//* padding: 20px 40px; *//* display: inline-block; */float: left;}
ul.footer-social li a {
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 0 15px;
}
ul.footer-social li a i {
    display: block;
    height: 55px;
    line-height: 55px;
    text-align: center;
}
ul.footer-social li a:hover {color:#194850}
ul.footer-social li a i:before{
    font-size: 22px;
}

.left-info-area {
    margin-bottom: 40px;
}
.left-info-area h4 {
    color: black;
    font-family: Raleway;
    font-size: 23px;
    margin-bottom: 24px;
    margin-bottom: 15px;
    }
.left-info-area p {font-size: 17px;font-weight: 400;font-family: "Raleway";/* margin-bottom: 20px; */color: black;}

.left-projects-menu {
    text-align: right;
}
.left-projects-menu h5 {
    font-weight: 700;
    padding-bottom:  10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #d0d0d0;
}
.left-projects-menu ul {}
.left-projects-menu ul li {
    font-size: 15px;
    position: relative;
}
.left-projects-menu ul li a {
    color: #4e4e4e;
    display: block;
    height: 100%;
    text-decoration: none;
    padding: 5px 15px;
}
.left-projects-menu ul li:before {
   content:'';
   position: absolute;
   width:  10px;
   height:  1px;
   right: 0;
   top: 50%;
   background: #999;
   display: none;
}
.left-projects-menu ul li.active:before {
   height: 5px;
   margin-top: -3px;
   display: block;
}
.left-projects-menu ul li:hover:before {
   display: block;
}
.left-projects-menu ul li:after {
   content:'';
   position: absolute;
   height:  100%;
   width: 10px;
   right: -25px;
   top: 0;
   z-index: 99999;
   background: #fff;
   display: none;
}
.left-projects-menu ul li.active:after {
   display: block;
}
.left-projects-menu ul li.active {
   
}
.left-projects-menu ul li.active a {}

.detail-page-photos {margin-bottom: 15px;}
.detail-page-photos-slider {margin-bottom: 6px; position: relative;}
.detail-page-photos-slider li {
    height: 450px;
}
.detail-page-photos-slider img {width: 100%;height: 100%;}

.detail-page-photos-slider-pager {width: 100%; overflow: hidden;}
.detail-page-photos-slider-pager .bx-wrapper {margin: 0 !important; }
.detail-page-photos-slider-pager ul {}
.detail-page-photos-slider-pager ul li {
    height: 100px;
}
.detail-page-photos-slider-pager ul li a {display: block; height: 100%; opacity: 0.6;}
.detail-page-photos-slider-pager ul li a:hover {opacity: 0.8; cursor: pointer;}
.detail-page-photos-slider-pager ul li a.active {opacity: 1;}
.detail-page-photos-slider-pager ul li img {width: 100%;height: 100%;}


.detail-page-photos-slider .bx-wrapper .bx-controls-direction a {top: auto; margin-top: 0; bottom: 20px; }
.detail-page-photos-slider .bx-wrapper .bx-prev {background: #fff url('../img/icon/left-arrows.png') no-repeat center center; left: auto; right: 70px;}
.detail-page-photos-slider .bx-wrapper .bx-next {background: #fff url('../img/icon/right-arrows.png') no-repeat center center; right: 20px;}

.project-details-page {}
.project-details-content {}
.project-details-content p {font-size: 14px; margin-bottom: 10px;}

.mobile-contact {display: none;}
.mobile-contact ul {}
.mobile-contact ul li {}

.products-section {margin-bottom: 30px;}

.main-services-box {
    height: 320px;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 30px;
    padding-right: 50%;
    position: relative;
}
.main-services-box h4 {
    font-size: 28px;
    color: #3a467c;
    margin-bottom: 10px;
    font-family: 'Roboto Slab', serif;
    padding-right: 74px;
    line-height: 35px;
}
.main-services-box p {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 18px;
}
.main-services-box a {
    height: 33px;
    display: block;
    line-height: 31px;
    border: 1px solid #e6e6e6;
    padding: 0 25px;
    width: 64%;
    color: #4ebed2;
    font-size: 13px;
    text-decoration: none;
}

.main-services-box a:hover {background: #4ebed2; color: #fff;}

.main-services-box a i {
    display: block;
    height: 31px;
    line-height: 31px;
    float: right;
}
.main-services-box a i:before {
    font-size: 20px;
}
.main-services-box img {
    position: absolute;
    right: 30px;
    top: 33px;
    width: 22%;
}