body {
    margin: 0px;
    padding: 0px;
    color: #575757;
    font-weight: 300;
    font-size: 20px;
    font-family: 'Rubik', sans-serif;
}

a:focus {
    outline: none
}

a:hover {
    color: #2f316a;
    text-decoration: none
}

a,
button {
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Rubik', sans-serif;
    text-transform: none;
    font-weight: 600;
    font-weight: normal;
}

button:focus {
    outline: none
}

.white-color {
    color: #fff
}

.vertical-middle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* Header Section css start here */

aside {
    background: #636569;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 1.333em 0;
    z-index: 1;
    width: 7.556em;
}

header {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000
}

.sidebar-menu {
    margin: 0px 0 45px;
    padding: 0px;
    display: flex;
    justify-content: flex-end;
    height: 100%;
    flex-direction: column;
    position: relative;
    bottom: 80px;
}

.logo {
    max-width: 5.000em;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 10
}

.sidebar-menu {
    margin: 0px;
    padding: 0px 0 0 1.056em;
}

.sidebar-menu ul {
    margin: 0px;
    padding: 0px;
}

.sidebar-menu ul li {
    margin: 0px;
    display: block;
    line-height: 1.556em;
}

.sidebar-menu ul li a {
    font-size: 0.889em;
    color: #fff;
    font-weight: 400;
    position: relative
}

.sidebar-menu ul.menu li a:hover:after,
.sidebar-menu ul.menu li a:focus:after,
.sidebar-menu ul.menu li.current_page_item a:after {
    width: 0.722em;
    margin-left: 0.456em;
}

.sidebar-menu ul.menu li a:after {
    content: '';
    position: absolute;
    bottom: 0.278em;
    transform: translateX(-50%);
    height: 1px;
    background: #FFF;
    transition: .35s;
}

.social-icons ul {
    margin: 25px 0 0;
    padding: 0px;
    float: left
}

.social-icons ul li {
    float: left;
    margin: 0 10px 0 0;
}

.button_container {
    position: fixed;
    top: 3.556em;
    right: 7.611em;
    height: 1.500em;
    width: 1.944em;
    cursor: pointer;
    z-index: 100;
    transition: opacity .25s ease;
}

.button_container:hover {
    opacity: .7;
}

.button_container.active .top {
    transform: translateY(0.611em) translateX(0) rotate(45deg);
    background: #FFF;
}

.button_container.active .middle {
    opacity: 0;
    background: #FFF;
}

.button_container.active .bottom {
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #FFF;
}

.button_container span {
    background: #fff;
    border: none;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .35s ease;
    cursor: pointer;
}

.button_container span:nth-of-type(2) {
    top: 0.611em;
}

.button_container span:nth-of-type(3) {
    top: 1.222em;
}

.button_container:hover .middle {
    margin-left: -8px;
}

.dl-menuwrapper .dl-menu {
    position: relative !important
}

.overlay {
    position: fixed;
    background: rgba(16, 25, 37, 0.9);
    top: 0;
    right: -3.889em;
    width: 0%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
}

.overlay.open {
    opacity: 1;
    visibility: visible;
    width: 50%;
    height: 100%;
}

.overlay.open li {
    animation: fadeInRight .8s ease forwards;
    animation-delay: .35s;
}

.overlay.open li:nth-of-type(2) {
    animation-delay: .4s;
}

.overlay.open li:nth-of-type(3) {
    animation-delay: .45s;
}

.overlay.open li:nth-of-type(4) {
    animation-delay: .50s;
}

.overlay.open li:nth-of-type(5) {
    animation-delay: .55s;
}

.overlay.open li:nth-of-type(6) {
    animation-delay: .60s;
}

.overlay.open li:nth-of-type(7) {
    animation-delay: .65s;
}

.overlay.open li ul li {
    animation: fadeInRight .5s ease forwards;
    animation-delay: .35s;
}

.overlay.open li ul {
    margin: 0px;
    padding: 0px;
}

.overlay.open .menu-item-has-children {
    animation-delay: .65s !important;
}

.overlay.open .menu-item-has-children a {
    animation-delay: .65s !important;
}

.overlay nav {
    position: relative;
    height: 100%;
    top: 0;
    transform: none;
    text-align: left;
    display: flex;
    align-items: center;
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 15%;
    display: inline-block;
    position: relative;
    height: 100%;
    width: 100%
}

.overlay ul li {
    display: block;
    height: auto;
    height: auto;
    min-height: inherit;
    position: relative;
    opacity: 0;
}

.overlay ul li a {
    display: block;
    position: relative;
    color: #FFF;
    text-decoration: none;
    overflow: hidden;
    font-weight: 300;
    font-size: 2.222em;
    transition: transform .4s;
}

.overlay ul li a:hover {
    webkit-transform: scale(1.2);
    text-shadow: 0 0 .65px #fff, 0 0 .65px #fff;
}

.overlay ul li a:hover:after,
.overlay ul li a:focus:after,
.overlay ul li a:active:after,
.overlay ul li.current_page_item>a:after {
    width: 20px;
    margin-left: 10px;
}

.overlay ul li a:after {
    content: '';
    position: absolute;
    bottom: 15px;
    transform: translateX(-50%);
    height: 3px;
    background: #FFF;
    transition: .35s;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

/* Header css end */

.wrapper {
    padding-left: 7.556em;
    overflow: hidden
}

.home-slider {
    position: relative;
    z-index: 0;
    background: url(../images/home-banner.svg) center top no-repeat;
    height: 110vh;
    width: 100%;
    background-size: 100%;
    overflow: hidden
}

.home-slider:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(16, 25, 37, 0.4);
    z-index: 0
}

.slider-caption {
    position: relative;
    left: 8%;
    padding-top: 10%;
    width: 70%;
    z-index: 10
}

.slider-caption h2 {
    font-size: 5.833em;
    color: #fff;
    font-weight: 500;
}

.home-slider .slider-caption {
    top: 0%
}

.slider-caption h3 {
    font-size: 5.833em;
    color: #fff;
    font-weight: 400;
    display: inline;
    position: relative
}

section {
    min-height: 100vh;
}

.first-section {
    position: relative
}

.first-section:after {
    content: '';
    background: url(../images/Mask-Group.svg) left top no-repeat;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: -50%;
    z-index: 10
}

.dark-bg {
    background: #041426;
    color: #fff
}

.left-des {
    display: block;
    padding:40px 15%
}

.left-des p {
    margin-bottom: 1.778em;
    line-height: 2.222em;
    font-weight: 400
}

.mechanical-banner {
    background-image: url(../images/mechanical-banner.svg);
    min-height: 100vh;
    width: 100%;
    background-size:cover !important;
    position: relative;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	height:100%;
}
/*
_::-webkit-full-page-media, _:future, :root .mechanical-banner{ height: 100%}
_::-webkit-full-page-media, _:future, :root .latest-news .commercial-banner{ height: 100%; background-size: cover}
.mechanical-banner:before{content:'';position:absolute;width:100%;height:100%;background:rgba(16,25,37,0.2);z-index:0}*/

