@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Semibold.woff2') format('woff2'),
        url('../fonts/OpenSans-Semibold.woff') format('woff'),
        url('../fonts/OpenSans-Semibold.ttf') format('truetype'),
        url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'OPENSANSREGULAR';
    src: url('../../fonts/OPENSANSREGULAR.eot');
    src: url('../fonts/OPENSANSREGULAR.eot') format('embedded-opentype'),
         url('../fonts/OPENSANSREGULAR.woff2') format('woff2'),
         url('../fonts/OPENSANSREGULAR.woff') format('woff'),
         url('../fonts/OPENSANSREGULAR.ttf') format('truetype'),
         url('../fonts/OPENSANSREGULAR.svg#OPENSANSREGULAR') format('svg');
}

body {
    font-family: 'OPENSANSREGULAR';
    line-height: initial;
}
img {
    display: inline-block;
}
.sp-megamenu-parent {
    font-family: 'OPENSANSREGULAR';
}
#sp-header.transparent {
    min-height: 0px;
    height: auto;
    z-index: 98;
    position: absolute;
    width: 100%;
    background-color: rgba(0,0,0,0.50);
}
.sticky-wrapper {
    background: none;
    position: absolute;
    width: 100%;
}
.sticky-wrapper.is-sticky {
    position: relative;
    z-index: 999;
    height: auto!important;
}
.sp-megamenu-parent >li.current-item:after {
    content: '';
    display: block;
    border-bottom: 3px solid #fff;
    bottom: -2px;
    position: absolute;
    left: 0;
    width: 100%;
}
.sp-megamenu-parent >li.current-item.active>a, .sp-megamenu-parent >li.sp-has-child.active>a {
    color: #fff !important;
}
.img-full-width {
    width: 100%;
}
.sp-buttons {
    position: absolute;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    bottom: 0;
}
.box-service > div {
    background: #f9f9f9;
    display: block;
    padding: 15px;
    text-align: center;
    min-height: 580px;
    margin: 0 15px;
}
.box-service > div img {
    text-align: center;
    display: inline-block;
    width: 100%;
}
.box-service > div h2 {
    margin-top: 30px;
    color: #1a2a48;
    font-size: 30px;
    font-weight: bold;
}
.block-title h2 {
    font-size: 35px;
    border: 3px solid #ffffff;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    font-weight: normal;
    margin: 40px 0 30px;
}
#sp-page-builder .page-content .sppb-section.section-service {
    margin: 0;
}
.project-reference h2 {
    font-size: 35px;
    border: 3px solid #2f302c;
    display: inline-block;
    padding: 10px 20px;
    color: #2f302c;
    font-weight: normal;
    margin: 40px 0 30px;
}
.project-reference-title {
    margin-top: 0;
}
#filters .btn-port.current, #filters .btn-port:hover, #filters .btn-port:focus {
    background: #2f302c!important;
    color: #fff !important;
}
#filters .btn-port {
    background: #fff !important;
    border: 1px solid #2f302c!important;
    color: #2f302c!important;
    font-size: 15px;
    padding: 5px 13px;
    margin-right: 10px;
    border-radius: 0;
    transition: all 0.5s ease-in-out 0s;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul.simple > li > a {
    background: transparent;
    font-size: 16px;
    font-weight: bold;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active {
    background: #2f302c;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active a {
    color: #fff;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul.simple > li.active > a {
    color: #fff;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {
    border: 2px solid #2f302c!important;
    margin: 0 15px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul.simple > li > a:hover {
    color: inherit!important;
}
h3.sp-simpleportfolio-title {
    position: relative;
}
h3.sp-simpleportfolio-title:after {
    content: '';
    display: block;
    position: relative;
    border-bottom: 2px solid #fff;
    width: 30%;
    margin: 20px auto 20px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul.simple > li.active > a:hover {
    color: #fff!important;
}
.bottom-comtent .sppb-addon h3.sppb-addon-title:after {
    width: 70%;
    margin: 0 auto;
    position: relative;
    float: none;
    margin-top: 20px;
    background: #fff;
}
.bottom-comtent h3.sppb-addon-title {
    position: relative;
    padding: 0;
    box-shadow: 0 0 0;
}
.bottom-comtent .sppb-addon-content {
    width: 200px;
    margin: 0 auto;
}
.bottom-section {
    color: #fff;
}
#sp-page-builder .page-content .sppb-section {
    margin-top: 0;
}
.bottom-section h3 {
    font-size: 28px;
    text-transform: uppercase;
}
.bottom-section h3 .fa {
    font-size: 40px;
    padding: 7px 10px 9px 11px;
    background: #fff;
    color: #000;
    margin-right: 10px;
    vertical-align: middle;
}
.newsletter {
    margin: 10px 0 15px;
}
.contact-us h3 .fa {
    font-size: 40px;
    padding: 5px 15px 5px 15px;
    background: #fff;
    color: #000;
    margin-right: 10px;
    vertical-align: middle;
}
.newsletter .acymailing_form input.inputbox {
    border-radius: 0 0 0!important;
    background: #fff;
    color: #ccc;
}
.contact-us ul, .contact-us li {
    list-style: none;
    margin: 10px 0 15px;
    padding: 0;
}
.contact-us li .fa {
    font-size: 30px;
    vertical-align: middle;
    margin-right: 5px;
}
.contact-us ul {
    margin-top: 20px;
}
#sp-footer {
    background-color: #1a2a48;
    color: #b0b0b0;
}
span.sp-copyright .fa {
    font-size: 24px;
    margin: 0 5px;
}
#sp-header #sp-menu .sp-menu-item >a >img {
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: 0px auto;
}
#sp-header #sp-menu .sp-column .sp-megamenu-parent >li >a {
    line-height: 100%;
    vertical-align: top;
}
.image-title {
    margin-top: 10px;
    display: block;
    height: 40px;
    line-height: 120%;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
.top_search {
    position: absolute;
    top: 5px;
    right: 60px;
    margin: 0;
}
#sp-header #sp-menu {
    padding-top: 40px;
}
input#mod-search-searchword {
    width: 180px;
    height: 20px;
    border-radius: 0;
    padding-right: 25px;
}
a.logo {
    display: block;
    margin: 15px 0 14px;
}
.sp-megamenu-parent >li {
    display: inline-block;
    position: relative;
    padding: 0;
    width: auto;
    text-align: center;
}
.article-info {
    display: none;
}
.banner-page img {
    width: 100%;
    position: relative;
    top: -100px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in 0s;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);   
}
.banner-page.active img {
    opacity: 1;
    visibility: visible;
    top: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);    
}
.entry-header.has-post-format {
    margin-left: 62px;
    display: none;
}
.page-header {
    padding-bottom: 15px;
    display: none;
}
ul.aboutus_menu li a {
    border: 0;
    padding-left: 5px;
    font-size: 15px;
    line-height: 140%;
    font-weight: bold;
}
ul.aboutus_menu > li >a:before {
    content: "\f111";
    font-family: 'FontAwesome';
    display: inline-block;
    float: left;
    margin: 1px 5px 0 0;
    font-size: 8px;
}
ul.aboutus_menu > li > ul {
    margin-left: 20px;
}
ul.aboutus_menu li.currentactive > a {
    color: #Fff;
}
ul.aboutus_menu li.current.active > a {
    background: #102949;
    color: #fff;
}
ul.aboutus_menu li.currentactive a:before {
    color:#fff;
}
body.about-page article.item-page h1 {
    margin: 0;
    background: #f7f7f7;
    padding: 20px;
    border-left: 2px solid;
    border-color: #102949;
    display: block;
    width: 70%;
    font-weight: bold;
    font-size: 30px;
}
body.about-page article.item-page h1 strong {
    font-size: 27px;
}
ul.aboutus_menu > li > a {
    font-weight: bold;
}
nav[role="pagination"] {
    /*display: none;*/
}
hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
ul.board-director {
    list-style: none;
    padding: 0;
}
ul.board-director li {
    width: 31%;
    float: left;
    margin: 1% 1%;
    background: #ebebeb;
}
ul.board-director li a {
    float: left;
    display: block;
    width: 44%;
    margin: 20% 2% 0;
    word-wrap: break-word;
    color: #000;
    font-weight: bold;
    font-size: 13px;
    line-height: 130%;
}
ul.board-director li img {
    float: left;
    padding: 4%;
}
ul.board-director li:hover > a {
    color: #fff;
}
ul.board-director li:hover {
    background: #102949;
}
ul.board-director:after {
    content: '';
    display: block;
    clear: both;
}
.board-of-directors div[itemprop=articleBody] img {
    float: left;
    margin-right: 20px;
}
.sticky-wrapper.is-sticky #sp-header #sp-menu .sp-menu-item >a >img {
    display: inline-block;
    width: 15px;
    vertical-align: -3px;
    margin-right: 4px;
}
.sticky-wrapper.is-sticky .image-title {
    display: inline-block;
    height: auto;
    margin-top: 0;
}
.sticky-wrapper.is-sticky #sp-header #sp-menu .sp-column .sp-megamenu-parent >li >a {
    line-height: 100%;
    padding: 0 8px;
}
.sticky-wrapper.is-sticky #sp-header #sp-menu {
    padding-top: 36px;
    max-height: initial;
    padding-left: 0;
}
.sticky-wrapper.is-sticky #sp-header {
	height: auto;
}
.sticky-wrapper.is-sticky header#sp-header {
    /*padding-bottom: 30px;*/
    min-height: initial;
}
.sticky-wrapper.is-sticky .sp-megamenu-parent >li {
    width: auto;
    padding-bottom: 10px;
}
.sticky-wrapper.is-sticky #sp-header #sp-menu .sp-column {
    height: auto;
}
img.full-image {
    width: 100%;
}
.icon-address .sppb-feature-box-title {
    display: inline-block;
    float: left;
    width: 90%;
    font-size: 14px;
    text-align: left;
    line-height: 130%;
    margin: 0;
}
.icon-address .sppb-icon {
    display: inline-block;
    width: 10%;
    float: left;
}
.icon-address:after {
    content: '';
    display: block;
    clear: both;
}
.icon-address {
    margin: 20px 0 0;
}
.border-address:before {
    content: '';
    display: block;
    border-top: 4px solid #ccc;
    width: 80px;
    margin-bottom: 20px;
}
.sppb-ajaxt-contact-form button {
    padding: 10px;
    color: #fff;
    border-radius: 0 0 0;
    border: 0;
    background: #102949;
}
.contact-title .sppb-addon-title {
    font-weight: 400;
}
.banner-page p {
    margin:0;
    padding: 0;
}
.sp-module .divider, .sppb-addon-module .divider {
    display: none;
}
.sp-module ul >li, .sppb-addon-module ul >li {
    border: 0;
}
.sp-module .sp-module-title, .sppb-addon-module .sp-module-title {
    color: #4d4d4d;
    font-weight: bold;
}
.careers-page .sppb-panel-body a {
    display: inline-block;
    background: #102949;
    padding: 5px 12px;
    color: #Fff;
    font-size: 13px;
    border-radius: 3px;
}
.careers-page .sppb-panel-body a:hover {
    background: #e2270f;
}
.sppb-panel-flex >.sppb-panel-heading +.sppb-panel-collapse > .sppb-panel-body {
    border-bottom: 0;
}
.sppb-panel-flex >.sppb-panel-heading {
    border-bottom: 2px solid #102949;
    font-weight: bold;
    padding-left: 0;
}
.sppb-panel-flex >.sppb-panel-heading.active {
    border-bottom: 2px solid #102949;
}
.careers-page {
    margin-top: 60px!important;
    margin-bottom: 60px!important;
}
.careers-page .sppb-panel-flex >.sppb-panel-heading:after {
    content: 'detail';
    font-size: 15px;
    color: #102949;
    font-weight: normal;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.careers-page .sppb-panel {
    border-radius: 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
.sppb-panel-group .sppb-panel + .sppb-panel {
    margin-top: 45px;
}
.sp-copyright .fa {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #1a2a48;
}
.sp-copyright .fa.fa-facebook:hover {
    background: #3b5998;
    border: 2px solid #fff;
}
.sp-copyright .fa.fa-twitter:hover {
    background: #00bff3;
    border: 2px solid #fff;
}
span.sp-copyright .fa:before {
}
.sp-copyright .fa.fa-google-plus:hover {
    background: #d3191a;
    border: 2px solid #fff;
}
.sp-copyright .fa.fa-linkedin:hover {
    background: #1883bb;
    border: 2px solid #fff;
}
.sp-copyright .fa.fa-linkedin:hover {
    background: #1883bb;
    border: 2px solid #fff;
}
.sp-copyright .fa.fa-instagram:hover {
    background: #a7755c;
    border: 2px solid #fff;    
}
.sp-copyright .fa.fa-pinterest:hover {
    background: #9e1b20;
    border: 2px solid #fff;    
}
.cd-pagination.animated-buttons a, .cd-pagination.animated-buttons span {
    padding: 0 13px;
    height: 33px;
    line-height: 33px;
    overflow: hidden;
}
.cd-pagination.no-space li {
    margin: 0 4px;
    border: 0;
}
.cd-pagination.no-space {
    border: 0;
}
.cd-pagination a {
    background-color: #f0f0f0;
    color: #000;
    box-shadow: inset 0 0px 4px rgba(164, 164, 164, 0.2);
}
.cd-pagination a:hover, .cd-pagination a:focus {
    background-color: #102949;
    color: #fff;
}
.cd-pagination li.active >a {
    background-color: #102949;
    color: #fff;
}
.cd-pagination.no-space a, .cd-pagination.no-space span {
    border-radius: 5px;
}
.cd-pagination.no-space li:first-of-type a {
    border-radius: 5px;
}
.cd-pagination.animated-buttons a .fa {
    position: relative;
    top: -25px;
    line-height: 100%;
    font-size: 18px;
}
.cd-pagination.no-space li:last-of-type a {
    border-radius: 5px;
}
.news-page .entry-header.has-post-format, .portfolio .entry-header.has-post-format {
    margin-left: 0;
    display: block;
}
.news-page span.post-format, .portfolio span.post-format {
    display: none;
}
.entry-header h2 a {
    color: #102949;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: bold;
}
.entry-header h2 .divider {
    background: #102949;
}
.entry-header h2 .divider {
    width: 20%;
}
.entry-header h2 .divider:after {
    background: none;
}
.at_filename .at_url, .at_description, .at_file_size,
.at_filename .at_url, .at_description, .at_file_size {
    display: none;
}
td.at_filename, td.at_filename {
    background: #e3e3e3!important;
    border-bottom: 2px solid #a6a6a6;
    border-radius: 3px;
    display: block;
    border-top: 2px solid #f1f1f1;
}
.attachmentsList tr, .attachmentsList tr {
    border: 0;
    display: block;
}
.attachmentsList table, .attachmentsList table {
    border: 0;
}
.portfolio .entry-header h2 .divider {
	display: none;
}
a.at_icon:before, a.at_icon:before {
    content: "\f019";
    font-family: 'FontAwesome';
}
a.at_icon:after, a.at_icon:after {
    content: 'Download PDF';
    font-size: 13px;
    padding: 0 6px;
    position: relative;
    top: -2px;
}
a.at_icon img, a.at_icon img  {
    display: none;
}
a.at_icon, a.at_icon {
    padding: 0;
    font-size: 19px;
    margin: 0;
    color: #102949;
    position: relative;
    top: 3px;
    left: 5px;
}
#main div.attachmentsList caption, div.attachmentsList caption {
    display: none;
}
#main div.attachmentsList table, div.attachmentsList table {
    border: 0!important;
}
.news-page .items-more, .portfolio .items-more {
    display: none;
}
.news-page .attachmentsList caption, .portfolio .attachmentsList caption {
    display: none;
}
.entry-gallery.carousel.carousel-fade .carousel-inner .item img {
    width: 100%;
}
body.news-detail #sp-header.transparent {
    position: relative;
}
body.news-detail .sticky-wrapper header#sp-header {
   
}
.masonry_gallery .item {
    width: 33.33333%;
}
.news-detail #sp-main-body {
    padding-top: 0;
}
.news-detail article.item-page {
    margin-bottom: 0;
}
.news-detail #sp-title {
    display: none;
}
.news-detail #sp-component {
    min-height: 0;
}
.news-detail .entry-header {
    display: block;
    margin: 0;
}
.news-detail .entry-header span.post-format {
    display: none;
}
.news-detail .entry-header h2 .divider {
    display: none;
}
.news-detail .page-name {
	background: #fafafa;
	padding: 50px 0;
	text-align: center;
	margin-bottom: 40px;
}
.news-detail .page-name h2 {
    color: #102949;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0.5px;
}
.news-detail .sticky-wrapper {
    background: #081424;
    position: relative;
    width: 100%;
}
.news-detail .entry-header h2 {
    font-size: 16px;
    margin-bottom: 15px;
}
.news-detail .cd-pagination {
    display: none;
}
.flex-direction-nav .flex-next:before {
	font-family: 'FontAwesome';
    content: "\f054"!important;	
    color: rgba(255,255,255,0.7);
}
.flex-direction-nav .flex-prev:before {
	font-family: 'FontAwesome';
	content: "\f053"!important;
	color: rgba(255,255,255,0.7);
}
.flex-control-nav {
    bottom: 0;
}
.flex-direction-nav a:before {
    color: rgba(255, 255, 255, 0.8)!important;
 }
 .flex-control-paging li a {
 	background: rgba(255, 255, 255, 0.8)!important;
 }
