/*body, html {
    height: 100%;
    margin: 0;
}
.bgimg {
    background-image: url('../img/images/golden-gate.jpg');
    height: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
    color: white;
}

.topleft {
    position: absolute;
    top: 0;
    left: 16px;
}

.bottomright {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.middle {
    position: absolute;
    top: 35%;
    left: 90px;
    transform: translate(-35%, -150px;);
    text-align: center;
}

.middle h1{
    font-size: 120px;
    text-align: left;
}

.middle h2{
    font-size: 40px;
    text-align: left;
}

.middle p{
    text-align: left;
    padding-top: 20px;
}

.bottomright .rightside .header-items .fa{
    font-size: 25px;
}

#carousel-example-generic {
  display: inline-block;
}*/
/*****************************/

/* Plugin styles */
/*ul.thumbnails-carousel {
    padding: 5px 0 0 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
}
ul.thumbnails-carousel .center {
    display: inline-block;
}
ul.thumbnails-carousel li {
    margin: 0px 1px 0px 1px;
    float: left;
    cursor: pointer;
    max-width: 104px;
}

ul.thumbnails-carousel li img {
    width: 100%;
}
.controls-background-reset {
    background: none !important;
}
.active-thumbnail {
    opacity: 0.4;
}
.indicators-fix {
    bottom: 70px;
}

.carousel .item {
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.carousel-inner{
    height: 100%;
}

@media (max-width:768px) {
.middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
} 
    
.middle h1{
    font-size: 50px;
    text-align: center;
}

.middle h2{
    font-size: 30px;
    text-align: center;
    line-height: 1.3;
}

.middle p{
    text-align: center;
    padding-top: 20px;
}
    
}

@media (max-width:440px) {   
.middle h1{
    font-size: 35px;
    text-align: center;
}

.middle h2{
    font-size: 20px;
    text-align: center;
    line-height: 1.3;
}
    
}*/
.ps-0 { padding-left:0; padding-right:0; }
.pt-5 { padding-top:5px; }
.pt-10 { padding-top:10px; }

.mt-9 { margin-top:9px; }
.mt-15 { margin-top:15px; }
.mtop_30 { margin-top:30px; }

.relative { position:relative; }