.block-btn-outer {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.block-btn {
    background: #fff;
    width: auto;
    padding: 0 1.2em;
    font-size: 1.444em;
    display: block;
    font-weight: 500;
    line-height: normal;
    border: solid 2px #fff;
    height: 2.571em;
    line-height: 2.371em;
	display: table;
	align-items: center
}

.block-btn span {
    position: relative;
    padding-right: 2em;
	display: table-cell
}

.block-btn svg {
    width: 0.7em;
    float: right;
    height: 0.7em;
    margin-left: 0em;
	display: table-cell
}

.block-btn svg path {
    fill: #1765a3
}

a.blue-text:hover {
    border: solid 2px #fff;
    background: none;
    color: #fff !important
}

a.blue-text:hover svg path {
    fill: #fff
}

a.black-text:hover {
    border: solid 2px #fff;
    background: none;
    color: #fff;
    background: #041426
}

a.black-text:hover svg path {
    fill: #fff
}

.blue-bg {
    background: rgba(23, 101, 163, 0.9) !important;
}

.black-bg {
    background: rgba(16, 25, 37, 0.9) !important;
}

.grey-bg {
    background: #868686 !important;
}

.light-grey-bg {
    background: #d6d6d6 !important;
}

.small-banner-caption {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80%;
    padding: 10% 0 0% 10%;
}

.banner-caption-inner {
    height: 100%;
    margin: 1.250em 0;
    width: 60%;
    font-weight: 400;
    line-height: 2.222em;
}

.white-text {
    color: #fff
}

.blue-text {
    color: #1765a3 !important;
}

.blue-text svg path {
    fill: #1765a3;
}

.blue-text:hover {
    color: #101925;
}

.blue-text:hover svg path {
    fill: #101925;
}

.blue-text span:after {
    background: #0164a5
}

.black-text {
    color: #101925;
}

.black-text svg path {
    fill: #101925;
}

.black-text:hover {
    color: #1765a3;
}

.black-text:hover svg path {
    fill: #1765a3;
}

.black-text span:after {
    background: #20214d
}

.black-text2 {
    color: #000922;
}

.black-text2 svg path {
    fill: #000922;
}

.black-text2:hover {
    color: #000922;
}

.black-text2:hover svg path {
    fill: #000922;
}

.black-text2 span:after {
    background: #000922
}

.grey-text {
    color: #868686
}

.grey-text svg path {
    fill: #868686;
}

.grey-text:hover {
    color: #101925;
}

.grey-text:hover svg path {
    fill: #101925;
}

.small-banner-caption h2 {
    font-size: 1.667em;
    margin-bottom: 1.429em;
    font-weight: 500;
    position: relative
}

.dark-grey-bg {
    background: #626569;
}

.commercial-section h2 {
    font-size: 1.667em;
}

.commercial-des {
    padding: 5% 10%;
    font-weight: 400;
    line-height: 2.222em
}

.commercial-des h2 {
    padding: 10% 0 0;
}

.commercial-banner {
    background: url(../images/commercial-bg.svg) center top no-repeat;
    position: relative;
    width: 100%;
    background-size: 100%;
    min-height: 100vh;
	height: 100%
}

.commercial-banner:before {
    content: '';
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%
}

.commercial-banner .small-banner-caption h2:after {
    right: -0.66em
}

.our-projects {
    margin: 0px;
    padding: 0;
    position: relative
}

.our-projects-heading {
    background: #939393;
    border-right: solid 1px #888888;
    width:115px;
    color: #fff;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    white-space: nowrap;
    float: left
}

.our-projects-heading h2 {
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-bottom: 3.889em;
    font-weight: 500;
    font-size: 2.222em
}
_:-ms-fullscreen, :root .our-projects-heading h2 {position: relative;right:50px;}


/*
.our-projects-heading h2:after {
    content: '';
    width: 0.66em;
    height: 0.10em;
    position: absolute;
    right: -0.66em;
    bottom: 0.3em;
    background: #fff
}
*/

.our-projects .block-btn-outer {
    justify-content: flex-start;
}

.our-projects .item {
    height: 100vh;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
	background-size: cover !important;
}

.our-projects .item:before {
    content: '';
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 100%;
    height: 100%;
}

.our-projects .item .block-btn {
    position: relative;
    z-index: 10;
}

.our-projects .customNavigation .block-btn {
    border-right: none;
    height: 75px;
    padding: 0 1.2em;
    line-height: 75px;
	display: flex;
	align-items: center
}

.our-projects .customNavigation .block-btn svg {
    margin-top: 0
}

.project-loadmore {
    padding-right: 7.556em
}

#team .block-btn {
    border-right: none;
    height: 75px;
    padding: 0 1.2em;
    line-height: 75px;
}

#team .block-btn svg {
    margin-top: 0.8em
}

.customNavigation {
    position: absolute;
    right: 0;
    z-index: 1;
    bottom: 0;
    left: 7.556em
}

.customNavigation #counter {
    position: absolute;
    right: 7%;
    bottom: 25px;
    font-size: 1.444em
}

.customNavigation #counter {
    color: #fff;
    font-weight: 500
}

.testi-round-circle {
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 15%;
    z-index: 100;
    width: 55.556em;
    height: 55.556em;
    margin-top: 100px;
    border-radius: 50%;
}

.testimonial-section {
    background: #d6d6d6;
    position: relative
}

.testimonial-section .item {
    padding: 8% 7% 0;
    height: 100vh
}

.testimonial-section .company-name {
    position: relative;
    top: 10%
}

.testi-caption {
    font-size: 3.500em;
    line-height: normal;
    color: #041426;
    margin-bottom: 0.250em;
    font-weight: 400;
    max-width: 82%;
    position: relative
}

.testi-caption strong {
    font-weight: 500
}

.testi-caption:before {
    content: '"';
    font-weight: 500;
    font-style: italic
}

.testi-caption p:after {
    content: '"';
    position: absolute;
    font-weight: 500;
    font-style: italic
}

.slider-arrow {
    background: #fff;
    border-left: solid 1px #d3d3d3;
    display: inline-block;
    padding: 0 0.5em 0 0.7em;
    height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	width:75px;

}

.slider-arrow img {
    width: 12px;
    cursor: pointer;
    margin: 0 5px;
}

.block-btn-outer button {
    display: none
}

.slider-arrow {
    border: solid 2px transparent;
    border-left: solid 1px #d3d3d3;
}

.slider-arrow:hover {
    background: #041426;
    border: solid 2px #fff;
    border-left: solid 1px #fff;
}

.slider-arrow button {
    border: none;
    display: inline-block;
    cursor: pointer;
    padding: 0;
    vertical-align: middle
}

.slider-arrow button:focus {
    outline: none
}

.slider-arrow .owl-prev {
    background: url(../images/arrow-prev.svg) left top no-repeat;
    width: 12px;
    height: 17px;
    background-size: 12px;
    margin: 0 5px;
}

.slider-arrow .owl-next {
    background: url(../images/arrow-next.svg) right top no-repeat;
    width: 12px;
    height: 17px;
    background-size: 12px;
    margin: 0 5px;
}

.slider-arrow:hover .owl-prev {
    background: url(../images/arrow-prev-white.svg) left top no-repeat;
    width: 12px;
    height: 17px;
    background-size: 12px;
    margin: 0 5px;
}

.slider-arrow:hover .owl-next {
    background: url(../images/arrow-next-white.svg) right top no-repeat;
    width: 12px;
    height: 17px;
    background-size: 12px;
    margin: 0 5px;
}

#testi-slider .owl-nav {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 2px tranparent
}

#testi-slider .owl-nav:hover {
    background: #041426;
    border: solid 2px #fff
}

#testi-slider .owl-nav button {
    margin: 0 3px;
}

#testi-slider .owl-nav button span {
    color: #041426;
    display: none
}

.company-name {
    font-size: 1.286em
}

.company-name strong {
    display: inline;
    font-weight: 500;
    position: relative
}

.company-name span {
    display: inline;
    font-weight: 300;
    position: relative
}

.latest-news .commercial-banner {
    background: url(../images/news-section-bg.jpg) center top no-repeat;
    width: 100%;
    background-size: cover;
    min-height: 100vh;
	height: 100%;
}

#testi-slider .owl-nav button.owl-prev {
    background: url(../images/arrow-prev.svg) left top no-repeat;
    width: 12px;
    height: 16px;
    background-size: 12px;
    margin: 0 10px;
}

#testi-slider .owl-nav button.owl-next {
    background: url(../images/arrow-next.svg) right top no-repeat;
    width: 12px;
    height: 16px;
    background-size: 12px;
    margin: 0 10px;
}

#testi-slider .owl-nav:hover button.owl-prev {
    background: url(../images/arrow-prev-white.svg) left top no-repeat;
    width: 12px;
    height: 16px;
    background-size: 12px;
    margin: 0 10px;
}

#testi-slider .owl-nav:hover button.owl-next {
    background: url(../images/arrow-next-white.svg) right top no-repeat;
    width: 12px;
    height: 16px;
    background-size: 12px;
    margin: 0 10px;
}

.latest-news .news-date {
    color: #fff;
    margin-bottom: 10.333em;
}

.latest-news .news-date strong {
    margin-bottom: 0;
    display: block !important;
    position: relative
}

.latest-news .news-date strong:after {
    display: none
}

.latest-news .news-date span {
    position: relative
}

.latest-news .commercial-banner {
    display: flex;
    justify-content: center;
    align-items: center
}

.latest-news .commercial-banner:before {
    content: '';
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%
}

.latest-news .small-banner-caption {
    left: 0;
    top: 0;
    margin: auto;
    position: relative;
    width: 70%
}

.latest-news .small-banner-caption h2 {
    font-weight: 500
}

.latest-news .small-banner-caption strong {
    font-weight: 500;
    margin-bottom: 1em;
    display: inline-block;
    position: relative;
}

.latest-news .banner-caption-inner {
    width: 72%
}

.latest-news .banner-caption-inner h2 {
    font-size: 2.000em;
    margin-bottom: 1em;
}

.latest-news .news-des {
    padding: 0% 0% 0% 0%;
    height: 100%
}

.latest-news .news-des .blue-bg {
    padding: 5% 5% 5% 10%;
    height: 100%
}

.latest-news .news-des h2 {
    font-size: 3.889em;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 0.3em;
}

.latest-news .news-des h3 {
    font-size: 3.889em;
    line-height: normal;
    font-weight: 400;
    margin-bottom: 0.5em;
}

.latest-news .news-des ul {
    margin: 0px;
    padding: 0px;
}

.latest-news .news-des ul li {
    float: left;
    width: 45%;
    list-style: none;
    padding: 2em 0em 2em 0;
    display: flex;
    flex-direction: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 20px;
    margin-right: 5%
}

.latest-news .news-des ul li img {
    max-height: 6em
}

.extenia-group {
    background: #e5e9ed;
    padding: 3% 50px;
    position: relative;
    z-index: 10
}

.extenia-group-inner {
    max-width: 55%;
    margin: auto;
    text-align: center;
    color: #464e7e;
}

.extenia-group-inner img {
    margin-bottom: 35px;
    max-width: 55%
}

.site-footer {
    padding-left: 140px;
    padding: 7% 5% 7% 100px;
    color: #fff;
    position: relative;
    z-index: 10;
    background: #041426;
    font-weight: 400;
	overflow: hidden;
}