blockquote {
    border-color: #102949;
    background: #fafafa;
    display: inline-block;
    font-size: inherit;
}
.masonry_gallery .item a {
    font-size: 45px;
    width: 70px;
    height: 70px;
    display: block;
    line-height: 62px;
    text-align: center;
    border: 3px solid rgba(8, 20, 36, 0);
    border-radius: 10%;
    background: none;
    color: #081424;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -38px 0 0 -38px;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out 0s;
}
.masonry_gallery .item:hover > a {
	visibility: visible;
	opacity: 1;
}
.masonry_gallery .item:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background: rgba(255,255,255,0.6);
    width: 100%;	
    transition: all 0.5s ease-in-out 0s;
    visibility: hidden;
    opacity: 0;
}
.masonry_gallery .item:hover:after {
    visibility: visible;
    opacity: 1;
}
.view-category .cat-children {
    display: none;
}
.nav-child .nav-child {
    margin-left: 15px;
}
.nav-child .nav-child li a {
    font-weight: normal!important;
}
.column-3 .entry-header.has-post-format {
	display: block;
	margin-left: 0;
}
.column-3 .entry-header h2 a {
    font-size: 15px;
    text-align: center;
}
.post-format {
	display: none;
}
.column-3 .entry-header h2 {
    line-height: 100%;
    display: block;
    text-align: center;
}
.column-3 .entry-header h2 .divider {
	display: none;
}
.column-3 .entry-header.has-post-format {
    display: block;
    margin-left: 0;
    margin-bottom: 0;
}
.column-3 .entry-image {
    margin-bottom: 10px;
}
article.item {
    margin-bottom: 30px;
}
.view-article nav[role="pagination"] {
    display: none;
}
.banner-page {
    margin-bottom: 40px;
}
.sticky-wrapper.is-sticky header.transparent.color .sp-megamenu-parent > li.current-item.active>a, .sticky-wrapper.is-sticky header.transparent.color .sp-megamenu-parent > li.sp-has-child.active>a {
    color: #fff!important;
}
input[type="text"]:focus {
	border:1px solid #081424;
}
.portfolio .entry-header.has-post-format {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 3px solid #081424;
}
.portfolio .entry-header h2 {
    text-transform: uppercase;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 0.8px;
}
.portfolio .entry-header.has-post-format {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid #081424;
}
a.youtube-popup {
    background: #183656;
    background: -moz-linear-gradient(top, #183656 0%, #0e203f 49%, #09142b 100%);
    background: -webkit-linear-gradient(top, #183656 0%,#0e203f 49%,#09142b 100%);
    background: linear-gradient(to bottom, #183656 0%,#0e203f 49%,#09142b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#183656', endColorstr='#09142b',GradientType=0 );
    padding: 4px 7px;
    border-radius: 3px;
    color: #fff;
    margin-top: 30px;
    position: relative;
    top: -32px;
    font-size: 13px;
}
.attachmentsContainer {
    display: inline-block;
    margin-left: 138px!important;
    margin-bottom: 0!important;
    width: 128px;
}
.gallery-project {
	position: relative;
}
.gallery-project li img {
	width: 100%;
}
.gallery-project {
    margin-bottom: 10px;
    padding: 0;
    border: 0;
 
}
.gallery-project .item:hover > a {
    visibility: visible;
    opacity: 1;
}
.gallery-project .item a {
    font-size: 45px;
    width: 70px;
    height: 70px;
    display: block;
    line-height: 62px;
    text-align: center;
    border: 3px solid rgba(8, 20, 36, 0);
    border-radius: 10%;
    background: none;
    color: #081424;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -38px 0 0 -38px;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out 0s;
}
.gallery-project .item:hover:after {
    visibility: visible;
    opacity: 1;
}
.gallery-project .item:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background: rgba(255,255,255,0.6);
    width: 100%;
    transition: all 0.5s ease-in-out 0s;
    visibility: hidden;
    opacity: 0;

}
#slider.gallery-project .item {
    position: relative;
   background-size: contain !important; 
   background-repeat: no-repeat !important;
    background-position: 50% 50%;
}
#carousel.gallery-project .item {
    position: relative;
    background-size: contain !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0 2px #f5f5f5;
}
.gallery-project .item {
    position: relative;
   background-size: cover !important; 
    background-position: 50% 50%;
}
.gallery-project .item img {
    opacity: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a >img {
    display: inline-block;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .image-title {
    display: inline-block;
    color: #fff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover {
    background: #1A4170;
}
.offcanvas-menu {
    background: #1a2a48;
    color: #fff;
 }
 .offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    border-top: 1px solid #1A4170;
    border-bottom: 1px solid #112844;
}
.close-offcanvas {
    color: #fff;
 }
 .sticky-wrapper.is-sticky header.transparent.color #offcanvas-toggler > i {
    color: #1a2a48!important;
}
.flex-search form {
    display: inline-block;
}
.searchtop_search.flex-search {
    display: inline-block;
    position: relative;
}
.menu.aboutus_menu {
    margin-bottom: 40px;
}
.flex-direction-nav li:focus > a {
	outline: 0;
}
#sp-header.transparent.color .sp-megamenu-parent >li >a, #sp-header.transparent.color #offcanvas-toggler >i {
    color: #fff!important;
}
.contact-us li .fa {
    font-size: 21px;
    vertical-align: 0px;
    margin-right: 10px;
    padding-left: 5px;
}
.news-page .attachmentsContainer {
    margin-left: 0!important;
}
.project-reference .item-p {
    width: 33.3333%;
    overflow: hidden;
    position: absolute;
}
.project-reference .item-p .inner {
    margin: 10px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: 50% 50%;
}
.project-reference .item-p .block-text {
	height: 100%;
    width: 100%;
    display: table;
}
.project-reference .item-p .block-text .inner-text {
	display: table-cell;
    vertical-align: middle;
}
.project-reference .item-p .overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    background: rgba(0, 0, 0, 0.4);
}
.project-reference .item-p .inner:hover > .overlay {
	opacity: 1;
	visibility: visible;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.project-reference .item-p img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.project-reference .item-p:hover img {
    -webkit-transform: scale3d(1.15, 1.15, 1);
    transform: scale3d(1.15, 1.15, 1);
}
.project-reference .item-p .block-text .inner-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.block-text .title {
    font-size: 23px;
    padding-bottom: 0px;
}
.block-text .title:after {
    content: '';
    display: block;
    width: 70px;
    border-bottom: 2px solid #fff;
    margin: 20px auto;
}
.project-reference .item-p .block-text .inner-text .fa {
    font-size: 35px;
    color: #fff;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.project-reference .item-p .block-text .inner-text .fa:hover {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    text-shadow: 2px 2px 2px #000;
}
.block-text .title {
    font-size: 23px;
    padding-bottom: 0px;
    color: #fff;
}
.project-reference-title .sppb-addon-title {
    display: inline-block;
    border: 5px solid #000;
    padding: 15px 20px;
    font-weight: bold;
    width: auto;
    text-align: center;
    font-size: 40px;
}
.filter-button-group {
    text-align: center;
}
.masonry-project {
    margin-top: 0;
}
.masonry-project button {
    background: none;
    padding: 5px 10px;
    border: 4px solid #000;
    font-size: 20px!important;
    margin: 0 5px 25px;
}
.masonry-project button.active {
    background: #000;
    color: #fff;
    font-weight: bold;
}
.sticky-wrapper.is-sticky #sp-header .sp-column .logo {
    display: inline;
    min-height: 54px;
    max-height: 54px;
}
.aboutus_menu li.parent .fa {
    position: absolute;
    right: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    z-index: 4;
}
.aboutus_menu li.parent {
    position: relative;
}
.aboutus_menu li.parent .fa {
	cursor: pointer;
}
.sticky-wrapper.is-sticky #sp-header .sp-column .logo h1 {
    height: auto;
    line-height: initial;
}
.aboutus_menu li.parent .fa:hover {
    background: #f5f5f5;
    border-radius: 3px;
}
.sticky-wrapper.is-sticky #sp-header .sp-column .logo h1 img {
    max-height: 40px;
    width: auto;
    margin-top: 10px;
}
#sp-header .logo img {
    transition: all 0.5s ease-in-out 0s;	
}
.our-service-home {
    position: relative;
    padding-bottom: 50px;
} 
.our-service-home .flex-direction-nav .flex-prev {
    left: 0;
}
.our-service-home .flex-direction-nav .flex-next {
    right: 0;
}
.our-service-home:hover>.flex-direction-nav a {
    opacity: 1;
}
.our-service-home:hover>.flex-direction-nav a:before {
    color: #1a2a48!important;
}
.our-service-home .flex-control-paging li a.flex-active {
    background: #2D66D2!important;
}
.our-service-home ul.flex-direction-nav {
    display: none;
}
.content-category .overlay {
    background: rgba(16,41,73,0.8);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
}
.block-career {
    background: #102949;
    width: 400px;
    margin: 10% auto;
    padding: 25px;
    position: relative;
}
.block-career .title {
    color: #fff;
    font-size: 40px;
    text-align: center;
    line-height: 100%;
}
.block-career .subtitle {
    color: #Fff;
    text-align: center;
    font-size: 17px;
    line-height: 100%;
    margin-bottom: 15px;
    margin-top: 10px;
}
.block-career ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.block-career li label {
    float: left;
    color: #fff;
    font-size: 15px;
    vertical-align: middle;
    width: 80px;
    text-align: right;
    margin-right: 20px;
}
.block-career li:after {
    content: '';
    display: block;
    clear: both;
}
.block-career li {
    margin-bottom: 10px;
}
.block-career li input {
    float: left;
    display: inline-block;
    width: 220px;
    border-radius: 0;
    height: 25px;
}
.button-form button {
    background: #fff;
    padding: 6px 15px;
    margin: 0 5px;
}
.button-form {
    text-align: center;
}
.block-career li input[type=file] {
    color: #fff;
    line-height: 100%;
}
.block-career .close-x  {
	position: absolute;
	right: 10px;
	top:10px;
}
.block-career .close-x .fa {
	color: #fff;
}
.block-career .close-x {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}
ul.career-list {
    padding: 0;
    list-style: none;
}
ul.career-list li {
    list-style: none;
    display: block;
}
ul.career-list li h3.title-career {
    border-bottom: 3px solid;
    padding-bottom: 10px;
    margin-bottom: 50px;
}
ul.career-list li h3.title-career a {
    color: #1a2a48;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 21px;
}
.career-list .at_filename {
    padding: 0;
}
ul.career-list li h3.title-career .more {
    font-size: 14px;
    float: right;
    padding: 10px;
    cursor: pointer;
    margin-top: 1px;
}
ul.career-list li h3.title-career .more:hover {
    background: #1a2a48;
    color: #fff;
}
ul.career-list .introtext {
    display: none;
    position: relative;
}
ul.career-list li.active .introtext {
    display: block;
}
.career-list .at_description, .career-list .at_file_size, .career-list .at_icon img, .career-list a.at_url {
    display: none;
}
.career-list .attachmentsList caption {
    display: none;
}
.career-list .attachmentsList table {
    border: 0;
}
.career-list .at_icon:before {
    content: 'details';
    color: #fff;
}
.career-list .attachmentsContainer {
    margin: 20px 5px 0 150px!important;
    position: absolute;
}
.career-list .at_icon {
    display: inline-block;
    padding: 12px 20px 10px!important;
    background: #1a2a48;
    margin: 0;
    text-transform: uppercase;
    border-radius: 3px;
    font-weight: normal;
}
.career-list .at_icon:hover {
    background: #000!important;
}
.apply-online {
    display: block;
    padding: 13px 20px 10px!important;
    background: #1a2a48;
    float: left;
    text-transform: uppercase;
    border-radius: 3px;
    color: #fff;
    width: 143px;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    margin-top: 20px;
}
.form-carreer {
    display: none;
}
ul.career-list .introtext:after {
    content: '';
    display: block;
    clear: both;
}
.alert-message {
    background-color: #dff0d8;
    color: #3c763d;
    border-top: 3px solid #d6e9c6;
    border-bottom: 3px solid #d6e9c6;
    padding-left: 1em;
    font-weight: bold;
}
.alert-error {
    background-color: #e6c0c0;
    color: #c00;
    border-top: 3px solid #DE7A7B;
    border-bottom: 3px solid #DE7A7B;
    padding-left: 1em;
    font-weight: bold;
}
.block-career button:hover {
    background: #000;
    color: #Fff;
}
.g-recaptcha > div > div {
    margin: 0 auto 15px;
}
#register-carrer .require {
    border: 1px dotted red!important;
}
#register-carrer .require::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    red;
}
#register-carrer .require:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    red;
   opacity:  1;
}
#register-carrer .require::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    red;
   opacity:  1;
}
#register-carrer .require:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    red;
}
.sppb-addon-ajax-contact .g-recaptcha > div > div {
    margin-left: 0;
}
.btn-flex:hover, .btn-flex:focus, .sppb-btn-flex:hover, .sppb-btn-flex:focus {
	background: #000;
}
.ajaxt-button button {
    padding: 10px;
    color: #fff;
    border-radius: 0 0 0;
    border: 0;
    background: #102949;
}
.aboutus_menu li img {
    display: none;
}
.menu.aboutus_menu .image-title {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    text-transform: initial;
    font-weight: inherit;
    line-height: inherit;
    height: auto;
    letter-spacing: initial;
}
.searchtop_search button {
    position: absolute;
    top: 0px;
    right: 0px;
    background: none;
    color: #000;
    padding: 0px 5px;
}
.items-more {
    display: none;
}
.bg_p {
    transition: all 0.5s ease-in-out 0s;
    background-repeat: no-repeat;
    background-size: cover;
}
.project-reference .item-p .inner:hover > .bg_p {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
.bottom-comtent {
    max-width: 900px;
    margin: 0 auto;
}
#sp-header #sp-menu .sp-menu-item >a >img {
    transition: all 0.5s ease-in 0s;
}
#sp-header #sp-menu .sp-menu-item >a:hover >img {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.news-detail .attachmentsContainer {
    margin-left: 0!important;
}
.box-service > div a:hover h2 {
    color: #2D66D2;
}
.masonry-project button:hover {
    background: #000;
    color: #fff;
}
#sp-header #sp-menu .sp-column .sp-megamenu-parent >li >a:hover span {
    text-shadow: 3px 3px 3px #000;
}
.inner-text a:hover > .title {
    text-shadow: 3px 3px 3px #000;
}
.bottom-section a {
    color: #fff;
}
.bottom-section a:hover {
    color: #f14833;
}
.contact-us h3 .fa.fa-map-marker {
    padding-right: 15px;
}
.flex-icons .flex-icon-wrap a span {
    display: inline-table;
    vertical-align: middle;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.flex-icons .flex-icon-wrap a:hover > span {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    box-shadow: 0px 0px 20px rgba(255, 0, 0, 0.48), 0px 0px 20px rgb(255, 0, 0);
    background-color: rgba(255, 0, 0, 0.22);
}
.bottom-section h3 .fa:hover {
    background: rgba(255, 0, 0, 0.5);
    color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.48), 0px 0px 10px rgb(0, 0, 0);
}
.entry-image {
    overflow: hidden;
}