.bg-seperator { background-color: #f5f5f5; }
.main.bg-seperator { margin-bottom:0; padding-top:15px; padding-bottom:20px; }
.main.bg-seperator+.main { margin-top:0; padding-top:10px; }

a.read_more { font-family:roboto; font-size: 10px; text-transform: uppercase; background-color: #01b16e !important; border-radius:3px; color: #fff; padding: 6px 6px; display: inline-block; float: right; }
a.v_all { position: absolute; right: 85px; top: 1px; font-size: 12px; font-family: roboto; background-color: #fca500; color: #fff; padding: 6px 15px; text-align: center; }

.collapse.navbar-collapse { display:inline-block!important; float:right; margin-right: 50px; }

.searchlink { display: inline-block; float: right; position: absolute; right: 15px; font-size: 25px; cursor: pointer; height: 50px; width:25px; line-height: 50px; transition:all ease 0.3s; }
.searchlink:before { content:'\f002'; font-family:fontawesome; position:absolute; line-height:50px; text-align: center; left: 0; right: 0; color: #cacaca; }
.searchlink:hover:before { color:#f2a81e; }

.searchlink.open > .searchform { display: block; }
.searchform { display: none; position: absolute; line-height: 30px; top: 4px; right: 135%; z-index: 1; cursor: default; }
.searchlink.open .searchform { display: block; } 
#search { display: block; position: relative; }
#s { width: 270px; background: #272727; padding: 5px 15px; border: 0; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px; font-family:roboto; font-size: 16px; outline:0; }

.sbtn { display: block; position: absolute; right: 5px; top: 0; background: none; border: none; color: #bcbcbc; font-size: 16px; line-height: 38px; cursor: pointer; }



.home-carousel .owl-item .fill { min-height:100vh; max-height:100vh; }
.home-carousel.owl-theme .owl-nav.disabled+.owl-dots { position: absolute; bottom: 30px; left: 0; right: 0; }
.owl-theme .owl-dots .owl-dot span { background-color:#05354a; }
.owl-theme .owl-dots .owl-dot.active span { background-color:#F2A81D; }

.home-carousel.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots, .owl-carousel .owl-nav { display:inline-block; }
.home-carousel.owl-theme .owl-nav [class*=owl-] { opacity:0.4; position:absolute; top:50%; transform:translateY(-50%); margin-top: -5px; width:15px; background-color:transparent; color:transparent; overflow:hidden; transition:all ease 0.3s; }
.home-carousel.owl-theme:hover .owl-nav [class*=owl-] { opacity:1; }
.home-carousel.owl-theme .owl-nav [class*=owl-]:hover { background-color:transparent; color:transparent; }
.home-carousel.owl-theme .owl-nav [class*=owl-]:after { position:absolute; content:''; font-family:fontawesome; color:#fff; top: 0; font-size: 30px; line-height: 26px; left: 2px; }
.home-carousel.owl-theme .owl-nav [class*=owl-]:hover:after { color:#f2a81d; }
.home-carousel.owl-theme .owl-nav .owl-prev { left:100px; }
.home-carousel.owl-theme .owl-nav .owl-prev:after { content:'\f104'; }
.home-carousel.owl-theme .owl-nav .owl-next { right:100px; }
.home-carousel.owl-theme .owl-nav .owl-next:after { content:'\f105'; }
.home-carousel .item p { text-align:center; }
.section.intro p { text-align: justify; }
.msg_chairman { 
    background: #de6c26;
    color: #fff; 
    padding: 15px; 
    border-radius: 2px; 
}
.msg_chairman h2 { font-size:20px; }
.msg_chairman hr.left { margin:5px 0 15px; border-top: 3px solid #095475;}
.msg_chairman p { text-align: justify; color:rgba(255, 255, 255, 0.78); }
.navbar-nav li.dropdown a.dropdown-toggle:after { content: '\f107'; left: 0; font-family: fontawesome; padding-left: 2px; }
.navbar-nav li.dropdown.open a.dropdown-toggle:after { content:'\f106'; }
.comments-area .comments-title { font-weight: 600; margin-bottom: 20px; }
ul.comment-list { border-bottom: 1px solid #d0d0d0; padding-bottom: 20px; margin-bottom: 30px; padding-left: 10px; }
ul.comment-list li { padding-bottom: 15px; border-bottom: 1px solid #f0f0f0; }
ul.comment-list li .comment-heading { font-size: 18px; font-weight: 600; color: #0f5f82; }
ul.comment-list li .comment-heading i { margin-right: 5px; padding: 7px; border-radius: 3px; background-color: #0099d7; color: #fff; font-size: 16px; }
ul.comment-list li .media-body { position:relative;  }
ul.comment-list li .media-body .comment-date { position:absolute; right:0; top: 5px; font-size: 12px; font-family: 'Archivo Narrow', sans-serif; }
ul.comment-list li .media-body p { padding-left: 4%; color: #8c8c8c; font-size: 16px; font-weight: 300; padding-bottom: 10px; }
.post-cmt { background-color: #f8f8f8; border-radius: 5px; padding: 15px; }
.post-cmt .post-cmt-title { text-align: left; font-family: 'Archivo Narrow', sans-serif; color: #868686; margin-bottom: 20px; }
.team_container img { max-width:100%; vertical-align: bottom; }
.team_container .team_block { position:relative; overflow:hidden; border:1px solid #ddd; padding:5px; margin-bottom:30px; font-family: roboto; transition:all ease 0.3s; }
.team_container .team_block .team_cap { position: absolute; top:100%; background-color: rgba(0,0,0,0.8); color: #fff; font-size: 13px; text-align: center; padding: 10px 5px; transition:all ease 0.4s; }
.team_container .team_block:hover .team_cap { transform:translateY(-100%); }
.team_container .team_block .team_cap .name { font-size: 14px; color: #f2a81e; }
.team_container .team_block .team_cap span { color:#c3c3c3; }
.team_container .team_block .team_cap .post { color:#f2a81e; font-size: 12px; }
.team_container .team_block ul { padding-left:20px; margin-top:10px; margin-bottom:10px; }
.team_container .team_block ul li { position:relative; }
.team_container .team_block ul li:after { position:absolute; content:'\f111'; font-family:fontawesome; left: -21px; top: 0px; color: #f2a81e;line-height: 22px;font-size: 8px }
.team_container .panel-heading { padding:0; }
.team_container .panel-heading a { display:block; padding: 10px 15px; position:relative; }
.team_container .panel-heading a:after { content:'\f068'; position:absolute; right:10px; top:12px; font-family:fontawesome; color: #05354a; }
.team_container .panel-heading a.collapsed:after{content:'\f067'}
.main.counter-parallax h2 { color:#fff; }
.news_slider { margin-bottom: 10px; }
.news_slider img {height: 200px;object-fit: cover}
.news_slider .news_contnt { padding:15px 10px; font-family:roboto; background-color:#f3f3f3; }   
.news_slider .news_contnt .news_ttl { line-height: 16px;font-weight: 600; min-height: 22px; margin-bottom: 8px; }
.news_slider .news_contnt p { font-size: 12px; color: #777; margin-bottom: 5px; text-align: justify; }
.news_slider .owl-nav { position: absolute; top: -65px; right: 0; margin: 0; }
.news_slider.owl-theme .owl-nav [class*=owl-] { position:relative; margin: 5px 0 5px 5px; border-radius: 0; color: transparent; width: 30px; height: 30px; background-color: #05354a; }
.news_slider .owl-dots { display:none; }
.news_slider.owl-theme .owl-nav div:before { transition:all ease 0.3s; font-family: fontAwesome; color: #fff; position: absolute; left: 0; top: 0; bottom: 0; right: 0; font-size: 23px; line-height: 28px; }
.news_slider.owl-theme .owl-nav div:hover:before { background-color:rgba(255,255,255,0.15); }
.news_slider.owl-theme .owl-nav .owl-prev:before { content:"\f104"; }
.news_slider.owl-theme .owl-nav .owl-next:before { content:"\f105"; }
.vac_add_detail  { padding: 0 10px; font-family: roboto; font-size: 14px; }
.vac_dtl { border: 1px solid #05354a; border-radius: 2px; padding: 10px; margin-bottom:10px; background-color: rgba(0,0,0,0.05); }
.vac_dtl span { display:block; }
.vac_add_detail .applyNow { margin-top:10px; border-color:#05354a; background-color: #05354a; }
.showDetails::-webkit-scrollbar-track { border-radius: 0; background-color: #f2f2f2; }
.showDetails::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; }
.showDetails::-webkit-scrollbar-thumb { border-radius: 0; background-color: #555; }
.project-tab .nav-tabs { border-bottom: 1px solid #d0d0d0; background-color: transparent; border-radius: 5px 5px 0 0; font-family:Oswald; }
.project-tab .nav-tabs li { margin: 0 0.2% 0 0; position: relative; width: 24.8%; }
.project-tab .nav-tabs li:last-child { margin-right:0; }
.project-tab .nav-tabs li.active:before { content: ""; position: absolute; bottom: -28px; left: 50%; margin-left: -12px; border: 14px solid transparent; border-top-color: #05354a; }
.project-tab .nav-tabs li.active:after { content: ""; position: absolute; bottom: -24px; left: 50%; margin-left: -12px; border: 12px solid transparent; border-top-color: #05354a; }
.project-tab .nav-tabs li a { text-align:center; border: none; padding: 13px 10px; font-size: 16px; color: #05354a; background: #eaeaea; border-radius: 5px 5px 0 0; }
.project-tab .nav-tabs li a:hover { color: #fff; background-color: #f2a81e; }
.project-tab .nav-tabs li a i { margin-right:10px; text-align: center; margin-bottom: 5px; }
.project-tab .nav-tabs li.active a,
.project-tab .nav-tabs li.active a:focus,
.project-tab .nav-tabs li.active a:hover { border: none; background: #05354a; border-radius: 5px 5px 0 0; box-shadow: 0px 0px 6px -2px #000000; color: #f2a81e; transition: background 0.20s linear 0s; }
.project-tab .tab-content { font-size: 14px; color: #777; background: #fff; line-height: 25px; padding: 25px 20px 20px; margin-top: 0; border: 1px solid #d0d0d0; border-top: none; }
.project-tab .tab-content h3 { font-size: 26px; }
.project-tab .tab-content p { margin-top:0; }
.project-tab .tab-content .tab-pane { font-family:roboto; }
.project-tab #Review .form-control { border: 1px solid #ccc; box-shadow: none; }
.post-container .post-image { margin-bottom: 15px; border: 1px solid #ececec; padding: 5px; }
.post-container .post-credit .credit-items i { color:#f2a81e; margin-right: 5px;  }
.post-container .post-credit .credit-items { color: #0d658c; font-weight: 600; }
.post-container .post-credit .credit-items p { font-size:12px; }
.downloads .careers-blocks:before { position: absolute; width: 80px; height: 80px; background: url(../images/icon/pdf.png); background-size: 80px; left: 32px; content: ''; top: 31px; transition:all ease 0.3s; }
.downloads .careers-blocks { padding-left: 32%; }
.downloads .careers-blocks:hover:before { background: url(../images/icon/pdf_hover.png); background-size: 80px; }
.contact-info ul.contact-place li { padding:0 0 15px; font-family:roboto; display:table; width:100%; }
.contact-info ul.contact-place li span { display:table-cell; vertical-align: middle }
.contact-info ul.contact-place li span.content { padding-left:10px; width:100%; font-size:15px; }
.contact-info ul.contact-place li .icon_block { display:inline-block; padding:3px; background-color: #f2a81e; border-radius: 5px; }
.contact-info ul.contact-place li i { width: 50px; height: 50px;  border: 2px dashed #fff; color: #fff; text-align: center; line-height: 50px; border-radius: 5px; }

.recent-posts .media-body a { color:#333; }
.recent-posts .media-body span { font-size: 13px; font-family: roboto; color:#333; display:inline-block; }
.recent-posts .media-body span.post_dtl:first-of-type { padding-right:10px; }
.recent-posts .media-body span i { color: #f2a81e; }

.footer-column ul { font-size: 14px; font-family: roboto; padding-top: 10px; }
.footer_links li a { display: block; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,0.025); color: #212121; transition:all ease 0.3s; }
.footer_links li:hover a { padding-left:7px; color:#77c696; }

.footer-contact { color:#d8d8d8; }
.footer-contact li { display:table; margin-bottom: 10px; }
.footer-contact .left-contact, .footer-contact .right-contact { display:table-cell; vertical-align: top; font-size:13px; word-break: break-word;color: #212121; }
.footer-contact .left-contact { width:40px; }
.footer-contact .left-contact i {
 background-color: #de6c26;
  height: 30px;
   width: 30px;
    border-radius: 30px;
     text-align: center; line-height: 30px; font-size: 16px; color: #fff; }

.progress_block { padding-bottom:15px; }
.progress_block .p_date { display: block; background-color: #f2a81e; color: #fff; padding: 3px 15px 2px; }

.progress_block .pb_content { border: 1px solid #ddd; border-top: 0; padding: 15px 10px 10px; }
.progress_block .pb_content p { line-height: 20px; }
.progress_block .downloads { width:100%; }
.progress_block .downloads .careers-blocks { height: 60px; } 
.progress_block .downloads .careers-blocks { padding: 17px 15px 17px 65px; font-size:16px; font-weight:600; margin-bottom: 5px; }
.progress_block .downloads .careers-blocks:hover { color:#e8584d; }
.progress_block .downloads .careers-blocks:before { position: absolute; width: 40px; height: 40px; background-image:  url('../images/icon/pdf.png'); background-size: 40px; left: 10px; content: ''; top: 10px; transition: all ease 0.3s; }
.progress_block .downloads .careers-blocks:hover:before { background-size:40px; background-image:  url('../images/icon/pdf_hover.png'); }

.blog-container .news-prev-info h2, .blog-container .blog-prev-info h2{ font-size:16px; line-height:1.1; text-align: left; }
.blog-container .news-prev-image { padding-bottom: 10px; }
.blog-container .news-prev-image img { width:100%; max-width:100%; }
.blog-prev-content p, .news-prev-content p { font-size:13px; line-height:15px; margin-top:0; margin-bottom:10px; color: #8e8e8e; }
.recent-posts hr { margin-top:5px; }
.recent-posts .media-body p { font-size: 12px;}

.dropdown-submenu { position: relative; }
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }

.search_body { padding: 15px; background-color: #e6e6e6; border-radius: 5px; }
.search_block { display:table; width:100%; }
.search_block input[type="search"], .search_block button { display:table-cell; vertical-align:top; width:auto; }
.search_block input[type="search"] { -webkit-appearance:searchfield; width:85%; border: 1px solid #ddd; box-shadow: none; }
.search_block button { width: 15%; line-height: 40px; background-color: #05354a; color: #f9f9f9; border: 1px solid transparent; font-family: roboto; font-weight: 400; font-size: 14px; }

.search_result h3{ margin-top: 30px; border-bottom: 1px solid #ddd; padding-bottom: 10px; text-transform: uppercase; font-weight: 600; font-size: 22px; color: #05354a; }
.search_result .search_list { margin-top:25px; }
.search_result .search_list li { background-color:#f5f5f5; padding: 15px 0px; border-bottom: 1px solid #e6e6e6; }
.search_result .search_list li img { max-width:100%; display: block; border: 1px solid #05354a3b; padding: 3px; }

.search_list li .search_content h4 { line-height:1; margin-bottom:10px; }
.search_list li .search_content h4 a { font-family:oswald; color:#05354a; }
.search_list li .search_content h4 span.date { font-size: 12px; font-weight: 600; display: block; padding-top: 10px; font-family: oswald; color: #565656; }
.search_list li .search_content h4 span.date i.fa { color:#f2a81e; padding-right:5px; }
.search_list li .search_content p.sc_desc { line-height: 1.2; color: #797979; }

.panel-body { font-family:roboto; font-size: 14px; font-weight: 400; }

.gallery .project-image { display: inline-block; position: relative; overflow: hidden; }
.project .project-image .bg_difuser:after {  content: ''; position: absolute; top: 0; width: 100%; left: 0; height: 100%;  background-color: rgba(0,0,0,0.5); opacity:0; transition:all ease 0.3s; }
.project:hover .project-image .bg_difuser:after { opacity:1; }
.project-image .img-desc { position: absolute; bottom: 0; text-align: center; left: 0; right: 0; padding: 10px 15px; font-family:roboto; transform: translateY(30%); opacity:0; transition:all ease 0.3s; }
.project:hover .project-image .img-desc { transform:translateY(0%); opacity:1; }
.project-image .img-desc p { text-align:center; color:#eaeaea;}
.project-image .img-desc label { font-size: 16px; font-weight: 700; color: #f2a81e; }

.notice_board {/* border: 1px solid #2d4295; *//*min-height: 317px;*/ max-height: 317px; padding: 10px; border-radius: 4px; overflow: hidden; }
.notice_board .nb_limit { overflow-y: auto; max-height: 234px; }
.notice_board h2 { font-size:22px; color: #fff;}
.notice_board hr { border-top-color: #fff; margin-top: 2px;color: #fff; }
.notice_board .nb_list li { display:table; width:100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ececec; }
.notice_board .nb_list li .nb_date, .notice_board .nb_list li .nb_content { display:table-cell; vertical-align: top; }
.notice_board .nb_list li .nb_date { width: 50px; background-color: #77c696; border-radius: 2px; color: #fff; font-family: oswald; text-align: center; line-height: 1.5; font-size: 22px; padding: 5px 5px 10px; }
.notice_board .nb_list li .nb_date span { display: block; font-size: 16px; color: #fff; text-transform: uppercase; line-height: 1; }
.notice_board .nb_list li .nb_content { padding-left:10px; padding-right:5px; }
.notice_board .nb_list li .nb_content h4 { line-height: 1; font-size: 16px; margin-bottom: 5px; }
.notice_board .nb_list li .nb_content h4 a { color:#fff; }
.notice_board .nb_list li .nb_content p { font-size: 13px; line-height: 1.2; color:#fff; }

.notice_board .nb_limit::-webkit-scrollbar-track { border-radius: 0; background-color: #f2f2f2; }
.notice_board .nb_limit::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }
.notice_board .nb_limit::-webkit-scrollbar-thumb { border-radius: 0; background-color: #555; }

.main_project_download h5 { margin-top:20px; color:#337ab7; }
.main_project_download { padding-top: 15px; border-top: 3px solid #f2a81e; margin-top: 15px; }

.circlehover { width: 100%; height: 75px; text-align: center; color: white; font-size: 18px; padding: 20px; line-height: 1.3; position: relative; font-weight: 300; text-shadow: none; border-radius: 4px; box-shadow: none; display: inline-block; max-width: 170px; float:right; -webkit-transition: all ease .3s; transition: all ease .3s; }
.circlehover:before { content: ''; position: absolute; width: 100%; height: 100%; top: initial; bottom: -4px; left: 0; border-radius: 3px; -webkit-transform: skewY(3deg); -ms-transform: skewY(3deg); transform: skewY(3deg); z-index: 1; background-color: #0b3e8d; }
.circlehover > span { display: table-cell; vertical-align: middle; position: relative; z-index: 1; }
.circlehover .circlehover-symbol-img { max-width: 100%; max-height: 40px; }
.circlehover:after { content: ''; position: absolute; background-color: #dcdcdc; width: 90%; height: 16px; top: initial; bottom: -9px; left: 11px; border-radius: 3px; -webkit-transform: skewY(-3deg); -ms-transform: skewY(-3deg); transform: skewY(-3deg); }
.circlehover:hover { color: #fff; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); box-shadow: 5px 5px 1px rgba(0,0,0,0.2); }

.post-content ul li, .post-content ol li { font-family:roboto; font-size: 14px; position:relative; padding-left:15px; text-align:justify; word-spacing: -1px}
.post-content ul li:before { font-family: fontawesome; position:absolute; left:0; font-size: 6px;content: '\f111';color: #f2a81e;line-height: 22px; }
.post-content ol { list-style:decimal; padding-left:30px; }
.porfolio.gallery figure div{max-height: 163px; overflow: hidden;}
.porfolio.gallery figure img{display: block;  }
.navbar-fixed-top, .navbar-fixed-bottom{
    z-index: 99 !important;
}
.aboutus-section{
    margin-bottom: 0px;
}
.c-row > div:nth-child(3n+1){
    clear: both;
    display: block;
    content: "";
}
#collapseManagement{
    padding: 30px 25px;
}
#collapseManagement .team_item{
    border: 1px solid #ddd;
    text-align: center;
    margin-bottom: 20px;
}