@media(min-width:0px) and (max-width:998px){
    .site-footer {
        position: unset;
        z-index: unset;
    }

    .site-footer:before {
        display: none;
    }
}

.site-footer:before {
    content: '';
    background: url(../images/polygon.svg) no-repeat;
    background-position: left 0%;
    position: absolute;
    left: 0;
    background-size: 100%;
    width: 600px;
    height: 600px;
    background-position: left 98% bottom -83%;
    background-size: 160%;
}

.site-footer h2 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 1.056em;
    font-weight: 500;
    position: relative;
    display: inline-block
}

.site-footer ul {
    margin: 0px;
    padding: 0px;
    max-width: 330px;
}

.site-footer ul li {
    list-style: none;
    margin-bottom: 0.769em;
}

.site-footer ul li a {
    color: #fff;
    font-weight: 400;
    position: relative;
    display: block
}

.site-footer ul li a:hover:after {
    width: 13px;
    margin-left: 10px;
}

.site-footer ul li a:after {
    content: '';
    position: absolute;
    bottom: 5px;
    transform: translateX(-50%);
    height: 2px;
    background: #FFF;
    transition: .35s;
}

.site-footer .block-btn {
    margin: 10% 0 15%;
    max-width: 12.154em
}

.site-footer .block-btn span:after {
    background: #0b112b;
    height: 3px;
    width: 17px;
    right: -17px;
}

.footer-social {
    margin-top: 35px;
}

.footer-social h2 {
    margin-bottom: 15px;
}

.footer-social ul {
    margin: 0px;
    padding: 0px;
}

.footer-social ul li {
    float: left;
    list-style: none;
    margin-right: 25px;
}

.footer-logos img.iso-img {
    float: left;
    padding-right: 35px;
    width: 7em;
    max-height: 4em
}

.footer-logos img.colored-img {
    float: left;
    padding-left: 0px;
    width: 10em;
}

.contact-heading {
    max-width: 500px;
}

.site-footer .custom-html-widget {
    max-width: 27.231em;
}