.entry-image a > img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.entry-image a:hover > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.sticky-wrapper.is-sticky header.transparent.color {
    box-shadow: 0 0 0!important;
}
ul.slides:after {
    content: '';
    display: block;
    clear: both;
}
.section-service .sppb-section {
    overflow: hidden;
}
.section-service .sppb-addon-content > .container {
    width: auto;
    padding: 0;
}
body.contact-page .sticky-wrapper {
    position: relative;
}
.g-map {
    position: relative;
}
.g-map .overlay {
    display: none;
}
.flex-control-paging li a.flex-active {
    background: #f25947!important;
    cursor: default;
    opacity: 1;
}
body.news-detail section#sp-main-body > div:first-child {
    display: none;
}
body.news-detail .banner-page {
    display: none;
}
div#sp-slider {
    min-height: 0;
}
body.news-detail h2[itemprop=name] {
    display: none;
}
header#sp-header ul.social-icons {
    display: none;
}
.sp-module-content .mod-languages ul.lang-inline {
    border: 1px solid #fff;
    border-width: 0 1px 0;
}
li.lang-active img {
    box-shadow: 0px 1px 7px #fff;
}
.mod-languages img {
    display: block!important;
}
.sticky-wrapper.is-sticky div#sp-top1 .sp-module {
    margin-top: 33px;
}