.round-circle {
    background: url(../images/services-bg.png) right bottom no-repeat;
    background-size: 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.servcies-pagebanner {
    background: #0164a5;
    height: 100vh;
    position: relative;
    color: #fff
}

.servcies-pagebanner p {
    margin-bottom: 35px;
}

.servcies-pagebanner .small-caption {
    margin-top: 3.750em;
    line-height: 1.944em;
    max-width: 53em
}

.servcies-pagebanner .small-caption .col-lg-50 {
    padding-right: 3em
}

.services-list {
    height: 100%;
    background: #0164a5;
    padding-left: 7.556em
}

.services-list .service-box {
    position: relative;
    overflow: hidden;
    text-align: center
}

.services-list .service-box h3 {
    background: rgba(16, 25, 37, 0.9);
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    font-weight: 500;
    padding: 1.267em 2.1em;
    margin: 0;
    width: 100%;
    font-size: 1.65em;
    text-align: left
}

.services-list .service-box .block-btn-outer {
    position: absolute;
    bottom: 0;
    left: 3em
}

.services-list .service-box .box-des {
    display: none
}

.services-list .service-box:hover .box-des {
    color: #fff;
    display: block;
}

.services-list .service-box:before {
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    content: '';
    top: 0;
    bottom: 0;
}

.services-list .service-box img {
    object-fit: cover;
	width:100%
}
.services-list [class*="col-xl-33"] {
    width: 33.33%;
    flex: 33.33%;
    max-width: 33.33%
}
.services-list [class*="col-lg-33"] {
    width: 33.33%;
    flex: 33.33%;
    max-width: 33.33%
}

.services-list [class*="col-md-33"] {
    width: 33.33%;
    flex: 33.33%;
    max-width: 33.33%
}

.services-list [class*="col-lg-66"] {
    width: 66.66%;
    flex: 66.66%;
    max-width: 66.66%
}

.sheet {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(4, 19, 38, 0.8);
    color: #fff;
    flex-direction: column;
    padding: 15px;
    padding-left: 3em;
}

.hover-target .hover-display p {
    opacity: 0;
}

.hover-target:hover .hover-display p {
    opacity: 1;
    text-align: center
}

.hover-target:hover .hover-slide-up h3 {
    background: none;
    top: 0;
    position: relative;
    text-align: left;
    padding-left: 0;
	width: 100%
}

.hover-target .hover-scale,
.hover-target .hover-display,
.hover-target [class*="hover-slide-"] {
    transition: 0.5s;
}

.hover-target:hover .hover-scale {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.hover-target .hover-slide-up {
    transform: translate3d(0px, 100%, 0px);
	-webkit-transform: translate3d(0px, 100%, 0px);
    text-align: left
}

.hover-target .hover-slide-down {
    transform: translate3d(0px, -100%, 0px);
    -webkit-transform: translate3d(0px, -100%, 0px);
}

.hover-target .hover-slide-right {
    transform: translate3d(-100%, 0px, 0px);
    -webkit-transform: translate3d(-100%, 0px, 0px);
}

.hover-target .hover-slide-left {
    transform: translate3d(100%, 0px, 0px);
    -webkit-transform: translate3d(100%, 0px, 0px);
}

.hover-target:hover .hover-slide-up,
.hover-target:hover .hover-slide-down,
.hover-target:hover .hover-slide-right,
.hover-target:hover .hover-slide-left {
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.hover-target .hover-slide-up p {
    padding: 1.267em 0em;
    padding-right: 2.1em;
	width:100%
}

.work-with {
    background: #041326;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding-left: 5.889em
}

.work-with .inner-caption {
    margin: 0px;
    padding: 0px 0 0 0;
    text-align: left;
    color: #fff;
    max-width: 80%
}

.work-with .inner-caption h3 {
    font-size: 1.5em;
    color: #fff;
    font-weight: 500;
    margin-bottom: 35px;
}

.work-with .block-btn {
    position: absolute;
    bottom: 0;
    max-width: 100%;
	right:135px
}

.our-projects.services-page {
    position: relative;
    overflow: hidden
}

.our-projects.services-page .our-projects-heading {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.our-projects.services-page .block-btn-outer {
    justify-content: flex-end;
    margin-right: 7.556em
}

.our-projects.services-page .customNavigation {
    left: 3.556em
}

.our-projects.services-page .customNavigation #counter {
    left: 0;
    right: inherit;
    max-width: 100px
}

.our-team {
    margin: 0px;
    padding: 0px;
    background: rgba(23, 101, 163, 0.9) !important
}

.team-section {
    background: url(../images/team-bg.jpg) left top no-repeat;
    padding: 5% 15%;
    color: #fff;
    min-height: 100vh;
    height: 100%
}

.team-section.vertical-middle {
    justify-content: center
}

.team-sec-inner {
    padding: 5% 0% 0 0%;
    max-width: 33.462em;
}

.team-sec-inner h2 {
    max-width: 75%;
    margin-bottom: 30px;
    padding: 0% 0 0 0%
}

.team-sec-inner p {
    padding: 5% 0% 25%;
    line-height: 2em
}

.team-sec-inner .block-btn {
    width: 65%
}

.team-section h2 {
    color: #fff;
    font-size: 2.222em;
    font-weight: 500
}

.team-member {
    margin: 0px 0 45px;
    padding: 0px;
    text-align: center
}

.team-member li {
    list-style: none;
    display: inline-block;
    margin: 0 10px;
}

.team-member li img {
    border-radius: 50%;
    max-width: 7.222em;
}

.team-member .item img {
    width: 7.222em;
    height: 7.222em;
}

.team-member.owl-carousel {
    padding: 0 2em
}

.our-team .team-des {
    background: #868686;
    color: #fff;
    padding: 5% 10%;
    min-height: 100vh
}

.our-team .team-des h2 {
    color: #fff;
    font-weight: 500;
    font-size: 3.889em
}

.our-team .team-des h3 {
    color: #fff;
    font-weight: 400;
    font-size: 3.889em;
    margin-bottom: 1.311em;
}

.our-team .team-des a {
    margin-top: 3.611em;
    max-width: 330px;
    border: solid 2px transparent
}

.our-team .team-des a:hover {
    border: solid 2px #fff;
    color: #fff;
    background: none
}

.our-team .team-des a:hover svg path {
    fill: #fff
}

.our-team .team-des p {
    width: 70%;
    line-height: 35px;
}

.team-sec-des {
    padding: 10% 15% 15%
}

.team-sec-inner {
    background: #041326;
}

.servcies-pagebanner.sector-pagebanner {
    background: #868686;
    height: 100vh;
    color: #fff
}

.servcies-page-circle {
    background: url(../images/sector-banner-shape.png) center top no-repeat;
    pointer-events: none;
    height: 50em;
    width: 50em;
    position: absolute;
    z-index: 10;
    top: 25%;
    background-size: 100%;
    right: 10%
}

.sector-pagebanner .banner-des {
    max-width: 375px;
    line-height: 35px;
    margin-top: 3.056em;
}

.about-banner {
    background: #0164a5 url(../images/about-us-bg.png) right bottom no-repeat;
    min-height: 100vh;
    background-size: 48%
}

.about-banner-circle {
    background: url(../images/about-circle-shape.png) center top no-repeat;
    pointer-events: none;
    height: 50em;
    width: 50em;
    position: absolute;
    z-index: 10;
    top: 25%;
    background-size: 100%;
    right: 10%
}

.about-banner .slider-caption {
    position: relative
}

.about-banner .small-caption {
    max-width: 18.333em;
    color: #fff;
    margin-top: 3.722em;
    line-height: 2.222em
}

.about-thumb {
    position: relative
}

.about-thumb:before {
    content: '';
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.big-caption {
    color: #fff;
}

.big-caption p {
    color: #fff;
}

.our-services .about-thumb img {
    width: 100%;
    height: auto;
    min-height: 100%
}

.services-des {
    padding: 0 8em 0 5.556em;
    line-height: 2.222em;
    font-weight: 400
}

.services-des h2 {
    color: #041326;
    font-weight: 500;
    font-size: 3.889em;
    margin-bottom: 1em
}

.services-des .block-btn-outer {
    justify-content: flex-start;
    padding-top: 4em;
    max-width: 18.333em
}

.our-approach {
    background: #041326;
    height: auto;
    min-height: 100%
}

.our-approach .approach-des {
    color: #fff;
    padding: 0 8em 0 5.556em;
    line-height: 2.222em;
}

.our-approach h2 {
    color: #fff;
    font-weight: 500;
    font-size: 3.889em;
    margin-bottom: 1em
}

.our-approach .block-btn-outer {
    justify-content: flex-start;
    padding-top: 4em;
}

.sectors-type {
    background: #636569 url(../images/sector-shape.png) left bottom no-repeat;
    background-size: 52%;
    color: #fff;
    line-height: 2.222em;
    padding: 11.611em 25px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.sectors-type h3 {
    font-weight: 400;
    font-size: 2.222em;
    margin-bottom: 1em
}

.sectors-type .sectors-des {
    padding: 0 3em 3em 5.556em;
}

.sectors-type .sectors-des a {
    border: solid 2px transparent;
    color: #636569
}

.sectors-type .sectors-des a:hover {
    color: #fff;
    background: none;
    border: solid 2px #fff
}

.sectors-type .sectors-des a svg path {
    fill: #636569
}

.sectors-type .sectors-des a:hover svg path {
    fill: #fff
}

.round-circle-corporate {
    background: #0165a5 url(../images/corporate-circile-bg.svg) right 40% top -125px no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.corporate-block-section {
    background: #d6d6d6;
    min-height: 100vh;
    height: auto
}

.corporate-block-section img {
  width: 100%;
}

.corporate-text-block {
    padding: 0 8em 0 5.556em;
}

.corporate-text-block h3 {
    color: #041426;
    font-size: 4.430625rem;
    font-weight: 500;
    margin: 0 0 1em 0
}

.corporate-text-block p {
    color: #868686;
    line-height: 1.9em;
    margin: 0 0 1.5em 0
}

.corporate-text-block p.download {
    color: #041426;
    margin-top: 3.2em;
    font-size: 1.661875rem;
    line-height: 35px
}

.download a {
    color: #041426;
    font-size: 1.661875rem;
    text-decoration: none;
    font-weight: 400
}

.download a:hover {
    color: #0164a5
}

.full-row:after,
.full-row:before {
    content: "";
    display: table
}

.full-row:after {
    clear: both
}

.section-overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    background: rgba(4, 20, 38, 0.9)
}

.section-overlay h3,
.section-overlay p,
.section-overlay .download a {
    color: #fff
}

.meetteam-banner {
    background: #fff;
    min-height: 100vh;
    position: relative
}

.meetteam-banner .small-caption {
    max-width: 350px;
    margin-top: 2em;
    line-height: 2.222em
}

.meetteam-banner .small-caption p {
    margin-bottom: 2em
}

.team-round-circle {
    background: #fff url(../images/meet-team-shape.png) right top no-repeat;
    position: absolute;
    right: 0;
    top: 15%;
    width: 60.00em;
    height: 75.00em;
    background-size: 90%
}

.meetteam-banner h2 {
    color: #0165a5
}

.meetteam-banner h3 {
    color: #0165a5;
}

.team-list {
    padding: 0 7.500em;
    height: auto
}

.member-box {
    color: #20214d;
    margin: 0em 0.5em 5em;
    position: relative
}

.member-box h4 {
    margin-top: 1em;
    color: #20214d;
    font-weight: 500;
    font-size: 1.538em;
    margin-bottom: 0
}

.member-box .designation {
    font-size: 1.538em;
    font-weight: 400;
    margin-bottom: 0.5em
}

.member-box a {
    color: #20214d
}

.member-box p {
    margin-bottom: 0;
    font-weight: 400
}

.member-box img{max-width:100%; height: auto}

.member-shareus {
    position: absolute;
    top: 1em;
    right: 1.5em
}

.member-shareus a {
    font-size: 1.5em;
    color: #fff
}

.award-wining.latest-news {
    position: relative;
    overflow: hidden;
}

/*.award-wining.latest-news:before{background:url(../images/team-round-shape.png) left top no-repeat;content:'';position:absolute;width:100%; height:50%; z-index:1;    background-size: 34%;left: 29.4%;}*/

.award-wining.latest-news h2 {
    margin-bottom: 0.3em
}

.award-wining.latest-news h3 {
    margin-bottom: 0.8em
}

.award-wining .blue-bg {
    height: 100%
}

.award-wining.latest-news ul {
    display: flex;
    justify-content: flex-start;
    item-aligns: center;
    margin-top: 3em
}

.award-wining.latest-news ul li {
    width: auto;
    float: none;
    justify-content: center;
    item-aligns: center;
    margin-right: 2em
}

.award-wining.latest-news ul li img {
    width: auto;
    height: 5.000em
}

.award-wining.latest-news .news-des {
    padding-bottom: 0;
    position: relative;
    z-index: 1;
    line-height: 2em;
    height: 100%
}

.awardwining-des p {
    max-width: 70%
}

.awardwining-des {
    margin-bottom: 6em
}

.award-wining-banner {
    background: url(../images/approach-banner.jpg) center top no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%
}

.award-wining-banner img {
    width: 100%;
    height: auto
}

.page-template-meet_team_template .button_container span {
    background: #0164a5
}

.page-template-join_team_template-php .button_container span {
    background: #0164a5
}

.project-template-default .button_container span {
    background: #0164a5
}

.page-template-single_news .button_container span {
    background: #0164a5
}

.post-template-default .button_container span {
    background: #0164a5
}

.project-banner {
    background: #041426
}

.project-banner h3 {}

.project-banner .banner-des {
    max-width: 20.556em;
    margin-top: 4em;
    line-height: 2em
}

.project-banner .project-banner-circle {
    content: '';
    position: absolute;
    right: -10%;
    top: 30%;
    background: url(../images/sector-banner-shape.png) right top no-repeat;
    height: 100%;
    width: 100%;
    background-size: 50%;
    z-index: 1
}

.project-banner .project-filter {
    position: relative;
    bottom: 0;
    right: 7.556em;
    z-index: 100;
    max-width: 330px;
    float: right;
    width: 100%
}

.project-filter .block-btn:after {
    content: '';
    background: url(../images/icon-plus.svg) right top no-repeat;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto
}

.project-filter.active .block-btn:after {
    content: '';
    background: url(../images/icon-close.svg) right top no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto
}

.project-filter .block-btn {
    color: #20214d;
    width: 100%;
    border-bottom: solid 1px #d6d6d6
}

.project-menu {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 999;
    width: 100%;
}

.filter-dropdown {
    display: none
}

.filter-dropdown.open {
    display: block;
    position: relative;
    bottom: 100%;
    right: 7.556em;
    float: right;
    clear: both;
    padding-left: 7.556em
}

.filter-dropdown {
    margin: 0px;
    width: 100%;
    padding: 0;
}

.filter-dropdown a {
    color: #20214d;
    border-bottom: solid 1px #d6d6d6;
    max-width: 330px;
    float: right;
    clear: both;
    position: relative;
    font-size: 1.444em;
    font-weight: 500;
    padding: 0.8em 1.2em;
    display: block;
    background: #fff;
    width: 100%;

}

.filter-dropdown span {
    background: url(../images/icon-plus.svg) right top no-repeat;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px
}

.filter-dropdown.open a.active span {
    background: url(../images/minus.svg) right top no-repeat;
}

.project-menu .filter-dropdown li ul {
    width: 100%;
    right: 0;
    position: relative;
    display: none
}

.filter-dropdown ul.open {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    clear: both;
    background: #fff
}

.filter-dropdown ul {
    display: none
}

.dropdown-outer {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%
}

.filter-dropdown li {
    float: left;
    list-style: none
}

.filter-dropdown li a {
    color: #20214d;
    font-size: 1.444em;
    font-weight: 500;
    padding: 1em 0.8em;
    width: auto;
    border: none;
    max-width: 100%
}

.filter-dropdown li a.filter-active {
    position: relative
}

.filter-dropdown li a.filter-active:before {
    content: '';
    width: 65px;
    height: 65px;
    background: #d6d6d6;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    left: 10px;
    top: 18px;
}

.filter-dropdown li a strong {
    position: relative;
    z-index: 10;
    font-weight: 500
}

.projects-list-section {
    display: table;
    overflow: hidden;
    position: relative;
    height: auto;
    width: 100%
}

.project-largebanner {
    display: table-cell
}

.project-largebanner img {
    width: 100%;
    height: auto
}

.rightslide-outer {
    margin-right: 0px;
    height: 100%;
    background: none;
}

.heading-rightpanel {
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(1, 101, 165, 0.9);
    overflow: hidden;
    width: 7.556em;
    height: 100%;
    transition: .5s ease;
    display: block;
    z-index: 100
}

.project-slide-des {
    padding: 10.556em 0 0 14.556em;
    position: absolute;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 1;
    max-width: 70%
}

.project-slide-des h3 {
    font-size: 2.667em;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0.5em
}

.project-slide-des h4 {
    font-size: 2.667em;
    color: #fff;
    font-weight: 400;
    margin-bottom: 1em
}

.project-slide-des a {
    color: #fff;
    font-size: 1em;
    display: block;
}

.project-slide-des a svg {
    float: right;
    margin-top: 1em;
}

.projects-list-section.odd .heading-rightpanel {
    left: 0;
    right: inherit
}

.projects-list-section.odd .rightslide-outer {
    min-width: inherit
}

.vertical-heading {
    width: 7.556em;
    color: #fff;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    white-space: nowrap;
    float: left;
    right: 0;
    top: 0;
    z-index: 10;
}
_:-ms-fullscreen, :root .projects-list-section.even .vertical-heading {right:65%}
_:-ms-fullscreen, :root .projects-list-section.even .rightslide-outer:hover .vertical-heading {right:10%}
_:-ms-fullscreen, :root .projects-list-section.odd .vertical-heading {left:-70%}
_:-ms-fullscreen, :root .projects-list-section.odd .rightslide-outer:hover .vertical-heading {left:70%}

.vertical-heading h2 {
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-bottom: 4.889em;
    font-weight: 500;
    font-size: 2.222em;
    transition: .5s ease;
}

.rightslide-outer:hover .heading-rightpanel {
    width: 50%;
    right: 0;
    display: block
}

.project-largebanner:hover + .rightslide-outer .heading-rightpanel {
    width: 50%;
    right: 0;
    display: block
}

.project-thumb-gallery .row {
    overflow: hidden
}

.project-thumb-gallery {
    margin: 0px;
    padding: 0px 7.556em 0 0;
    background: #041426
}

.project-thumb-gallery img {
    width: 100%;
    height: 100%
}

.project-thumb-gallery [class*="col-md-33"] {
    flex: 33.33%;
    max-width: 33.33%
}

.project-thumb-gallery .sheet {
    background: rgba(1, 101, 165, 0.8);
    padding: 5em
}

.project-thumb-gallery .sheet h3 {
    font-weight: 500;
    font-size: 2.6em;
    text-align: left
}

.project-thumb-gallery .sheet h4 {
    font-weight: 400;
    font-size: 2.2em;
    text-align: left;
    width: 100%;
    margin-bottom: 0.7em
}

.project-thumb-gallery .sheet a {
    color: #fff;
    width: 100%;
    text-align: left;
    padding-left: 5px;
}

.project-thumb-gallery .sheet a svg {
    float: right;
    margin-top: 0.5em
}

.project-thumb-gallery .block-btn {
    width: auto;
    display: inline-block
}

#show_me_btn {
    background: #041326;
}

#show_me_btn a {
    cursor: pointer;
    color: #20214d
}

#show_me_btn a:hover {
    color: #fff
}

.heading-leftpanel {
    position: absolute;
    left: 0;
    background-color: rgba(1, 101, 165, 0.9);
    overflow: hidden;
    width: 7.556em;
    height: 100%;
    transition: .5s ease;
    display: block;
    z-index: 100;
    top: 0
}

.projectpage-award {
    padding-top: 7em;
}

.banner-caption {
    max-width: 40.444em;
    position: relative;
    z-index: 10
}

.project-detail-shape {
    background: url(../images/project-detail-shape.png) center bottom no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 55.556em;
    height: 42.556em;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
	bottom: 0
}

.project-detail-banner {
    margin: 0px;
    padding: 10% 0 0 8.111em;
    position: relative;
    color: #0164a5;
}

.project-detail-banner h2 {
    font-size: 5.833em;
    font-weight: 500;
    color: #0164a5;
    margin-bottom: 0em
}

.project-detail-banner h3 {
    font-size: 5.833em;
    font-weight: 400;
    margin-bottom: 0.4em
}

.project-detail-banner p {
    font-size: 1.556em;
	margin-bottom: 0
}

.back-btn {
    float: right;
    margin: 2.111em 7.556em 0 0;
    position: absolute;
    right: 0;
	z-index: 10
}

.back-btn a {
    font-size: 2.222em;
    color: #0164a5
}

.back-btn svg {
    width: 0.833em;
    height: 0.833em;
    margin-top: 0.35em;
    display: inline-block;
    vertical-align: top
}

.back-btn svg path {
    fill: #0164a5
}

.our-projects.services-page.project-detail .block-btn-outer {
    margin-right: 0
}

.our-projects.services-page.project-detail #counter {
    left: inherit;
    right: 130px
}