.cd-pagination.custom-icons a.next i, .cd-pagination.custom-icons a.previous i {
    margin-top: -9px;
}
.img-bg {
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.img-bg img {
    opacity: 0;
    visibility: hidden;
}

/* ############################################ */

@media (max-width: 768px){
    .sticky-wrapper.is-sticky div#sp-top1 .sp-module {
        margin-top: 0;
    }
    .sticky-wrapper.is-sticky .mod-languages {
        position: absolute;
        right: 20px;
        top: 10px;
        z-index: 10;
    }
    .sticky-wrapper.is-sticky #sp-header.transparent #offcanvas-toggler {
        line-height: 30px !important;
        position: absolute;
        right: 13px;
        top: 42px;
    }
    .sticky-wrapper.is-sticky .searchtop_search.flex-search {
        display: none;
    }
    #sp-header.transparent #offcanvas-toggler {
        line-height: 30px !important;
        position: absolute;
        right: 13px;
        top: 80px;
    }
    #offcanvas-toggler >i {
        width: 40px;
        padding: 0;
        line-height: 30px !important;
    }
    .sp-module-content .mod-languages ul.lang-inline {
        padding: 0;
        border: 0;
    }
    .mod-languages {
    position: absolute;
    right: 20px;
    top: -2px;
    z-index: 10;
}
    .g-map iframe {
        width: 80%!important;
        margin: 40px auto 0!important;
        display: block;
    }
    .g-map .overlay {
        display: block;
        position: absolute;
        width: initial;
        height: 100%;
        left: 50px;
        top: 0;
        right: 50px;
    }
    .masonry-project button {
        font-size: 11px!important;
        border-width: 2px;
        padding: 5px 5px;
    }
    .project-reference-title .sppb-addon-title {
        display: inline-block;
        border: 5px solid #000;
        padding: 10px 15px;
        font-weight: bold;
        width: auto;
        text-align: center;
        font-size: 23px;
    }
    .section-service .sppb-addon-content > .container {
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }
    .bottom-section {
        padding: 0 30px!important;
    }
    .block-title h2 {
        display: block;
        word-wrap: break-word;
        font-size: 26px;
        padding: 10px 10px;
    }
	.box-service > div {
	    min-height: 460px;
        margin: 0 15px;
	}
	.box-service > div h2 {
        font-size: 17px;
        display: block;
        height: 45px;
    }
	.sticky-wrapper.is-sticky #sp-header .sp-column .logo {
	    display: inline-block;
	}
	.banner-page {
	    margin-bottom: 0px;
	}
	#sp-header .logo img {
	    height: 60px;
	}
	#offcanvas-toggler {
	    margin-right: 0;
	}
	#sp-header.transparent {	 
	    background-color: #1a2a48;
	}
	.top_search {
	    position: absolute;
	    top: 15px;
	    right: 20px;
	    margin: 0;
	}
}
@media (max-width: 500px) {

    .button-form {
        margin: 10px 0 30px;
    }
    .block-career li label {
        text-align: left;
    }
    .block-career .subtitle {
        font-size: 17px;
    }
    .block-career .title {
        font-size: 25px;
    }
    .g-recaptcha {
        margin-left: -5%;
    }
    .block-career {
        width: 100%;
        overflow: auto;
        height: 100%;
    }
    span.sp-copyright > div:last-child {
        float: none!important;
        clear: both;
    }
    .contact-us li .fa {
        vertical-align: top;
    }
    .bottom-section h3 {
        font-size: 18px;
    }
    .bottom-section h3 .fa, .contact-us h3 .fa {
        font-size: 18px;
        padding: 3px 6px 3px 6px;
    }
    .com-sppagebuilder #sp-main-body #take-control.sppb-section > .sppb-row .sppb-addon-container {
        padding: 30px 0!important;
    }
    .masonry-project button {

    }
	.sticky-wrapper.is-sticky #sp-header .sp-column .logo h1 img {
	    /*margin-top: 25px;*/
	}
	body.about-page article.item-page h1 strong {
	    font-size: 25px;
	}
	body.about-page article.item-page h1 {
	    font-size: 17px;
	}
	.project-reference .item-p {
		width: 100%;
	}
	.sticky-wrapper {
	    position: relative;
	}
}