.key-challanges {
    background: rgba(4, 19, 38, 0.9);
    line-height: 2em;
    position: absolute;
    bottom: -21%;
    right: 0;
    width: 50%;
    line-height: 2em;
    z-index: 100;
    color: #fff;
    padding: 4em
}

.key-challanges h3 {
    margin-bottom: 1.5em;
    font-size: 1.5em
}

.key-challanges ul {
    margin: 0px;
    padding: 0px;
}

.key-challanges ul li {
    list-style: none
}

.project-detail-column {
    height: auto;
    position: relative
}

.project-detail-column .column-des {
    padding: 0 8.000em;
    line-height: 2em
}

.project-detail-column .column-des p {
    margin-bottom: 3em
}

.project-detail-column.second-column:before {
    content: '';
    background: url(../images/project-banner-shape.png) center top no-repeat;
    position: absolute;
    background-size: 100%;
    width:40.556em;
    height: 40.556em;
    z-index: 100;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.project-detail-column .column-des {
    padding:3em 7.3em
}

.indproject-banner{background-size: cover !important;height: 100%;width: 100%;min-height: 100vh;background-repeat: no-repeat !important;}

.project-detail-column .blue-bg {
    background: #0164a5 !important
}

.project-template-default .testi-round-circle {
    margin-top: 6.667em
}

.project-template-default .testi-caption {
    font-size: 3.5em
}

.relevent-project {
    position: relative;
    z-index: 100;
    padding-right: 7.500em;
    min-height: 100%;
	overflow: hidden
}

.relevent-project .vertical-heading {
    right: 0;
    left: inherit;
    float: right;
    position: absolute;
    background: #041326;
    height: 100%
}

.relevent-project .item {
    position: relative;
	overflow: hidden
}

.relevent-project .item:before {
    content: '';
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.relevent-project .owl-dots {
    display: none
}

.relevent-project .slider-arrow {
    position: absolute;
    right: 7.500em;
    bottom: 0;
    z-index: 10;
}

.relevent-project .owl-nav{ display: none}

.jointeam-banner {
    margin: 0px;
    position: relative;
    padding: 0em 0 0 8.111em;
    position: relative;
    color: #0164a5;
    height: 100vh;
}

.jointeam-banner:before {
    content: '';
    background: url(../images/sector-banner-shape.png) center top no-repeat;
    width: 100%;
    height: 100%;
    background-size: 50%;
    z-index: 10;
    position: absolute;
    top: -20%
}

.jointeam-banner h2 {
    font-size: 5.833em;
    font-weight: 500;
    color: #0164a5;
    margin-bottom: 0em
}

.jointeam-banner h3 {
    font-size: 5.833em;
    font-weight: 400;
    margin-bottom: 0.4em
}

.jointeam-banner p {
    font-size: 1.111em;
    color: #636569
}

.jointeam-banner .banner-caption {
    max-width:62%;
    position: relative;
    z-index: 10;
    margin-top: 2em
}

.jointeam-banner .banner-des {
    max-width: 23.333em;
    line-height: 2.333em
}

.banner-thumb {
    width: 38%;
    position: absolute;
    bottom: 0;
    right: 0
}

.banner-thumb img{max-width: 100%}
.job-des {
    padding: 6.111em 8.111em;
    line-height: 2em;
    height: auto;
	min-height: 100%
}
.not-job-found{ text-align: center; color: red}

.job-des h3 {
    color: #0164a5;
    font-weight: 500;
    font-size: 1.538em
}

.job-location {
    font-size: 1.154em;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle
}

.job-location span {
    display: block
}

.card-header a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 25px;
    padding-left:50px
}

.job-des a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.job-des a:before {
    position: absolute;
    top: 0;
    margin: auto;
    bottom: 0;
    right: 0
}

.job-des [aria-expanded="true"]:before {
    content: "";
    background: url(../images/icon-close-blue.svg) right top no-repeat;
    width: 18px;
    height: 18px;
}

.job-des [aria-expanded="false"]:before {
    content: "";
    background: url(../images/icon-plus-blue.svg) right top no-repeat;
    width: 20px;
    height: 20px;
}

.job-des ul {
    margin: 0px;
    padding: 0px;
}

.job-des ul li {
    list-style: none
}

.md-accordion .card-body,
.md-accordion .card-header {
    padding: 2em 4em !important
}

.md-accordion .card-header.even {
    background: #f7f7f7
}

.md-accordion .card .card-header {
    border-bottom: solid 1px #d4d4d4
}

.md-accordion .card:first-of-type,
.md-accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: none
}

.job-des .block-btn {
    border: solid 1px #e0e0e0;
    color: #0165a5;
    float: right
}

.job-des .block-btn svg {
    width: 20px;
    margin: 0.9em 0 0 1.944em;
}

.job-des .block-btn svg .cls-1 {
    fill: #0165a5;
    stroke: #0165a5;
    stroke-width: 5px;
}

.job-des .block-btn:hover {
    background: #0165a5;
    color: #fff;
    border: solid 1px #0165a5;
}

.job-des .block-btn:hover svg .cls-1 {
    fill: #fff;
    stroke: #fff;
    stroke-width: 5px;
}

.extenia-group {
    height: auto;
    min-height: 100%
}

.page-template-join_team_template .extenia-group.top-section {
    background: #e4e9ed;
    color: #464E7E;
    padding: 6.111em 8.111em;
    line-height: 2em
}

.page-template-join_team_template .extenia-group {
    background: #dadfe5;
    padding: 2em;
}

.page-template-join_team_template .extenia-group.bottom-section {
    background: #dadfe5;
    height: 5.000em
}

.page-template-join_team_template .extenia-group img {
    margin-bottom: 0
}

.page-template-join_team_template .extenia-group-inner p {
    display: none
}

.page-template-join_team_template .extenia-group.bottom-section .extenia-group-inner {
    display: flex;
    justify-content: center;
    align-items: center
}

.extenia-group.top-section h2 {
    font-size: 2.222em;
    font-weight: 500;
    color: #464E7E;
    margin-bottom: 0.8em
}

.extenia-group.top-section .extenia-group-des {
    padding-right: 10em
}

.extenia-group.top-section h3 {
    font-size: 1.556em;
    font-weight: 500;
    color: #464E7E;
    margin: 1em 0 2em;
    text-transform: uppercase
}

.extenia-group.top-section .block-btn {
    border: solid 1px #464e7e;
    color: #464e7e;
    width: 360px
}

.extenia-group.top-section .block-btn svg{margin-top:0.8em}

.extenia-group.top-section .block-btn svg .cls-1 {
    fill: #464e7e;
    stroke: #464e7e;
    stroke-width: 5px;
}

.extenia-group.top-section .block-btn:hover {
    color: #fff
}

.extenia-group.top-section .block-btn:hover svg .cls-1 {
    fill: #fff;
    stroke: #fff;
}

.record-nofound {
    padding: 55px 0;
    margin: 0;
    text-align: center;
    color: red;
    display: block;
    width: 100%;
}

.news-banner:after {
    content: '';
    background: url(../images/news-banner-shape.png) center top no-repeat;
    position: absolute;
    width: 60%;
    height: 100%;
    background-size: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0
}

.newslist {
    margin: 0px;
    padding: 0px 7.500em 10em 0;
    background: #041426;
    height: auto
}

.newslist .row.align-items-start{
    align-items: stretch!important;
}

.newslist .row.align-items-start .newsbox{
    height: 100%;
}

.newslist [class*="col-xl-33"] {
    max-width: 33.31%;
    flex: 33.31%
}

.newslist [class*="col-xl-67"] {
    max-width: 66.63%;
    flex: 66.63%
}

.twitter-box {
    background: #03243f;
    padding: 2em 0 0 2.5em;
    color: #fff;
    font-size: 1.667em;
    position: relative;
    float: left;
    width: 100%
}

.twitter-box strong {
    font-weight: 500
}

.twit-icon {
    background: #0165a5;
    color: #fff;
    width: 2.3em;
    height: 2.3em;
    float: right;
    line-height: 2.6em;
    text-align: center;
    font-size: 1.3em
}

.twit-time {
    font-size: 0.7em;
    float: left;
    margin-top: 0.5em
}

.twitter-des {
    margin-bottom: 2.5em;
    float: left;
    width: 100%;
    padding-right: 2.5em;
    line-height: 1.5em
}

.newsbox-heading {
    position: absolute;
    bottom: 0;
    background: rgba(1, 101, 165, 0.9);
    color: #fff;
    padding: 1.8em 3em 1.8em;
    left: 0;
    right: 0
}

.newsbox-heading h3 {
    font-size: 1.2em;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0.7em;
    line-height: 1.4em
}

.newsbox-heading h3 a {
    color: #fff;
}

.newsbox-heading span {
    font-weight: 500;
    color: #fff;
    display: block
}

.newslist .move-up {
    margin-top: -3em
}

.newslist .newsbox {
    position: relative;
    z-index: 10;
}

.newslist .newsbox img {
    width: 100%;
}

.twitbox-shape {
    position: relative
}

.twitbox-shape:before {
    content: '';
    background: url(../images/twitter-bg-shape.png) right bottom no-repeat;
    position: absolute;
    right: 0;
    bottom: 0%;
    width: 40.000em;
    height: 55.000em;
    background-size: 100%;
    z-index: 1
}

.newslist .btn-block {
    position: relative;
    z-index: 10
}

.news-detail-banner {
    height: 100%;
    margin: 10.556em 0 10.222em
}

.news-detail-banner {
    float: right
}

.news-detail-banner h2 {
    font-size: 5em;
    font-weight: 500;
    color: #041426;
    margin-bottom: 1em;
    clear: both;
}

.news-detail-banner .banner-caption {
    padding-left: 5.778em;
    max-width: 100%;
}

.news-detail-banner .back-btn {
    position: relative;
    float: left;
    margin: 0 0 7.778em;
    display: inline-block;
}

.news-detail-banner .back-btn a {
    font-weight: 400
}

.news-detail-banner .news-date {
    font-weight: 400;
    color: #041426;
    font-size: 1.556em;
    margin-bottom: 4em
}

.news-detail-banner .news-date span {
    display: block
}

.news-detail-banner .banner-caption strong {
    font-weight: 400;
    font-size: 1.556em;
    /*margin-bottom: 3em;*/
    display: block;
    color: #041426;
}

.news-detail-banner .news-des {}

.news-detail-banner .news-des p {
    margin-bottom: 2em;
    font-size: 1.111em;
    line-height: 2em
}

.news-detail-banner .project-detail-shape {
    top: 0%;
    left: inherit;
    right: 5%;
    top: 0;
    width: 1000px;
    height: 1000px;
    background: url(../images/news-detail-shape.png) center bottom no-repeat;
    border-radius: 50%
}

.news-detail-banner .news-left-banner {}

.news-detail-banner .news-left-banner.fixed-img {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.news-detail-banner .news-left-banner.fixed-img .news-banner-inner {
    position: fixed;
    top: 0;
    margin-left: 17px;
}

.news-detail-banner .banner-caption {
    min-height: 100vh;
    padding-right: 4em;
}

.news-left-banner.update-img {
    position: absolute;
    bottom: 0;
}

.news-thumb-banner {
    position: relative;
    text-align: center
}

.news-thumb-banner:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(4, 20, 38, 0.1);
    z-index: 10
}

.news-slider {
    min-height: 100%;
    border-bottom: solid 1px #ced3d9;
    background: #fff;
    position: relative;
    z-index: 1
}

.news-slider-bg {
    background: #0165a5
}

.news-slider-bg .item {
    color: #fff
}

.news-caption {
    padding: 0 5.778em
}

.news-caption h2 {
    font-size: 1.667em;
    margin-bottom: 4.444em;
    font-weight: 500
}

.news-caption h2 a {
    color: #fff
}

.news-caption strong {
    display: block;
    font-weight: 500
}

.news-slider .vertical-heading {
    background: #0165a5;
    left: 0;
    position: absolute;
}

.news-slider .vertical-heading h2 {
    margin-bottom: 3.889em
}

#news-slider {
    padding-left: 7.4em
}

.news-slider-bg .vertical-middle {
    height: 100%
}

.news-slider-bg .owl-carousel {
    position: static
}

.news-slider-bg .owl-stage-outer {
    position: static
}

#news-slider .owl-nav {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 3.5em;
    margin: auto
}

#news-slider .owl-nav span {
    display: none
}

#news-slider .owl-nav:hover {
    background: #041426
}

#news-slider .owl-nav button.owl-prev {
    background: url(../images/arrow-prev.svg) left top no-repeat;
    width: 12px;
    height: 16px;
    background-size: 12px;
    margin: 0 10px;
}

#news-slider .owl-nav button.owl-next {
    background: url(../images/arrow-next.svg) right top no-repeat;
    width: 12px;
    height: 16px;
    background-size: 12px;
    margin: 0 10px;
}

#news-slider .owl-nav:hover button.owl-prev {
    background: url(../images/arrow-prev-white.svg) left top no-repeat;
    width: 12px;
    height: 16px;
    background-size: 12px;
    margin: 0 10px;
    font-size: 0
}

#news-slider .owl-nav:hover button.owl-next {
    background: url(../images/arrow-next-white.svg) right top no-repeat;
    width: 12px;
    height: 16px;
    background-size: 12px;
    margin: 0 10px;
    font-size: 0
}

.go-newsdetail {
    display: none
}

.newsbox-heading:hover .go-newsdetail {
    display: block;
    position: absolute;
    right: 3em;
    bottom: 2.5em
}

.contact-banner {
    background: #0164a5
}

.contact-detail-section {
    max-width: 100%;
    margin: auto;
    padding: 8% 8%
}

.contactpage-roundcircle {
    position: absolute;
    right: -5%;
    bottom: -40%;
    width: 50em;
    height: 50em;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%
}

.contact-banner h2 {
    font-size: 5em
}

.contact-banner h3 {
    font-size: 5em
}

.contact-address {
    color: #fff;
    position: relative;
    left: 8%;
    width: 50%
}

.contact-address a {
    color: #fff
}

.contact-address .phone-detail h3 {
    text-transform: none;
    margin: 25px 0 15px;
    font-weight: 500;
    font-size: 2em
}

.contact-address .email-detail h3 {
    text-transform: none;
    margin: 25px 0 15px;
    font-weight: 500;
    font-size: 2em
}

.contact-banner .small-caption {
    margin-bottom: 3em
}
.sub-address > div > div:nth-child(4){ background-color:transparent !important; }
.sub-address > div > div:nth-child(3){ display: none}
.sub-address > div > div:nth-child(2){ display: none}
.gm-style .gm-style-iw{font-size: 22px; font-weight: 500; background: #2c7caf; padding: 10px !important; }
.gm-style .gm-style-iw-d { color: #ffffff !important; font-size: 24px; padding-right: 20px; overflow:visible !important; padding: 10px !important;}
.sub-address { background-color:#0165a5 !important; color: #fff; font-size:18px; text-transform: uppercase;font-family: 'Rubik', sans-serif !important}
.sub-address:after{  width: 0;height: 0; content:'';position: absolute; bottom:-20px; left: 0; right: 0; margin: auto;border-left: 15px solid transparent;
  border-right:15px solid transparent;border-top: 20px solid #0165a5;}
.sub-address .gdm{text-transform: none; font-size:18px; font-weight:normal; margin-top:10px;}
.sub-address button, .main-address button {background: url(../images/close-btn.svg) right top no-repeat !important; width: 30px !important;height: 30px !important;opacity: 1 !important;
  top: 10px !important;right: 10px !important;}
.sub-address button img, .main-address button img{display: none !important}


.main-address > div > div:nth-child(4){ background-color:transparent !important; }
.main-address > div > div:nth-child(3){ display: none}
.main-address > div > div:nth-child(2){ display: none}

.main-address { background-color:#434d7f !important; color: #fff; font-size:28px; text-transform: uppercase; font-weight: 600; font-family: 'Rubik', sans-serif !important}
.main-address:after{  width: 0;height: 0; content:'';position: absolute; bottom:-20px; left: 0; right: 0; margin: auto;border-left: 15px solid transparent;
  border-right:15px solid transparent;border-top: 20px solid #434d7f;}
.main-address .extentia{text-transform: none; font-size:18px; font-weight: 300; margin-top:10px;}
.main-address .gm-style-iw{font-weight: 500; font-size: 20px;}


div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    color: #fff;
    border: solid 1px red;
}

.phone-detail a,
.email-detail a {
    color: #fff;
    font-size: 1.5em
}

.join-team-strip {
    padding: 0em 0% 2em 6%;
    float: left;
    width: 100%;
    background: #0165a5
}

.join-team-strip span {
    margin-top: 2.5em;
    display: inline-block
}

.join-team-strip a {
    display: inline-block;
    border: solid 2px #fff;
    margin-top: 2em;
    color: #041426;
    width: 100%;
    max-width: 300px;
    font-size: 1em;
    background: #fff
}

.join-team-strip a span {
    display: inline-block
}

.join-team-strip a:hover {
    background: #fff;
    color: #0164a5
}

.join-team-strip a svg path {
    fill: #041426
}

.join-team-strip a:hover svg path {
    fill: #0164a5
}

.map-area {
    padding: 0em 0% 0em 6%;
    background: #0165A5;
    min-height: 100%
}

.map-area a {
    color: #fff
}

.offices-list {
    padding: 2em 1em 2em 0
}

.offices-list h2 {
    font-size: 1.429em;
    color: #fff;
    margin: 1.5em 1em 0em 0.5em;
    padding-bottom: 1.3em;
    text-transform: none;
    font-weight: 500;
    font-size: 2em
}

.offices-list h4 {
    font-size: 1.5em;
    color: #fff;
    font-weight: 500;
}

.offices-list p {
    margin-bottom: 1em
}

.contact-listaddress {
    margin-bottom: 2em;
    padding:1em 2em 1em 1em;
    color: #fff
}

.contact-listaddress:hover, .contact-listaddress.active-address{background:#2c7caf}

.contact-form {
    margin: 0;
    padding: 8%;
    background: #041426
}

.contact-form h2 {
    margin-bottom: 0.9em;
    font-size: 3em;
    color: #fff;
    font-weight: 500
}

.contact-form input {
    background: none;
    border: solid 1px #afb2b5;
    padding: 0.7em 1em;
    color: #68727d;
    font-size: 1.179em;
    margin-bottom: 1em;
    border-radius: 0
}

.contact-form textarea:focus {
  color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.contact-form input.error {
    border: solid 1px #e62626
}

.contact-form .recaptcha-contact {
  text-align: right;
  width: 100%;
  clear: both;
}

.contact-form .form-group .g-recaptcha {
  display: inline-block;
}

.wpcf7-form input[type="submit"] {
    border: none;
    float: right;
    font-weight: 500;
    font-size: 1.5em;
    margin-top:0;
		background:#fff;
	  color: #041426;
}

_:-ms-fullscreen, :root .wpcf7-form input[type='submit'] {margin-top:0px;}
_:-ms-fullscreen, :root .join-team-strip .block-btn svg {float:none; margin-left:15px;}
_:-ms-fullscreen, :root .extenia-group .block-btn svg {float:none; margin-left:35px;}



.wpcf7-form input[type="submit"]:hover {
    border: solid 2px #fff;
    background: none;
    color: #fff;
    background: #041426;
  }

.wpcf7-form input[type="submit"] svg {
    margin-left: 2em
}

.wpcf7-form textarea {
    background: none;
    border: solid 1px #afb2b5;
    padding: 0.5em 0.5em;
    color: #68727d;
    font-size: 1.179em;
    margin-bottom: 0;
    border-radius: 0;
    height: 260px;;
	width:100%;
}

.contact-form .checkbox-section label {
    text-transform: none;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 1.5em
}
.wpcf7-form input[type="checkbox"] {
top: 0;
    left: 0;
    width: 100%;
    height:1.429em;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
	position:absolute;
	z-index: 100
}
.wpcf7-form input[type="checkbox"]+span {
  position: relative;
  cursor: pointer;
  padding: 0;
	color:#fff
}
.wpcf7-form input[type="checkbox"]+span:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align:top;
  width: 1.857em;
  height: 1.857em;
  background:none;
	 border: solid 1px #afb2b5;
}
.wpcf7-form input[type="checkbox"]+span:before {
  box-shadow: none;
  background:none;
}
.wpcf7-form input[type="checkbox"]:checked+span:after {
  content: '';
  position: absolute;
  left:0.4em;
  top: 0.4em;
  background:url(../images/icon-right.svg) left top no-repeat;;
width:1.250em;
height: 1.250em;
background-size: 100%;

}
.wpcf7-form.sent{display: none}
div.wpcf7 .screen-reader-response[role="alert"]{ display: none}
.custom_success_message{ height: auto; color:#fff; font-weight: 600; width: auto; text-align: left; display: block; position: relative; font-size: 25px;}
span.wpcf7-list-item{ position: relative}
span.wpcf7-list-item{margin:0 3em 0 0}

.join-team-strip {
    background: #d6d6d6
}

.join-team-strip {
    font-size: 1.3em;
    font-weight: 500;
    color: #041426;
    padding: 0em 6% 2em 6%
}

.wpcf7-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

.wpcf7-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
}

.wpcf7-checkbox+label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 1.857em;
    height: 1.857em;
    background: none;
    border: solid 1px #afb2b5;
}

.wpcf7-checkbox:disabled+label:before {
    box-shadow: none;
    background: none;
    border: solid 1px #afb2b5;
}

.wpcf7-checkbox:checked+label:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 0.500em;
    background: url(../images/icon-right.svg) left top no-repeat;
    width: 1.300em;
    height: 1.300em;
    background-size: 100%;
}

.boxscroll {
    padding: 0px;
    height: 60vh;
    width: 100%;
    overflow: auto;
}

.nicescroll-rails-vr .nicescroll-cursors {
    background: #fff !important;
}

.nicescroll-rails {
    background: #2c7bae  !important;
}

@keyframes pace-stripe-animation {
    from {
        background-position-y: 0;
    }
    to {
        background-position-y: 100%;
    }
}

.blue-strip {
    float: left;
    width: 100%;
    background: #f1f7f9;
    padding: 40px;
}

.blue-strip span {
    line-height: 2.679em
}

.gettouch-slider {
    display: block;
    float: left;
    width: 100%;
    padding: 5em
}

.gettouch-slider .owl-carousel .owl-item img {
    width: auto
}

.gettouch-slider .owl-carousel .owl-item .item {
    text-align: center
}

.gettouch-slider .owl-carousel .owl-item span {
    display: block;
}

.gettouch-slider .owl-carousel .owl-item a {
    display: inline-block;
    margin: 3em 0;
    border: solid 2px #0164a5;
    color: #0164a5;
    width: 100%;
    max-width: 300px;
    text-align: left
}

.gettouch-slider .owl-carousel .owl-item a span {
    display: inline-block
}

.gettouch-slider .owl-carousel .owl-item a:hover {
    background: #0164a5;
    color: #fff
}

.gettouch-slider .owl-carousel .owl-item a svg path {
    fill: #0164a5
}

.gettouch-slider .owl-carousel .owl-item a:hover svg path {
    fill: #fff
}

.gettouch-slider .owl-dots {
    text-align: center
}

.gettouch-slider .owl-dots button {
    display: inline-block;
    margin: 0 5px;
}

.gettouch-slider .owl-dots button.active span {
    background: #d6d6d6;
}

.gettouch-slider .owl-dots button span {
    background: #f2f2f2;
    border-radius: 50%;
    display: block;
    width: 15px;
    height: 15px;
}

.page-template-contact_template .about-banner {
    position: relative;
    overflow: hidden
}

.about-banner .small-caption p {
    margin: 0
}

.data_loading {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
    height: 100%;
}

.data_loading img {
    position: absolute;
    z-index: 9999999;
    width: 180px;
    height: 180px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.notfound-banner {
    background: #636569 !important;
    min-height: 90vh;
    position: relative;
}

.button-at-bottom {
    position: absolute;
    right: 153px;
    bottom: -16px;
}

.button-at-bottom .block-btn span {
    position: relative;
    padding-right: 27px;
}

.notfound-banner .big-caption {
    padding-top: 60px;
}

.error404 .site-content {
    background: #636569 !important;
}

.map-heading {
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    padding: 20px 30px;
    font-size: 0.8em;
}

.map-heading span {
    margin-right: 15px;
}

.map-heading img {
    width: 20px;
    height: auto
}

/*--Google-Map-Css-START--*/

.other_info_p>div>div:nth-child(4) {
    background: #434d7f !important;
}

.main_info_p>div>div:nth-child(4) {
    background: #0165a5 !important;
}

.other_info,
.main_info {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-family: Rubik, sans-serif;
}

.other_info_p>button,
.main_info_p>button {
    position: relative;
}

.other_info_p>button::before,
.main_info_p>button::before {
    content: "×";
    color: white;
    position: absolute;
    top: 0px;
    right: 13px;
    font-size: 26px;
}

.other_info_p>div>div:nth-child(3)>div>div {
    background-color:#434d7f !important;
}

.main_info_p>div>div:nth-child(3)>div>div {
    background-color: #0165a5 !important;
}

/*==================== footer logo section =============*/

.grayscale{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}


.web-logo-section{ display: flex !important; width:100%;padding-top:20px; text-align: center;align-items: center;justify-content: center}
.web-logo-section .web-logo{padding:0 10px; width:10%}
.web-logo-section .web-logo img{max-height:50px;}
/*--Google-Map-Css-END--*/

.footer-top .show-mobile a{color:#fff}
.footer-top .show-mobile a svg path{fill:#fff}
.show-mobile{ display: none}


/*--top-headerbar--*/
#loader {z-index: 99;}
.notification{ position:relative; z-index:9;font-size:24px; padding:15px 0;}

.notification img{ height:30px;}
.notification b{ font-weight:800;}
.notification.blue-bg{background:#302e64 !important;color:#384277}
.blue-bg a{color:#384277}
.gray-bg{background:#e5e9ee;padding:10px 0;color:#302e64}
.gray-bg a{color:#302e64}
.notification img{margin-top: -6px;}
.scroll-body .notification{display:none}
.notification + .wrapper
 .logo {
    top: 60px;
}

.notification + .wrapper .button_container {
    top: 5.556em;
}


.static-content{ padding-bottom:50px;}
.static-content table{ width:100%;}
.static-content table tr td{border:1px solid #ccc; padding:10px 15px !important; }

.static-content  a{color:#fff; text-decoration:underline;}
.static-content p a{color:#fff; text-decoration:underline;}

 .static-content p strong, .static-content p strong span{   color: #fff !important; font-weight:bold;font-family: 'Rubik', sans-serif !important; }
	.footer-toggle .menu-footer-third-menu-container{ display: block }

.join-team-strip a svg{margin-top:0.8em}
.blue-logo{display:none}


@media(min-width:1024px) and (max-width:1600px){
    .notification img{ height:25px;}
.notification{padding:9px 0;}


}


/*--top-headerbar- ends-*/
.home-slider .arrow_down{ position:absolute; left:0; right:0; bottom:200px; margin:auto; z-index:1; width:100px; text-align:center;}
.home-slider .arrow_down img { width:50px; }
.home-slider .bounce{ -webkit-animation-name:bounce; -moz-animation-name:bounce; -o-animation-name:bounce; animation-name:bounce;}
.home-slider .animated-arrow{ -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-iteration-count:infinite;-moz-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; animation-fill-mode:both; -webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s; animation-duration:3s;}
/*.page-template-corporate_template .corporate-block-section img{max-height: 800px;object-fit: cover;}*/


@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}


/* RESOURCES TEMPLATE */

.resource-section{
    margin-top: 4em;
    margin-bottom:7rem;
}

.resource-section .resource-download {
    margin: 2em 0;
}

.resource-section .icon{
    max-width:150px;
    float:left;
    margin-right:40px;
    margin-bottom:30px;
}
.resource-section .download a.cta_button{ /* Hubspot */
    font-size: 1.3125rem !important;
    padding: 15px 30px !important;
    height:auto !important;
    min-width:200px !important;
    line-height:55px !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
}

.resource-section .download a.cta_button span{
    font-family:'mont' !important;
}

.resource-section p{
    font-size: 18px;
    margin-bottom: 15px;
    font-family: 'Mont';
    margin: 0 auto;
}
.resource-download .title{
    text-transform: uppercase;
    margin: 25px 0 30px;
    font-weight: 900;
    font-size: 1.75rem;
    color: #0c5fa3;
    padding-bottom: 26px;
}
.resource-download .title:after{
    bottom:0px;
    margin:unset;
}

/* RESOURCES TEMPLATE END */

/* Accordion Fix */

.accordion .card .row .text-right > a {
    z-index: 999999;
}




.project-title-holder{
    width: 100%;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 150px;position: relative;
}
.project-title-holder.left-holder{
    justify-content: flex-start;
    padding-right: 10px;
    padding-left: 20px;
}
.project-title-holder h2{
    color: #fff;
}
@media only screen and (max-width: 1023px){
    .project-title-holder{
        width: 100%;
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-right: 150px;
        position: relative;
        margin-bottom: 70px;
        padding-left: 10px;
    }
    .project-title-holder.left-holder{
        justify-content: flex-end;
        padding-right: 140px;
    }
    .project-title-holder h2{
        font-size: 28px;
    }
}
@media only screen and (max-width: 640px){
    .project-title-holder{
        width: calc(100%);
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-right: 10px;
        position: relative;
        margin-bottom: 40px;
        padding-left: 10px;
    }
    .project-title-holder.left-holder{
        justify-content: flex-start;
        padding-right: 10px;
        padding-left: 10px;
    }
    .project-title-holder h2{
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px){
    body.page-id-1864 section{
        min-height: 100%!important;
    }
    body.page-id-1864 section .col-lg-50 > div{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    body.page-id-1864 section .col-lg-50 > div.news-des{
        padding-top: 0;
        padding-bottom: 0;
    }
    body.page-id-1864 section .col-lg-50 > img{
        height: 100%!important;
        width: 100%;
        object-fit: cover;
    }
}

@media only screen and (max-width: 840px){
    body.page-id-1864 .small-caption img {
        max-width: 100%;
        height: auto;
    }
}


/*video banner*/


   .videoHolder {
       display: block;
       position: relative;
       height: 100vh;
       width: 100vw;
       overflow: hidden;
   }
.videoHolder:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(16, 25, 37, 0.4);
    z-index: 1;
}
.videoHolder iframe{
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.videoHolder .arrow_down img {
    width: 50px;
}
.videoHolder .arrow_down {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 200px;
    margin: auto;
    z-index: 1;
    width: 100px;
    text-align: center;
}
@media only screen and (min-width: 768px){
    .videoHolder .arrow_down {
        position: absolute;
        left: -100px;
        right: 0;
        bottom: 200px;
        margin: auto;
        z-index: 1;
        width: 100px;
        text-align: center;
    }
}
.videoHolder .bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}
.videoHolder .animated-arrow {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-fill-mode: both;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
}

/*services page*/

@media screen and (max-width: 767px) {
    .servcies-pagebanner {
        padding-top: 7em;
    }
}

@media screen and (max-width: 767px) {
    .services-list .row > div {
        width: 100%!important;
        max-width: 100%!important;
        flex: 100%!important;
        min-height: 300px;
    }
}