@charset "utf-8"; 
/* CSS Document */

*:focus { outline:0 }
::-webkit-input-placeholder { color:#000 }
:-ms-input-placeholder { color:#000 }
::-moz-placeholder { color:#000; opacity:1 }
:-moz-placeholder { color:#000; opacity:1 }

body#PrpjectsBG {
    /*overflow: hidden;*/
    background: #606060;
}




#HomeContact ::-webkit-input-placeholder { color:#fff }
#HomeContact :-ms-input-placeholder { color:#fff }
#HomeContact ::-moz-placeholder { color:#fff; opacity:1 }
#HomeContact :-moz-placeholder { color:#fff; opacity:1 }


textarea:focus,input:focus { outline:0 }
.font-Gilda { font-family:'Gilda Display',serif }
.font-Roboto { font-family:'Roboto',serif }
.font-Raleway { font-family:'Raleway',serif }
.numberFont  { font-family:'Roboto',serif }
h1,h2,h3,h4,h5 { font-family:'Raleway',serif }
.loader { position:fixed; top:50%; left:50%; width:1920px; height:1920px; border-radius:100%; border:50vh solid #000; background:#f5ca00; z-index:999999; transform:translate(-50%,-50%) scale(2.5) }
.text-white{color: #fff;}
body { font-family:'Raleway',sans-serif; color:#000; font-size:16px; line-height: 1.7;}
header {position:fixed;top: 5%;left: 0;/* width:90%; */padding:0px;z-index:99999;background:#fff;opacity:1;}
header .container-fluid { padding:0 }.navbar { border-radius:0; margin-bottom:0 }
.navbar-brand { height:auto; background:#fff; margin:0!important; padding:10px }
.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover { height:auto; background:#fff; margin:0!important }
.navbar-inverse { background-color:transparent; border-color:transparent; border:0 }
.navbar-inverse .navbar-nav>li>a { line-height:55px; color:#dcb117; text-transform:uppercase; font-weight:600; letter-spacing:1px }
input#navcheck { position:fixed; opacity:0 }
label { position:absolute; margin:0; padding:0; border:0; outline:0; background:0; cursor:pointer }
label::before { position:fixed; z-index:1; top:0; left:0; right:0; bottom:0; content:''; opacity:0; pointer-events:none; transition:opacity .5s cubic-bezier(0.19,1,0.22,1) }

label .burger 
	{
		background: #ecc837;
		background-image: -moz-linear-gradient( 0deg, rgb(236,200,55) 0%, rgb(251,220,94) 5%, rgb(236,200,55) 5%);
		background-image: -webkit-linear-gradient( 0deg, rgb(236,200,55) 0%, rgb(251,220,94) 5%, rgb(236,200,55) 5%);
		background-image: -ms-linear-gradient( 0deg, rgb(236,200,55) 0%, rgb(251,220,94) 5%, rgb(236,200,55) 5%);
		position:fixed;
		top: 5%;
		/*left: 13.5em;*/
		right: 0;
		z-index:100;
		width: 5em;
		height: 5em;
		padding: 10px;
		margin:0;
		/*transition:opacity .5s cubic-bezier(0.19,1,0.22,1);*/
		transition: all 500ms ease-in-out;
	}
label .burger::before,label .burger .bar,label .burger::after {position:absolute;left:0;right: 0;margin: 0px auto;display:block;width: 51%;height: 2px;background:#000;content:'';transition:all .5s cubic-bezier(0.19,1,0.22,1);}
label .burger .bar {top: 60%;}
label .burger::before {top: 37px;transform-origin:top left;}
label .burger::after {bottom: 18px;transform-origin:bottom left;}

input:focus+label .burger,label:hover .burger { opacity: 1; background: #f4d34d; transition: all 300ms ease-in-out;}
nav#menu { position:fixed; top:0; left:7%; bottom:0; z-index:2; display:table; width:86%; transform:translate3d(0,0,0); transform:translateY(-100%); will-change:transform; transition:transform .5s cubic-bezier(0.19,1,0.22,1) }
nav#menu::before { position:absolute; top:0; bottom:0; left:0; z-index:-1; width:25em; background:rgba(44,44,44,.9); content:''; transform:skewX(15deg) translateY(-100%); transform-origin:bottom left; will-change:transform; transition:transform .5s cubic-bezier(0.19,1,0.22,1) }
@media(min-width:40em)
 { 
	nav#menu::before { width:120vw }
 }

nav#menu a { /*width:14%;*/ margin:.5em 0; padding:.2em 1em; border-left:1px solid #000; font-size:1.5em; color:white; text-decoration:none; vertical-align:middle; font-weight:500; display:table-cell; height:100vh; text-align:center; transform:translateY(-100%); transition:color .15s,background-color 300ms ease-in-out,transform .5s; transition-timing-function:cubic-bezier(0.19,1,0.22,1) }
nav#menu a:hover { background:rgba(0,0,0,0.5); color:#dbb31e!important; transition:all 300ms ease-in-out }
nav#menu a:nth-child(1) { border:0; transition-delay:0s,100ms }
nav#menu a:nth-child(2) { transition-delay:.1s,150ms }
nav#menu a:nth-child(3) { transition-delay:.2s,200ms }
nav#menu a:nth-child(4) { transition-delay:.3s,250ms }
nav#menu a:nth-child(5) { transition-delay:.4s,300ms }
nav#menu a:nth-child(6) { transition-delay:.5s,350ms }
nav#menu a:nth-child(7) { transition-delay:.6s,400ms }
nav#menu a:hover,nav#menu a:focus { color:black }
main { overflow:hidden }
main .content { transform:translate3d(0,0,0); will-change:transform,filter; transition:all .5s cubic-bezier(0.19,1,0.22,1) }
[id="navcheck"]:checked+label::before { opacity:1; pointer-events:auto }
[id="navcheck"]:checked+label .burger::before,[id="navcheck"]:checked+label .burger::after {width: 46%;margin: 0px auto 0px 28px;}
[id="navcheck"]:checked+label .burger::before { transform:rotate(45deg) translateY(-50%) }
[id="navcheck"]:checked+label .burger::after { transform:rotate(-45deg) translateY(50%) }
[id="navcheck"]:checked+label .burger .bar { transform:scale(0.1) }
[id="navcheck"]:checked ~ nav#menu { transform:translateY(0) }
[id="navcheck"]:checked ~ nav#menu::before { transform:skewX(15deg) translate(-10vw,0vw) }
[id="navcheck"]:checked ~ nav#menu a { transform:translateY(0) }[id="navcheck"]:checked ~ main .content { transform:translateY(3em); transform-origin:left center; -webkit-filter:blur(2px); filter:blur(2px) }
.visuallyhidden {border:0;/* clip:rect(0 0 0 0); */height: auto;margin: auto;/* overflow:hidden; */padding:0;position:absolute;top: -32px;left: -1px;width: auto;font-size: 12px;letter-spacing: 2px;text-transform: uppercase;}
body { overflow-x:hidden }
main { background:#3498db; padding:5% 0 }
article { width:80%; margin:0 auto; font-size:1.3em }
@media(min-width:60em) { 
	article { width:50% }
 }


/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {box-sizing: border-box; }
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body::before {	/* never visible - this is used in jQuery to check the current MQ */	content: 'mobile';	display: none; }

@media only screen and (min-width: 1050px) {
	body::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop';	}
} 

/* -------------------------------- 

Main Components 

-------------------------------- */
@media only screen and (min-width: 1050px) {
body[data-hijacking="on"] { overflow: hidden; }
}
.cd-section { height: 100%;width: 100vw; }
.cd-section .content-wrp{ height: 100vh;width: 100vw;display: table-cell;vertical-align: middle; } 
/*.cd-section:first-of-type > div::before { content: 'Effects not visible on mobile!'; position: absolute;width: 100%;text-align: center;top: 20px;z-index: 2;font-weight: bold;font-size: 1.3rem;text-transform: uppercase;color: #6a7083; }*/

.cd-section:first-of-type > div { background-color: #ffffff; }
.cd-section:nth-of-type(2) > div { background-color: #011730; }
.cd-section:nth-of-type(3) > div {background-color: #ffffff;}
.cd-section:nth-of-type(4) > div { background-color: #fcb052; }
.cd-section:nth-of-type(5) > div { background-color: #f06a59; }

[data-animation="fixed"] .cd-section , 
[data-animation="opacity"] .cd-section  { background-position: center center;background-repeat: no-repeat;background-size: cover; }


@media only screen and (min-width: 1050px) {
.cd-section h2 { font-size: 4rem; font-weight: 300; }
[data-hijacking="on"] .cd-section {	opacity: 0;	visibility: hidden;	/*position: absolute; top: 0; left: 0; width: 100%;*/ }
[data-hijacking="on"] .cd-section  { visibility: visible; }
[data-hijacking="off"] .cd-section  { opacity: 0; }
[data-animation="rotate"] .cd-section {	-webkit-perspective: 1800px; -moz-perspective: 1800px; perspective: 1800px; }
[data-hijacking="on"][data-animation="rotate"] .cd-section:not(:first-of-type) { -webkit-perspective-origin: center 0; -moz-perspective-origin: center 0; perspective-origin: center 0; }
[data-animation="scaleDown"] .cd-section , 
[data-animation="gallery"] .cd-section , 
[data-animation="catch"] .cd-section  {	box-shadow: 0 0 0 rgba(25, 30, 46, 0.4); }
[data-animation="opacity"] .cd-section.visible  { z-index: 1; }
}

@media only screen and (min-width: 1050px) {
.cd-section:first-of-type > div::before {
	display: none;
}
}

@media only screen and (min-width: 1050px) {
.cd-section  { 
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
 
}
[data-hijacking="on"] .cd-section  { /*position: absolute;*/ }
[data-animation="rotate"] .cd-section  {
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
}
}
.cd-vertical-nav {
	/* lateral navigation */
	position: fixed;
	z-index: 10;
	right: 2%;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: none;
	list-style-type: none;
}
.cd-vertical-nav a {
	display: block;
	height: 40px;
	width: 40px;
	/* image replace */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/cd-icon-arrow.svg) rgba(0, 0, 0, 0.50) no-repeat center center;
}
.cd-vertical-nav a.cd-prev {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-bottom: 10px;
}
.cd-vertical-nav a.inactive {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
	-moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
	transition: opacity 0.2s 0s, visibility 0s 0.2s;
}

@media only screen and (min-width: 1050px) {
.cd-vertical-nav {
	display: block;
}
}


/*----hmbg-01----*/

.hmbg-01 { /*background: url(../img/homeBG/hmbg-01.jpg) #333333 no-repeat center center ; background-size: cover;*/ position: relative; }
.hmbg-01  h1 { font-size: 10vh; color: #fff; font-weight: bold; }
.hmbg-01  p { font-size: 18px; color: #fff; font-weight: 400; letter-spacing: 1px; }

/*---hmbg-02---*/
.hmbg-02 { background: url(../img/homeBG/hmbg-02.jpg) no-repeat center center; background-size: cover; position: relative; }
/*.hbtxt-02{position: absolute;right: 0;bottom: 0;transform: translate(-25%,25%);}*/
/*.hbtxt-02{position: absolute;right: 0;top:0;transform: translate(-25%,25%);}*/
.hbtxt-02{position: absolute;right: 0;top:0;transform: translate(-25%,25%);}
.HomeVideo { position: relative; display: block; overflow: hidden; opacity: 1; transform: translateY(30%); transition: all 1000ms ease-in-out 500ms;}
.HomeVideo:after { content: ""; position: absolute; left:50%; top: 50%; z-index: 1; width:16vh; height: 16vh; border-radius: 100%; background: url(../img/homeBG/play-button.png) rgba(0, 0, 0, 0.45) no-repeat center center;background-size: cover; transform: translate(-50%,-50%);}
.HomeVideo:before { content: ""; position: absolute; left:50%; top: 50%; width:15vh; height: 15vh; z-index: 1; background: rgba(0,0,0,1);transform: translate(-50%,-50%); border-radius: 100%; opacity: 1;transition: all 300ms ease-in-out; }
.HomeVideo:hover:before { opacity: .5; width: 150vh; height: 150vh; transition: all 300ms ease-in-out; }
#HomeVideo.visible a.HomeVideo { opacity: 1; transform: translateY(0%); transition: all 1000ms ease-in-out 500ms; }

/*---hmbg-03---*/
.hmbg-03 { background: #ffffff; /*background: url(../img/homeBG/hmbg-03.jpg) no-repeat center center; background-size: cover;*/ }
.height-100vh { height: 100vh; }
.hbtxt-03 {position: absolute;left: 0;bottom: 0;min-height: 440px !important;transform: translate(0%,0%);background: rgb(255, 255, 255) !important;}
.content-wrp.hmbg-03:after {content: "";position: absolute;top: 0;left: 0;width: 38vw;height: 100%;background: rgb(236, 200, 55);}

a.btn-Services {background: #0b4180;color: #fff;width: 100%;float: left;margin-bottom: 30px;transform: scale(1);text-decoration: none !important;transition: all 1s ease-in-out 1700ms;}
a.btn-Services .ServiceTxt {/* padding: 43px 20px 42px 20px; */height: 120px;font-size: 17px;/* color: black; */display: table-cell;vertical-align: middle;float: none;}
a.btn-Services .ServiceImg {padding: 0px;border: 1px solid #0b4180;}
/*a.btn-Services:hover{ color: #fff; text-decoration: none; }*/
a.btn-Services:hover  .ServiceTxt  {color: #ecc837;}

.cd-section.visible .hmbg-03 a.btn-Services { display: inline-block;transform: scale(1);transition: all 1s ease-in-out 1700ms; }

/*---hmbg-04---*/
.hmbg-04 { background: url(../img/homeBG/hmbg-04.jpg) no-repeat center center; background-size: cover;} 
.hbtxt-04{position: absolute;right: 0;bottom: 0;transform: translate(-8%,25%);}

a.projectsHome { display: inline-block; position: relative; transition: all 300ms ease-in-out; }
a.projectsHome span { position: absolute;bottom: 0;left: 0;z-index: 2;padding: 20px;background: rgba(0, 0, 0, 0.58);min-width: 150px;text-transform: uppercase;font-size: 13px;color: #fff;letter-spacing: 1px;
font-weight: 600; }
a.projectsHome:after { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background: rgba(236, 200, 55, 1); transition: all 300ms ease-in-out; }
a.projectsHome:hover:after {  width: 100%; background: rgba(236, 200, 55, 0.6); transition: all 300ms ease-in-out; }
a.projectsHome:hover span { background: #000; color: rgba(236, 200, 55, 1); transition: all 300ms ease-in-out; }

/*---hmbg-05---*/
.hmbg-05 { background: url(../img/homeBG/hmbg-05.jpg) no-repeat center center; background-size: cover;} 
.hbtxt-05 {background: none !important;/* background: rgb(255, 255, 255) !important; */color: #000 !important;}
.hmbg-05:after{content:"";position: absolute;left: 0;top: 0;width: 38%;height: 100%;background: rgba(245, 212, 79, 0.9);}

/*---hmbg-06---*/
.hmbg-06 { background: url(../img/homeBG/hmbg-06.jpg) no-repeat center center; background-size: cover;} 
.hbtxt-06{position: absolute;left: 0;bottom: 0;transform: translate(-8%,25%);}
.contactForm { position: absolute; left: 0; top: 0; height: 100%; background: rgba(0,0,0,0.90); z-index: 1 }
input.homeInput { color: #fcdf40; background: none;border: none;border-bottom: 2px solid #fff;width: 100%;margin: 15px auto; padding: 10px 0px; }
textarea.homeInput { color: #fcdf40; background: none;border: none;border-bottom: 2px solid #fff;width: 100%;margin: 15px auto;  padding: 10px 0px; }
input.Btn-submit { padding: 15px;width: 100%;background: #fcdf40;border: #fcdf40;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;  transition: all 500ms ease-in-out; }
input.Btn-submit:hover { padding: 15px;width: 100%;background: #fff;border: #fcdf40;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;  transition: all 500ms ease-in-out; }


/*---hmbg-07---*/
.hmbg-07 { background: url(../img/homeBG/hmbg-07.jpg) #f3f3f3 no-repeat center center; background-size: cover; } 
.hbtxt-07 {background: rgb(236, 200, 55) !important;color: #000 !important;}
.hmbg-07:after { content: ""; position: absolute; top: 0; left: 0; width: 100%;height: 100%; background: rgba(255, 255, 255, 0.89); z-index: -5; }
ul.clientList { margin: 0px;padding: 0px;list-style-type: none; }
ul.clientList li { display: inline-block;opacity: 0; transform: scale(.8);transition: all 1s ease-in-out 1700ms; }
.cd-section.visible .hmbg-07 ul.clientList li img {margin: 0px auto;/* border: 10px solid #fff; */margin: 1px;}
.cd-section.visible .hmbg-07 ul.clientList li {display: block;/* background: #fff; *//* border: 3px solid #f3f3f3; */padding: 0px 5px 10px 5px;opacity: 1;transform: scale(1);transition: all 1s ease-in-out 1700ms;}
#HomeContact.cd-section footer#homefooter{border: none !important;background: none !important;opacity: 0;transition:all 500ms ease-in-out;}
#HomeContact.cd-section.visible footer#homefooter{ opacity: 1; transition:all 500ms ease-in-out 1s; }
footer#homefooter { position: absolute;bottom: 0;width: 100%;font-size: 12px; }
footer#homefooter .subfooter { background: none; border: none; }

/*---hmbg-08---*/
.hmbg-08 { background: #ffffff; /*background: url(../img/homeBG/hmbg-08.jpg) #f3f3f3 no-repeat center center; background-size: cover;*/ } 
.hbtxt-08 {background: rgb(249, 218, 89) !important;color: #000 !important;}
.content-wrp.hmbg-08:before { content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.3); }
ul.CapabilitesList { margin: 0px;padding: 0px;list-style-type: none; }
ul.CapabilitesList li { display: inline-block;opacity: 0; transform: scale(.8);transition: all 1s ease-in-out 1700ms; }
.cd-section.visible ul.CapabilitesList li { display: inline-block;opacity: 1;transform: scale(.7);transition: all 1s ease-in-out 1700ms; }



.cd-section { transform: scale(.9);transition: all 200ms ease-in-out .5s; }
.cd-section.visible { z-index: 3 !important;transform: scale(.9);transition: all 1s ease-in-out 500ms; }
   
.cd-section.visible .bannerTxt { opacity: 1; margin-right: 0%; transition: all 200ms ease-in-out 1500ms; }
.cd-section.visible .bannerTxt h4 {  opacity: 1; transform: translateY(0%); transition: all 200ms ease-in-out 1700ms; }
.cd-section.visible .bannerTxt .separator-50 {  opacity: 1; transform: translateY(0%); transition: all 200ms ease-in-out 2000ms; }
.cd-section.visible .bannerTxt h1 { opacity: 1; transform: translateY(0%); transition: all 500ms ease-in-out 2300ms; }
.cd-section.visible .bannerTxt p  {  opacity: 1; transform: translateY(0%);  transition: all 200ms ease-in-out 2400ms; }
.cd-section.visible .bannerTxt .btn-Knowmore  {  opacity: 1; transform: translateY(0%);  transition: all 200ms ease-in-out 2700ms; } 

.cd-section .project-01{ opacity: 1; transform: translateX(0%); transition: all 200ms ease-in-out 1100ms; }
.cd-section .project-02{ opacity: 1; transform: translateX(0%); transition: all 200ms ease-in-out 1200ms; }
.cd-section .project-03{ opacity: 1; transform: translateX(0%); transition: all 200ms ease-in-out 1300ms; }
.cd-section .project-04{ opacity: 1; transform: translateX(0%); transition: all 200ms ease-in-out 1400ms; }

.cd-section.visible .project-01{ opacity: 1; transform: translateX(0%); transition: all 200ms ease-in-out 1100ms; }
.cd-section.visible .project-02{ opacity: 1; transform: translateX(0%); transition: all 200ms ease-in-out 1200ms; }
.cd-section.visible .project-03{ opacity: 1; transform: translateX(0%); transition: all 200ms ease-in-out 1300ms; }
.cd-section.visible .project-04{ opacity: 1; transform: translateX(0%); transition: all 200ms ease-in-out 1400ms; }


.cd-section .contactBG{ opacity: 1; transform: translateX(0%); transition: all 200ms ease-in-out 1500ms; }
.cd-section .contactForm{ opacity: 1;  transition: all 200ms ease-in-out 1500ms; }

.cd-section.visible .contactBG{ opacity: 1; transform: translateX(0%); transition: all 200ms ease-in-out 1500ms; }
.cd-section.visible .contactForm{ opacity: 1; transition: all 200ms ease-in-out 1500ms; }



.bannerTxt {padding: 40px;min-height: 390px;background: #ffffff;color: #000;z-index: 99;opacity: 1;margin-right: -10%;transition: all 200ms ease-in-out 1500ms;}
.bannerTxt h4 { margin-top: 0px; font-size: 16px; letter-spacing: 1px; opacity: 1; transform: translateY(30%); transition: all 200ms ease-in-out 1500ms; }
.bannerTxt .separator-50 { transform: translateY(30%);opacity: 1; transition: all 200ms ease-in-out 700ms; }
.bannerTxt h1 {font-size: 4.2vh;line-height: 1.3;margin-top: 10px;margin-bottom: 20px; opacity: 1; transform: translateY(30%); transition: all 200ms ease-in-out 1900ms; }
.bannerTxt p  { font-weight: normal; margin-top: 0px; opacity: 1; transform: translateY(30%); transition: all 200ms ease-in-out 2100ms; }

.btn-Knowmore {position: relative;border: 1px solid;padding: 0px;border-radius: 0px;margin-bottom: 20px; margin-top: 20px;opacity: 0;transform: translateY(30%);transition: all 200ms ease-in-out 1300ms;box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.1);}
.btn-Knowmore span.btntxt { padding: 10px 20px;font-size: 13px;display: inline-block; line-height: 1;  text-transform: uppercase; font-weight: 600; letter-spacing: 1px;position: relative; z-index: 1;}
.btn-Knowmore span.btnicon { padding: 10px 15px;display: inline-block;position: relative; z-index: 1;}

.btn-Knowmore.Black { border-color: #333333; }
.btn-Knowmore.Black span.btntxt { color: #333333; }
.btn-Knowmore.Black span.btnicon { background: #333333; color: #fff; }
.btn-Knowmore.Black:after { background: #333333; }
.btn-Knowmore.Black:hover .btntxt { color: #fff; transition: all 300ms ease-in-out; }
.btn-Knowmore.Black:hover .btnicon { color: #000; background: #fff; transition: all 300ms ease-in-out; }
 
.btn-Knowmore.White { border-color: #ffffff; }
.btn-Knowmore.White span.btntxt { color: #ffffff; }
.btn-Knowmore.White span.btnicon { background: #ffffff; color: #000; }
.btn-Knowmore.White:after { background: #ffffff; }
.btn-Knowmore.White:hover .btntxt { color: #000; transition: all 300ms ease-in-out; }
.btn-Knowmore.White:hover .btnicon { color: #ffffff; background: #000; transition: all 300ms ease-in-out; }
 
.btn-Knowmore.Yellow { border-color: #fcdf40; }
.btn-Knowmore.Yellow span.btntxt { color: #fcdf40; }
.btn-Knowmore.Yellow span.btnicon { background: #fcdf40; color: #333; }
.btn-Knowmore.Yellow:after { background: #fcdf40; }
.btn-Knowmore.Yellow:hover .btntxt { color: #fff; transition: all 300ms ease-in-out; }
.btn-Knowmore.Yellow:hover .btnicon { color: #fcdf40; background: #fff; transition: all 300ms ease-in-out; }


.btn-Knowmore:after { content: "";position: absolute;right: 0;top: 0;width: 0;height: 100%; transition: all 300ms ease-in-out; }
.btn-Knowmore:hover:after { width: 100%; transition: all 300ms ease-in-out; }
.btn-Knowmore:hover { box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.4); }


.cd-section.visible {  z-index: 3 !important;}

 

/*-----------------arrows------------------*/

.arrows {width: 60px;height: 80px;margin-left: -10px;position: absolute;bottom: 0%;left: 50%;}
svg.arrows { transform: scale(.5); }
.arrows path {stroke: #011631;fill: transparent;stroke-width: 3px;animation: arrow 2s infinite;-webkit-animation: arrow 2s infinite;}

@keyframes arrow
{
	0% {opacity:0}
	40% {opacity:1}
	80% {opacity:0}
	100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
	0% {opacity:0}
	40% {opacity:1}
	80% {opacity:0}
	100% {opacity:0}
}
.arrows path.a1 { animation-delay:-1s;	-webkit-animation-delay:-1s; /* Safari 和 Chrome */ }
.arrows path.a2 { animation-delay:-0.5s;	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */ }
.arrows path.a3 { animation-delay:0s;	-webkit-animation-delay:0s; /* Safari 和 Chrome */ }

/*******************/
/*  Projects Page  */
/*******************/

ul.ProjectsTabList { margin: 0px;padding: 0px;list-style-type: none;column-count: 4;column-gap: 0; }
ul.ProjectsTabList li { display: flex; }
ul.ProjectsTabList li:hover {  }
ul.ProjectsTabList li a { height: 33.3vh; width: 100%; display: inline-block;position: relative;border-right: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);transition: all 500ms ease-in-out; }
ul.ProjectsTabList li a:hover { transition: all 500ms ease-in-out;}
ul.ProjectsTabList li a .ProjectName {position: absolute;bottom: 10%;right: 10%;font-weight: bold;color: #fff;letter-spacing: 1.5px;height: 50px;overflow: hidden;width: 100%;}
 

ul.ProjectsTabList li a .Name, ul.ProjectsTabList li a .NameHover 
{position: absolute;bottom: 10%;right: 3%;font-weight: bold;color: #fff;letter-spacing: 1.5px;height: 32px;overflow: hidden;}
 
ul.ProjectsTabList li a .Name {padding-bottom:0px;padding: 0px 10px;text-shadow: 3px 3px 5px black;transition: all 500ms ease-in-out;}
ul.ProjectsTabList li a .NameHover {padding-top:60px;padding-right: 10px;padding-left: 10px;font-size: 24px;transition: all 500ms ease-in-out;}

ul.ProjectsTabList li a:hover .Name {padding-bottom: 70px;transition: all 500ms ease-in-out;}
ul.ProjectsTabList li a:hover .NameHover {padding-top: 0px;text-shadow: 3px 3px 5px black;transition: all 500ms ease-in-out;}

/*.ProjectsContentWrp{ width: 100vw;height: 100vw;position: absolute;top: 0;left: 0;background: red; }*/
.ProjtabsCont { position: absolute;top: 0;left: 0;width: 100vw;height: 100vh; opacity: 0; transform: scale(1.05);transition: all 800ms ease-in-out; }
.ProjtabsCont.current { opacity: 1; transform: scale(1); transition: all 500ms ease-in-out; }

#ProjectPage-Intro  { background: url(../img/projects/CorporateInteriorFitouts-1.jpg) no-repeat center center; background-size: cover; }
#ProjectPage-1  { background: url(../img/projects/CorporateInteriorFitouts-1.jpg) no-repeat center center; background-size: cover; }
#ProjectPage-2  { background: url(../img/projects/Entertainment.jpg) no-repeat center center; background-size: cover; }
#ProjectPage-3  { background: url(../img/projects/Healthcare.jpg) no-repeat center center; background-size: cover; }
#ProjectPage-4  { background: url(../img/projects/Hospitality-2.jpg) no-repeat center center; background-size: cover; }
#ProjectPage-5  { background: url(../img/projects/Industrial.jpg) no-repeat center center; background-size: cover; }
#ProjectPage-6  { background: url(../img/projects/Insitutional.jpg) no-repeat center center; background-size: cover; }
#ProjectPage-7  { background: url(../img/projects/malls.html) no-repeat center center; background-size: cover; }
#ProjectPage-8  { background: url(../img/projects/be.html) no-repeat center center; background-size: cover; }
#ProjectPage-9  { background: url(../img/projects/ITDataCentres.jpg) no-repeat center center; background-size: cover; }
#ProjectPage-10 { background: url(../img/projects/RetailRecreation.jpg) no-repeat center center; background-size: cover; }
#ProjectPage-11 { background: url(../img/projects/Residential.jpg) no-repeat center center; background-size: cover; }
#ProjectPage-12 { background: url(../img/projects/TurnkeyConstructionProjects.jpg) no-repeat center center; background-size: cover; }



/*******************/
/*  Projects Page  */
/*******************/
div#html5-watermark { display: none !important; }

div#html5-lightbox-overlay {background-color: rgba(6, 6, 6, 0.82) !important;opacity: 1 !important;}
div#html5-elem-data-box { display: none !important; }

div#html5-close { position: fixed !important;top: 0 !important;right: 0 !important;margin: 0px !important; }

.html5-nav-list { background: rgba(0, 0, 0, 0.08) !important;
padding: 8px 10px !important; 
}

div#html5-close { position: fixed !important;top: 0 !important;right: 0 !important;margin: 0px !important;background: #fcdf40 !important;width: 100px !important;height: 100px !important;padding-top: 30px !important; }

div#html5-image {padding: 10px !important;background: black;}

div#html5-next, div#html5-prev { display: block !important; }

/********************************/
/*          Main CSS     */
/********************************/


#first-slider .main-container { padding: 0; }

#first-slider .carousel-indicators { bottom: 0; }
#first-slider .carousel-control.right,
#first-slider .carousel-control.left { background-image: none; }
#first-slider .carousel .item { min-height: 100vh; height: 100%;width:100%; }
.carousel-inner .item .container { display: flex;justify-content: center;align-items: center;position: absolute;bottom: 0;top: 0;left: 0;right: 0; }
#first-slider .carousel-control { width: 8vh;height: 8vh;text-shadow: none;color: #333333;background: rgb(236, 200, 55); }

#first-slider .carousel-indicators li { width: 14px;height: 14px;background-color: rgba(255,255,255,.4);border:none; }
#first-slider .carousel-indicators .active{ width: 16px;height: 16px;background-color: #fff;border:none; }

.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity;transition-property: opacity; }
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {opacity: 0; }

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control {z-index: 2; }

.carousel-control .fa-angle-right, 
.carousel-control .fa-angle-left { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 5;display: inline-block; }
.carousel-control .fa-angle-left{ width: 38px;font-size: 5vh; }
.carousel-control .fa-angle-right{font-size: 5vh; }
.carousel-control { opacity: 1;top: auto;bottom: 2vh !important;filter: alpha(opacity=100);border: 2px solid transparent;transition: all 500ms ease-in-out; }

.carousel-control.left { left: inherit;right: 10.2vh !important;/* bottom: 4vh; */ }
.carousel-control.right { right: 2vh; }
/********************************/
/*       Slides backgrounds     */
/********************************/ 

.carousel-fade .carousel-inner .item.slide { background-size: cover!important; background-position: center center!important; }

.ProjectHeader h1 { font-size: 4.5vh;/*text-transform: uppercase;*/font-weight: bold;color: #06307f;letter-spacing: 4px;padding: 4.5vh;margin: 0px;background: rgba(255, 255, 255, 1);} 
.ProjectHeader { position: fixed;left: 0;bottom: 0;/* background: rgba(255, 255, 255, 1); *//* width: 91%; *//* padding: 4.5vh; */ z-index: 9; }


.carousel-control:focus, .carousel-control:hover { color: #ecc837 !important;text-decoration: none;outline: 0;background: rgba(0, 0, 0, 0) !important;border: 2px solid #ecc837;opacity: 1 !important;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.22);transition: all 500ms ease-in-out; }
/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
      
}
@media screen and (max-width: 640px){
      
}

/********************************/
/*             card             */
/********************************/

#card{ position: fixed; top:0; left: 0; z-index: 0; width:100%; height:3000px; background: #333333;/* background: url(../img/CardBg.png) no-repeat  top center;*/ opacity: 0; z-index: -10;}
/*#card:after{content: ''; position: absolute; top:12%; left: 0; width:100%; height: 90%; background: #f5ca00;}*/
#cardLoader{ position: fixed; top:0; left: 0; z-index: 999999; width:100%; height:1500px; background: #333333; /*background: url(../img/loaderBg.png) no-repeat  bottom center;*/ opacity: 1;}
/*#cardLoader:after{content: ''; position: absolute; top:0%; left: 0; width:100%; height: 80%; background: #f5ca00;}*/

/********************************/
/*             btn              */
/********************************/
.btn-manymore { font-size: 18px;border-bottom: 2px solid #fff;border-radius: 0px;color: #fff;padding: 0px 0px 4px 0px;transition: all 400ms ease-in-out; }
.btn-manymore:hover { border-bottom: 2px solid #fcdf40; color: #fcdf40; transition: all 400ms ease-in-out; }

.btn-backProject {position: fixed;right: 2.2vh;bottom: 11vh;font-size: 13px;/*text-transform: uppercase;*/font-weight: 600;color: #ffffff;letter-spacing: 2px;padding: 12px 20px 12px 50px;border-radius: 0px;border: none !important;/* border: 1px solid #fff;*/background: rgba(0, 0, 0, 0.8);width: 16vh;margin-bottom: 0px;/*box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.34);*/transition: all 500ms ease-in-out;}

.btn-backProject:hover { color: #ecc837;/* border: 1px solid #ecc837;*/background: rgb(0, 0, 0);/*box-shadow: 2px 2px 0px rgb(0, 0, 0);*/transition: all 500ms ease-in-out; }

.btn-backProject:after {content: "\f104";position: absolute;font-size: 24px !important;top: 8px;left: 15px;color: #000;display: inline-block;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.btn-backProject:before { content: "";position: absolute;font-size: 24px !important;top: 0;left: 0;width: 38px;height: 100%;background: #ecc837; }
 


/********************************/
/*          ServiceBG           */
/********************************/

body.ServiceBG{
	/*overflow: hidden;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e1e1e+0,333333+100 */
	background: rgb(30,30,30); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(255, 255, 255) 0%,rgb(254, 252, 253) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}

ul.SPtxtContList li:after {
    content: ", ";
} 
ul.SPtxtContList li {
    color: #fff;
    display: inline;
    position: relative;
    /* padding-right: 10px; */
} 
ul.SPtxtContList {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}


/*.SP_tabsContWrp{ width: 100%; height: 130vh; position: relative; }*/
section.CapabilitiessWrp{ width:90%;height:84vh;position:relative;display:inline-block;margin-top:8vh; margin-bottom:8vh;left:5% }
.SP_tabsContWrp{ opacity: 0; /*width: 50%;*/ height: 84vh; /*position: fixed;*/ top:0; z-index: 0;
}
section.CapabilitiessWrp11{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003eb5+0,000000+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(0,62,181,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,62,181,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,62,181,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003eb5', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ 
}
.SPtabsCont{ opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover !important;   background-repeat: no-repeat !important; background-position: center center !important; transition: all 500ms ease-in-out; }
.SPtabsCont.current{ opacity: 1 !important; transition: all 500ms ease-in-out; }
.SPtabsCont11:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background: rgba(0, 0, 0, 0.6); z-index: 998; }
.SPtabsCont11:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .5; /*background: rgba(0, 0, 0, 0.48);*/ z-index: 999; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003eb5+0,000000+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(0,62,181,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,62,181,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,62,181,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003eb5', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ 
}
img.curveCircle { position: absolute; top: 34%; left: 0; z-index: 9999; }
.SPtxtCont {opacity: 0;width: 55%;position: absolute;left: 0;bottom: 0;z-index: 9999;/* background: rgba(255, 216, 61, 0.8); */padding: 30px;transition-delay: 1s;background: rgba(0, 0, 0, 0.77);}
.SPtabsCont.current .SPtxtCont { opacity: 1; transition-delay: 1s; transition: all .5s ease-in-out;  }
.SPtxtCont p { letter-spacing: 0px;font-size: 17px;font-weight: 300;color: #fff; }
.SPtxtCont h1 { font-weight: 500; font-size: 42px; color: #fff; letter-spacing: 1px; margin-bottom: 20px; } 
.SPtxtCont h2 { font-weight: 300; color: #fbcc1f; letter-spacing: 1px; margin-bottom: 20px; margin: 0px; } 
.SPtxtCont h3 { font-weight: 300; color: #fbcc1f; letter-spacing: 2px; margin-bottom: 20px; } 
.SPtxtCont p { /*display: none;*/ } 
#ServicePage-Intro{ background:url(../img/capabilities/intro.jpg); }
#ServicePage-1{ background:url(../img/capabilities/Civil.jpg); }
#ServicePage-2{ background:url(../img/capabilities/Corporate.jpg); }
#ServicePage-3{ background:url(../img/capabilities/RealEstate.jpg); }
#ServicePage-4{ background:url(../img/capabilities/Consultancy.jpg); }
#ServicePage-5{ background:url(../img/capabilities/Drywall.jpg); }
#ServicePage-6{ background:url(../img/capabilities/Trading.jpg); }
#ServicePage-7{ background:url(../img/capabilities/product-launch.jpg); }
#ServicePage-8{ background:url(../img/capabilities/trade-show-support.jpg); }


/*
#ServicePage-Intro{ background:url(../img/capabilities/intro.jpg); }
#ServicePage-1{ background:url(../img/capabilities/Civil.jpg); }
#ServicePage-2{ background:url(../img/capabilities/corporate.jpg); }
#ServicePage-3{ background:url(../img/capabilities/ElectricalWork.jpg); }
#ServicePage-4{ background:url(../img/capabilities/Furniture.jpg); }
#ServicePage-5{ background:url(../img/capabilities/DesignSupport.jpg); }
#ServicePage-6{ background:url(../img/capabilities/FabricationWorks.jpg); }
#ServicePage-7{ background:url(../img/capabilities/trading.jpg); }
#ServicePage-8{ background:url(../img/capabilities/RealEstae.jpg); }
*/

#ServicePage-9{ background:url(../img/capabilities/business-representation.jpg); }
.ServicePage_tabs { position: absolute; top: 0px; right: 0; padding: 0px; }
/*.ServicePage_tabs:after { content: ""; position: absolute; left: 0; top: 0; width: 10%; height: 100%; background: #fbfbfb; }*/

ul.ServicePage_tablist { padding: 0px; margin: 0px; list-style-type: none; position: absolute; z-index: 999;/* border: 2px solid #fff; */display: inline-block; }
ul.ServicePage_tablist li { width: 45%; /*width: 33.33%;*/ display: block; float: left;  opacity:0; transform: translateX(10)  scale(.7); }
ul.ServicePage_tablist li a { position: relative; display: block; color: #000; cursor: pointer; font-weight: 400; letter-spacing: 1px; text-decoration: none; padding: 10px; font-size: 1.4vh; min-height: 17vh; text-align: center; background: #f5f7f7; border: 1px solid #fff; transition: all 300ms ease-in-out; }

ul.ServicePage_tablist li a.current { background: #f5ca00; }
ul.ServicePage_tablist li a:hover { transition: all 300ms ease-in-out; } 
/*
ul.ServicePage_tablist li a.current:after,ul.ServicePage_tablist li a.current:before,ul.ServicePage_tablist li a:after,ul.ServicePage_tablist li a:hover:after{content:"";position:absolute;transition:all .3s ease-in-out}
ul.ServicePage_tablist li a:after{left:10%;top:0;width:90%;height:100%;opacity:0;background:#d4d4d4}

ul.ServicePage_tablist li a.current:after,ul.ServicePage_tablist li a:hover:after{left:10%;top:0;width:90%;height:100%;opacity:1;background:#d4d4d4}
ul.ServicePage_tablist li a.current:before{left:8%;top:30%;z-index:9;width:20px;height:20px;background:#fff;transform:rotate(45deg)}
*/
span.SerImg{position:relative;z-index:99}
span.SerImg img { max-width: 50%; margin: 0px auto 5px auto; }
span.SerText{position:relative;z-index:99}
span.SerNo{display: none; transform:rotate(-90deg);position:absolute;left:4%;font-family:Roboto;font-size:14px}


ul.ListDrywall {margin: 0px;padding: 0px;list-style-type: none;clear: both;}
ul.ListDrywall li {display: table;color: #fff;/* padding: 10px 10px 10px 0px; */font-size: 15px;width: 50%;float: left;}
ul.ListDrywall li span { padding: 0px;font-size: 14px;height: 50px;display: table-cell;vertical-align: middle;}
ul.ListDrywall li span { width: 70%; /* float: left; */ }
ul.ListDrywall li img {/* width: 25%; *//* float: left; */height: 50px;margin: 0px auto;}

/********************************/
/*           AboutUs            */
/********************************/

.abt_sec01 { width: 100%; float: left; background: url(../img/about/aboutBg.jpg) no-repeat center center; background-size: cover; position: relative;}
.abt_sec0111:after { content: ""; position: absolute; top: 0; left: 0; width:100%; height: 100%; 
	background: rgba(0,0,0,0.6); 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+13,000000+100&0.8+0,0+100 */
	background: -moz-linear-gradient(45deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 25%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.7) 25%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.7) 25%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	z-index: 0;
}
.abt_sec01 .row-flex { display: flex; }
.abt_sec01 .BanTextMiddle , .abt_sec01 .abt_dhlogo { position: relative; z-index: 9; }
.abt_sec01 .abt_dhlogo { width:100%; }
.abt_sec01 .abt_dhlogo-01{ transform: scale(.9) !important; position: relative; z-index: 10; }
.abt_sec01 .abt_dhlogo-02{ position: absolute; top:10%; right: 0; }
.abt_sec01 .abt_dhlogo-03{ position: absolute; bottom:10%; left: 0; }


.abt_sec01 .BanTextMiddle h1{font-size: 6vh;color: #000;font-weight: bold;}
.abt_sec01 .BanTextMiddle p{font-size: 2.5vh;color: #000;font-weight: 400;letter-spacing: 1px;}

.abt_sec01 .row-table { display: table; }
.table-cell { display: table-cell; height: 100vh; vertical-align: middle; }


/*//////////////////////*/
/*     StrengthSec      */
/*//////////////////////*/ 
.StrengthSec{ padding: 15vh 0 20vh 0; background: url(../img/about/StrengthBg.jpg) no-repeat center center; background-size: cover; clear: both; }
.StrengthSec h1{font-size: 5vh; font-weight: 700;}
.StrengthSec h3{font-size: 19px;letter-spacing: 1px;/* text-transform: uppercase; */font-weight: 700;background: #ecc837;margin: 0px;padding: 20px 0px;}
.StrengthImg {position: relative;width: 100%;height: 100%;border-top: 2px solid #fff;margin-top: 25px;clear: both;background: #fff;}
.StrengthImg img {margin: 0px auto;transform: scale(.85);}
.StrengthImg:after {content: "";position: absolute;top: 0;left: 0;right: 0;margin: 0px auto;width: 2px;height: 15px;background: #ffffff;}



/*//////////////////////*/
/*   IndianLocation   */
/*//////////////////////*/

.IndianLocation{ height: 100vh;width:100%;background:url(../img/about/IndianLocation.jpg)no-repeat center center;display: block;float: left; position: relative}
.IndianLocation .ContentTxtWrp { position: absolute;left: 0;bottom: 0;transform: translate(0%,0%); padding: 40px; min-height: 330px; background: rgba(0,0,0,0.8) !important; z-index: 99; margin-right: -10%; transition: all 500ms ease-in-out;}
.IndianLocation .ContentTxtWrp h4 { color: #fff;margin-top: 0px;font-size: 16px;letter-spacing: 1px;transition: all 500ms ease-in-out; }
.IndianLocation .ContentTxtWrp .separator-50 { background: #fff;transition: all 500ms ease-in-out; }
.IndianLocation .ContentTxtWrp h1 {font-size: 4.7vh;color: #fff;line-height: 1.3;margin-top: 10px;margin-bottom: 20px; transition: all 500ms ease-in-out; }
.IndianLocation .ContentTxtWrp p  { color: #fff;font-weight: normal; margin-top: 0px;transition: all 500ms ease-in-out; }
 
/*//////////////////////*/
/*   galleryOffice   */
/*//////////////////////*/
 
.galleryOffice{background:url(../img/about/galleryOfficeBg.jpg) no-repeat center center;background-size: cover;clear: both;margin: 0px auto; padding: 10vh 0;}
.galleryOffice h1{font-size: 5vh; font-weight: 700;}
.galleryOffice h3{font-size: 14px;letter-spacing: 2px;text-transform: uppercase;font-weight: 600;background: #ecc837;margin: 0px;padding: 20px 0px;}

a.btn-showcase { position: relative;padding: 0;display: block; margin-bottom: 30px;overflow: hidden;border: 3px solid #fff;transition: all 500ms ease-in-out; }
a.btn-showcase .txtName {position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);font-size: 2.5vh;letter-spacing: 1px;font-weight: bold;color: #fff;text-align: center;width: 90%;}
a.btn-showcase.half-height { height: 33vh; }
a.btn-showcase.full-height { height: 33vh; }

a.btn-showcase.half-height img { transform: translate(-50%,-50%) scale(1.4);position: absolute;top: 50%;left: 50%;transition: all 500ms ease-in-out; }
a.btn-showcase.full-height img { transform: translate(-50%,-50%) scale(1);position: absolute;top: 50%;left: 50%;transition: all 500ms ease-in-out; }

a.btn-showcase:after{ content: '';position: absolute;left:0; top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.1);transition: all 500ms ease-in-out; }
a.btn-showcase:hover:after{ background: rgba(0,0,0,0);transition: all 500ms ease-in-out; }
a.btn-showcase.half-height:hover img{ transform: translate(-50%,-50%) scale(1.5);transition: all 500ms ease-in-out; }
a.btn-showcase.full-height:hover img{ transform: translate(-50%,-50%) scale(1.1);transition: all 500ms ease-in-out; }


/*//////////////////////*/
/*   IndianLocation   */
/*//////////////////////*/

.TeamMembers{width:100%;display: block;float: left; position: relative}
.TeamMembers .ContentTxtWrp { position: absolute;left: 0;bottom: 0;transform: translate(0%,0%); padding: 40px; min-height: 320px; background: rgba(0,0,0,0.7) !important; z-index: 99; margin-right: -10%; transition: all 500ms ease-in-out;}
.TeamMembers .ContentTxtWrp h4 { color: #fff;margin-top: 0px;font-size: 16px;letter-spacing: 1px;transition: all 500ms ease-in-out; }
.TeamMembers .ContentTxtWrp .separator-50 { background: #fff;transition: all 500ms ease-in-out; }
.TeamMembers .ContentTxtWrp h1 {font-size: 4.7vh;color: #fff;line-height: 1.3;margin-top: 10px;margin-bottom: 20px; transition: all 500ms ease-in-out; }
.TeamMembers .ContentTxtWrp p  { color: #fff;font-weight: normal; margin-top: 0px;transition: all 500ms ease-in-out; }

.OfficesGalleryOwl{ }
.OfficesGalleryOwl .owl-item.active.center{ transform: scale(1); opacity: 1 !important; transition: all 1000ms ease-in-out; }
.OfficesGalleryOwl .owl-item.active{ transform: scale(.8); opacity: .2 !important; transition: all 1000ms ease-in-out; }

.OfficesGalleryOwl.owl-carousel .owl-dots.disabled, 
.OfficesGalleryOwl.owl-carousel .owl-nav.disabled 
{ display: block !important; }

.OfficesGalleryOwl .owl-nav {width: auto;margin: -60px auto 0px auto;position: absolute;left: 36%;z-index: 99;}

.OfficesGalleryOwl .owl-next {padding: 20px 0px;text-align: center;color: #333333;background: #fcdf40;width: 80px;height: 60px;float: right;text-transform: capitalize;}


.OfficesGalleryOwl .owl-prev {padding: 20px 0px;text-align: center;color: #000;background: #ffffff;width: 80px;height: 60px;float: left;text-transform: capitalize;}
.OfficesGalleryOwl .owl-dots{ display: none; }
/*//////////////////////*/
/*        Teams         */
/*//////////////////////*/

section.Teams { padding: 15vh 0; clear: both; background:url(../img/about/TeamsBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
.teamRockBG { display: table-cell;background: url(../img/teamBg.html) no-repeat center center;background-size:cover;width: 100vh;height: 60vh;vertical-align: middle; }
.teamHeading { position: absolute;width: 141%;top: -27px; }
.teamHeading h1{ color: #fff; line-height: 1.3; margin-bottom: 20px; }
.teamHeading p{ color: #fff; font-size: 15px; line-height: 1.6; font-weight: 300 }
.Teams .no-padding { padding: 1px 1px 1px 2px !IMPORTANT; }

.Teams_tabs { display: block; float: left; position: absolute; top: 35%; }


ul.Teams_tablist{ margin: 0; padding: 0; list-style-type: none; position: relative; z-index: 999 }
ul.Teams_tablist li { padding: 10px; display: block; float: left; clear: both; }
ul.Teams_tablist:after { content: ""; height: 115px; width: 1px; display: block; position: absolute; left: 50%; top: 20px; background: #3d3000; }
ul.Teams_tablist li a{ padding: 10px; float: left; transform: rotate(45deg); border:1px solid rgba(0,0,0,0.00); cursor: pointer; transition: all 500ms ease-in-out; }

ul.Teams_tablist li a.current{ border:1px solid #3d3000; 	transition: all 500ms ease-in-out;}
ul.Teams_tablist li a span{ width: 10px; display: block; height: 10px; background:#3d3000; }

.TtabsCont{ /*display: none;*//*opacity: 0; */float: left;padding: 0px;display: inline-block;width: 100%;transition: all 500ms ease-in-out; }

.teamDesc {position: absolute;bottom: 0;left: 0;display: block;float: left;width: 100%;padding: 0px;}
.teamMemberImg{ position: relative;overflow: hidden; }
.teamMemDesc { position: absolute;top: 40vh;left: 0;width: 100%;height: 100vh;background: #000;color: #fff;padding: 20px;z-index: 10;border-top: 20vh solid  #f5ca00;transition: all 700ms ease-in-out; }

.teamMemDesc.current { top: -20vh; opacity: 1; z-index: 20;	transition: all 700ms ease-in-out; }
.teamMemDesc p { opacity: 0; transition: all 500ms .5s ease-in-out; }
.teamMemDesc.current p { opacity: 1; transition: all 500ms .7s ease-in-out; }


.teamsTab {cursor: pointer;color: black;padding-bottom: 4px;padding-left: 4px;width: 100%;float: left;}
.teamsTab:hover { color: black; }
.team-close { position: absolute;top: 33px;right: 4%;z-index: 999;transform: scale(.5);transition: all 500ms ease-in-out; }
.teamsTab.current .team-close { transform: scale(.7) rotate(45deg);transition: all 500ms ease-in-out; }
.teamDesc h1 {color: #fff;font-size: 16px;font-family: roboto;letter-spacing: 1px;background: rgba(1, 23, 48, 0.8);display: inline-block;padding: 8px 15px;margin-top: 0px;margin-bottom: 5px;clear: both;float: left;} 
.teamDesc h2 {color: #fff;font-size: 13px;font-family: roboto;letter-spacing: 2px;font-weight: normal;margin: 0px;background: rgba(1, 23, 48, 0.8);display: inline-block;padding: 10px 15px;float: left;clear: both;}


.TtabsCont.current{ /*display: inherit;*/z-index: 99;opacity: 1;transition: all 500ms ease-in-out; }
.TtabsCont.current .service { width: 25%; opacity: 1; }
.TtabsCont .service { width: 25%; opacity: 0; }

.TtabsCont.current .Team_01, .TtabsCont.current.Team_05{ -webkit-transition-delay: 0.1s;-moz-transition-delay: 0.1s;transition-delay: 0.1s; }
.TtabsCont.current .Team_02, .TtabsCont.current .Team_06{ -webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;transition-delay: 0.2s; }
.TtabsCont.current .Team_03, .TtabsCont.current .Team_07{ -webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;transition-delay: 0.3s; }
.TtabsCont.current .Team_04, .TtabsCont.current .Team_08{ -webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;transition-delay: 0.4s; }

 


/*--.groupcomp--*/

section#groupcomp{background: url(../img/about/groupcompBg.jpg) no-repeat center top;background-attachment:fixed;background-size: cover;padding: 10vh 0;}
.groupcomp h1 { margin-bottom: 10px;font-size: 5vh;font-weight: 500;letter-spacing: 2px; color: #fff; } 
.groupcomp p  { font-size:18px; font-weight: 300; color: #fff; } 

.groupLogo { border: 1px solid #ccc;padding: 5% 0;background: #fff; }

.groupLogo img { margin: 0px auto; } 

.achievement{ padding: 70px 0px;}
.achiHeading { margin-bottom: 50px; font-size: 5vh; font-weight: 500; text-align: center;}
.achiHeading h1 { margin-bottom: 30px; font-weight: 600; font-size: 5vh; letter-spacing: 2px; color: #333; } 
.achiHeading p  { font-size:18px; font-weight: 400; color: #333; } 

.achNopadding .col-md-4 { padding: 0px;}
.achivementBoxImg {overflow: hidden;display: table-cell;vertical-align: middle;height: 35vh;border: 2rem solid #f5ca00;width: 100%;padding: 0 4vh;transition: all 500ms ease-in-out;}
.achivementTable { display: table; width: 100%; }
.achivementBoxTxt {overflow: hidden;background: whitesmoke;height: 35vh;display: table-cell;width: 100%;vertical-align: middle;padding: 0 4vh;transition: all 500ms ease-in-out;}
.achivementBoxTxt  h1, .achivementBoxImg  h1{font-size: 3vh;line-height: 1.3;font-weight: 300;/* text-transform: uppercase; */margin: 0px;}	
.achivementBoxImg:hover, .achivementBoxTxt:hover { box-shadow: 0px 0px 20px 9px rgba(0, 0, 0, .2); position: relative; z-index: 99; transition: all 500ms ease-in-out; }


/********************************/
/*           AboutUs            */
/********************************/

/********************************/
/*        CareerEnquiry         */
/********************************/




/*------careers_job--------*/
.CareerEnquiry {width: 100vw;height: 100vh;padding: 100px 0px;display: table-cell;clear: both;vertical-align: middle;background: rgba(1, 21, 66, 0.95);position: relative;} 
.CareerBG {background: url(../img/projectEnquiry.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; display: block; }
#careers_job {margin-right: 30px; }

#careers_job a.collapsed span,
#careers_job .panel-heading a span { display: none; }
#careers_job .panel-heading a.collapsed {color: #ffffff;font-weight: 500;background-color: #011031;}
#careers_job .panel-heading a {font-size: 2vh;font-weight: 700;padding: 20px 35px 20px 45px;display: inline-block;width: 100%;background-color: #ffffff;color: #000;position: relative;text-decoration: none;}
/*#careers_job .panel-default > .panel-heading{border-bottom: 1px solid #0a4871;}*/
#careers_job .panel-default > .panel-heading + .panel-collapse > .panel-body {border: 1px solid #ffffff;border-top: 1px solid #0a4871 !important;border-top: none;background-color: #ffffff;}
#careers_job .panel-default > .panel-heading + .panel-collapse > .panel-body h6 {color: #000;font-size: 15px;font-weight: 500;letter-spacing: 1px;/*text-transform: uppercase;*/}
#careers_job .panel-heading a.collapsed:after { content: "\f055"; }
#careers_job .panel-heading a:after { font-family: "FontAwesome";font-size: 16px;content: "\f056";left: 15px !important;position:absolute;top: 22px; }
.panel-group .panel{ border-radius:0px; border: none; }
.panel-heading { padding: 0px; }
/*------careers_job--------*/



.projectEnquiryWrp {width: 100vw;height: 100vh;padding: 100px 0px;display: table-cell;clear: both;vertical-align: middle;background: rgba(1, 21, 66, 0.95);position: relative;} 
.projectEnquiryBG {background: url(../img/projectEnquiry.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; display: block; }

 .projectEnquiry1:after { content: "";position: absolute; left: 0; top: 0; width:100%; height: 100%; opacity: .8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87aeb5+0,33499c+100 */
	background: rgb(135,174,181); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(135,174,181,1) 0%, rgba(51,73,156,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(135,174,181,1) 0%,rgba(51,73,156,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(135,174,181,1) 0%,rgba(51,73,156,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87aeb5', endColorstr='#33499c',GradientType=0 ); /* IE6-9 */
}
.formDetails {/*background: #f5ca00;*/padding: 40px 0px;}
.formDetails h1 {color: #ffd50f;font-weight: 500;font-size: 5vh;letter-spacing: 3px;}
.formDetails p.lead {color: #333333; font-size: 15px; line-height: 28px; }
.formBg { padding: 50px;box-shadow: 3px 0px 20px rgba(0, 0, 0, 0.12);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87aeb5+0,33499c+100&0+0,0.24+100 */	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,ffffff+100&0.24+0,0+100 */
	background: -moz-linear-gradient(45deg, rgb(250, 250, 250) 0%,rgb(255, 255, 255) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgb(250, 250, 250) 0%,rgb(255, 255, 255) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgb(250, 250, 250) 0%,rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dcccccc', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.formBg .col-md-6 { }




.formBg textarea.inputTxt,
.formBg input.inputTxt {border: none;color: #000;border-bottom: 1px solid rgba(35, 56, 111, 0.4);background: none;padding: 10px;margin-top: 0px;/* margin-bottom: 25px; */width: 100%;letter-spacing: 2px;font-size: 13px;transition: all 400ms ease-in-out;}

.formBg textarea.inputTxt:hover,
.formBg textarea.inputTxt:focus,
.formBg input.inputTxt:hover,
.formBg input.inputTxt:focus { background: #fff;border-bottom: 1px solid rgb(62, 104, 128);-webkit-box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.2);box-shadow: 5px 4px 10px rgba(0, 0, 0, 0.2);transition: all 400ms ease-in-out; } 
.btn-submit { width: 100%;background: #000000;color: #ffffff;border-radius: 0px;padding: 15px;text-transform: uppercase;font-size: 16px;font-weight: 600;letter-spacing: 3px;transition: all 400ms ease-in-out; }
.btn-submit:hover {background: #dcb625;color: #2d2402;letter-spacing: 8px;transition: all 400ms ease-in-out; }

.btn-submitCareer {width: 100%;background: #ecc837;color: #000000;border-radius: 0px;padding: 15px;text-transform: uppercase;font-size: 16px;font-weight: 600;letter-spacing: 3px;transition: all 400ms ease-in-out;}
.btn-submitCareer:hover {background: #000000;color: #ffffff;letter-spacing: 8px;transition: all 400ms ease-in-out;}


/*Checkboxes styles*/
.formBg input[type="checkbox"] { display: none; }

.formBg input[type="checkbox"] + label {display: block;position: relative;padding-left: 35px;margin-bottom: 20px;font: 13px/20px 'Roboto', Arial, sans-serif;letter-spacing: 1px;color: #000;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}

.formBg input[type="checkbox"] + label:last-child { /*margin-bottom: 0;*/ }




.formBg input[type="checkbox"] + label:before { content: '';display: block;width: 20px;height: 20px;border: 1px solid #000;position: absolute;left: 0;top: 0;opacity: .6;-webkit-transition: all .12s, border-color .08s;transition: all .12s, border-color .08s; }

.formBg input[type="checkbox"]:checked + label:before { width: 10px;top: -5px;left: 5px;border-radius: 0;opacity: 1;border-top-color: transparent;border-left-color: transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg); }




/********************************/
/*          contactBG           */
/********************************/ 
.contactBG{ background: url(../img/ContactBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; }
.contactBG1:after
{ 
	content: "";position: absolute; left: 0; top: 0; width:100%; height: 100%; opacity: .8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87aeb5+0,33499c+100 */
	background: rgb(135,174,181); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(135,174,181,1) 0%, rgba(51,73,156,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(135,174,181,1) 0%,rgba(51,73,156,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(135,174,181,1) 0%,rgba(51,73,156,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87aeb5', endColorstr='#33499c',GradientType=0 ); /* IE6-9 */
}

.MumbaiMap{ margin: 10px auto 0px auto; }
iframe.iFrameMumbai,
iframe.iFrameSurat { width: 100%;height: 100%; }

.MumbaiAddress { border: 10px solid #fff; background: #fff }

.ContactTitle { font-size: 7vh;/*font-family: 'Vidaloka', serif;*//*text-transform: uppercase;*/font-weight: 600;letter-spacing: 2px;color:#ffffff /*#c3c3c3*/;margin-bottom: 20px;margin-top: 6vh; }
ul.ContactList { margin: 0px;padding: 0px;list-style-type: none; }

ul.ContactList li { padding: 10px 10px 10px 50px;line-height: 1.8;position: relative;border-bottom: 2px solid #fff;clear: both;background: #f5f5f5; }


ul.ContactList.surat li { border-bottom: 2px solid #fff;/*background: #fff;*/background: #f5f5f5; }
ul.ContactList li.address:after, 
ul.ContactList li.tle-phome:after, 
ul.ContactList li.phone:after, 
ul.ContactList li.fax:after, 
ul.ContactList li.mail:after {position: absolute;left: 9px;top: 12px;color: #ffffff;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

ul.ContactList li.address:after { content: "\f041"; font-size: 17px !important; }
ul.ContactList li.tle-phome:after { content: "\f017"; font-size: 17px !important; }
ul.ContactList li.phone:after { content: "\f10b"; font-size: 20px !important; }
ul.ContactList li.fax:after { content: "\f1ac"; font-size: 17px !important; }
ul.ContactList li.mail:after { content: "\f003"; font-size: 15px !important; }

ul.ContactList li.address:before, ul.ContactList li.tle-phome:before, ul.ContactList li.phone:before,  ul.ContactList li.fax:before, ul.ContactList li.mail:before {
content: ""; position: absolute;left: 0px;top: 0px;color: #000;background: #ffcb09;width: 8%;height: 100%;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }





/********************/
/*    hero banner   */
/********************/

video.loopVideo { /* max-width: 100%; */ max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
#pathLine {position: absolute;left:0;bottom: 17%;z-index: 9;height: 268px;}
.pinPointSvgwrp {position: absolute;left:0;bottom: 17%;z-index: 99999;width: 100%;height: 265px;}
#line_svgPath { stroke: #ffffff !important; }

.heroBannerHeight { opacity: 0; width: 100%; height: 100vh; display: block; float: left;} 
.heroBanner{ width: 90%;height: 84vh;display: block;margin: 0px auto;overflow: hidden;position: fixed;left: 5%;top: 8vh; }

.bg{ opacity: 1; width: 100%; height: 100vh; display: block; float: left; background: url(../img/homeBG/hmbg-01.jpg) no-repeat center center; background-size: cover; overflow: hidden;}
.mask_banner { /*background: url(../img/hero_bannerBg_color.jpg) no-repeat center center; background-size: cover;*/	background-color: #393939; background-attachment: fixed; position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 10; }

/*
ul.slides{ margin:0px; padding: 0px; list-style-type: none; position: relative; }
ul li.layers{ width:45vh; height: 65vh;  background-size: cover; background: rgba(0,0,0,0.82);  }
.layer_01{ background:url(../img/banner-01.jpg) no-repeat center center;  }
*/

.slider_container {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
    -webkit-perspective-origin: 0% 50%;
    -moz-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%;
}
ul.slides li.layers {
    width: 45vh;
    height: 65vh;
    background-size: cover;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

ul.slides {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: relative;
    -webkit-transform: rotateY(50deg) rotateX(20deg) translateZ(-15px) translateZ(-224px);
    -moz-transform: rotateY(50deg) rotateX(20deg) translateZ(-15px) translateZ(-224px);
    transform: rotateY(50deg) rotateX(20deg) translateZ(-15px) translateZ(-224px);
}

ul.slides li{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0px auto; }

ul.slides li.layers.layer_01 {
    background: rgba(0,0,0,0.82);
    -webkit-transform: translateZ(155px);
    -moz-transform: translateZ(155px);
    transform: translateZ(155px);
}
ul.slides li.layers.layer_02 {
    background: rgba(0,0,0,0.82);
    -webkit-transform: translateZ(225px);
    -moz-transform: translateZ(225px);
    transform: translateZ(225px);
}
ul.slides li.layers.layer_03 {
    background: rgba(0,0,0,0.82);
    -webkit-transform: translateZ(295px);
    -moz-transform: translateZ(295px);
    transform: translateZ(295px);
}
ul.slides li.layers.layer_04 {
    background: rgba(0,0,0,0.82);
    -webkit-transform: translateZ(365px);
    -moz-transform: translateZ(365px);
    transform: translateZ(365px);
}

/*--copy_box--*/
.copy_box {/* width: 620px; */color: #333333;position: absolute;top: 10%;left: 0;/*bottom: 0;*/right: 0;margin: 0px auto;z-index: 90;transition: all 300ms ease-in-out;}
.BannerTxt {width: 100%; /*background: rgba(255, 255, 255, 0.9); padding: 40px 30px; */ color: #fff; float: left; }
.BannerTxt h1 {line-height: 1.2;font-size: 2.4vw;font-weight: bold;text-shadow: 2px 3px 1px rgba(0, 0, 0, 0.8);}
.BannerTxt h2 {font-size: 26px; color: #ffcd22; line-height: 1.4; }
.BannerTxt p {font-size: 1.3vw;text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.8);}
.copy_box.current { z-index: 1 !important; opacity: 1; filter: blur(3px);transition: all 300ms ease-in-out; }
/*--copy_box--*/


.overlay_hero{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #393939; z-index: 5; opacity: 1; transition: all 300ms ease-in-out; }
.overlay_hero.current{ opacity: .8!important; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(251,204,31,0.9) /*#393939*/; z-index: 9; tansition: all 300ms ease-in-out; }

.pinPoint-wrp { position: relative; background: rgba(57, 57, 57, 0); width: 100%; height: 100vh; }
.pinPoint{ position: absolute;  width: 30px; height: 30px; opacity: 0; transform: scale(.8); z-index: 20; cursor: pointer; border-radius: 100%; transition: all 300ms ease-in-out; }

.pinPoint:hover{  transform: scale(1); transition: all 500ms ease-in-out; }
a.pinPoint.pinP-1 { left: 5%; top: -5.5%; }
a.pinPoint.pinP-2 { left: 15%; top: 32%; }
a.pinPoint.pinP-3 {left: 64%;top: 53%;}
a.pinPoint.pinP-4 {left: 80%;top: 46.2%;}
a.pinPoint.pinP-5 { left: 86.8%; top: 52%; }

@media only screen and (min-height:600px) and (max-height:900px)
{
	a.pinPoint.pinP-1 { left: 5%; top: -5.5%; }
	a.pinPoint.pinP-2 { left: 15%; top: 14%; }
	a.pinPoint.pinP-3 {left: 70%;top: 35%;}
	a.pinPoint.pinP-4 {left: 86%;top: 40%;}
	a.pinPoint.pinP-5 { left: 86.8%; top: 43%; }
}

.pinPoint:after{ content: ''; background: #fff; width: 10px; height: 10px; position: absolute; left: 10px; top: 10px; border-radius: 100%; }
.pinPoint:before{content: '';border: .5px solid #fff;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 100%;box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);}
.pinPoint span {position: absolute;top: -40px;left: 30px;width:200px;height: auto;display: block;color: #fff;font-weight: 600;letter-spacing: 1px;text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.8);}

a.pinPoint.current span {/*color: #ffcf22;*/ color: #000;text-shadow: 1px 2px 1px rgba(0, 0, 0, 0);}
a.pinPoint.current:after{/*background: #ffcf22;*/ background: #000; transition: all 500ms ease-in-out; }
a.pinPoint.current:before{/*border: 1.5px dashed #ffcf22;*/ border: 1.5px dashed #000; animation: rotate_circle 2s linear infinite; box-shadow: 1px 1px 0px rgba(0, 0, 0, 0);transition: all 500ms ease-in-out; }

a.pinPointClose { position: fixed;right: 5%;top: 8vh;text-align: center;line-height: 6vh;font-size: 22px;height: 6vh;width: 6vh;/* border-radius: 100%; */background: url(../img/closeW.png) no-repeat rgba(0, 0, 0, 0.7) center center;background-size: 50%,50%;color: #fff;z-index: 99999999999 !important;box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.5);opacity: 0;display: none;cursor: pointer;transition: all 500ms ease-in-out; }

a.pinPointClose:hover { background: url(../img/closeW.png) no-repeat rgba(0, 0, 0, 0.9) center center; background-size: 70%,70%; transition: all 500ms ease-in-out;}

a.pinPointClose.current { opacity: 1; display: block; transition: all 500ms ease-in-out; }

/*
a.pinPoint.pinP-5 { left: 71%; top: 50.5%; animation: ripple 2s linear infinite; }
a.pinPoint.pinP-6 { left: 56%; top: 67%; animation: ripple 2s linear infinite; }
a.pinPoint.pinP-7 { left: 68%; top: 80%; animation: ripple 2s linear infinite; }

*/

.blur{ filter:blur(10px)} 


@keyframes rotate_circle {
 0% {
	 transform: rotate(0deg)
	}
 100% {
	 transform: rotate(360deg)
	}
}


span.ripple { display: block;position: absolute;left: 0;right: 0;top: 40%;width: 19vh;height: 19vh;margin: 0px auto;animation: ripple 5s linear infinite;border-radius: 100%;z-index: 999 !important; }
 	
@keyframes ripple {
 0% {
	 box-shadow: 0 0 0 5px rgba(255,255,255, 0.2), 0 0 0 10px rgba(255,255,255, 0.1);
	}
 100% {
	 box-shadow: 0 0 0 0 rgba(255,255,255, 0.1), 0 0 0 5px rgba(255,255,255, 0.1);
	}
}


 
.pp-content{ background: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 0vh; height: 0vh; opacity: 0; z-index: 10; border-radius: 100%; /*border: 100vh solid rgba(255,255,255,0);*/ transition: all 500ms ease-in-out; }
.pp-content.current{ opacity: 1;  width: 65vh; height: 65vh; /*border: 0px solid rgba(255,255,255,.7);*/ transition: all 500ms ease-in-out; z-index: 99999; }

.pp-content .pp_imgwrp { overflow: hidden;padding:  10%;display: table-cell;vertical-align: middle;height: 65vh;text-align: center; }

.pp-content.current .pp_imgwrp{ }

.pp-content .pp_imgwrp p.supHead{text-transform: uppercase;letter-spacing: 6px;font-weight: 400;font-size: 15px;}
a.pinPoint.current { z-index: 11; transition: all 300ms ease-in-out; }
.pp-content p{ color: #000;font-size: 16px;line-height: 30px; letter-spacing: 1px;font-weight: 300; opacity: 0;}
.pp-content.current p { opacity: 1; transition: all 1s .5s ease-in-out; }
.pp-content h2 { color: #000; font-size: 4.5vh; margin-bottom: 20px; opacity: 0 }
.pp-content.current h2{ opacity: 1 ; transition: all 1s .2s ease-in-out; }
.pinP-1.current.ms3-hide { opacity: 0 !important; transition: all 1000ms ease-in-out; }
.pinP-1.current {  }

.pinP-1 .pp_imgwrp { /*background: url(../img/banner-01.jpg) no-repeat center center; background-attachment: fixed; background-size: cover;*/ }
.pinP-2 .pp_imgwrp { /*background: url(../img/banner-02.jpg) no-repeat center center; background-attachment: fixed; background-size: cover;*/ }
.pinP-3 .pp_imgwrp { /*background: url(../img/banner-03.jpg) no-repeat center center; background-attachment: fixed; background-size: cover;*/ }
.pinP-4 .pp_imgwrp { /*background: url(../img/banner-04.jpg) no-repeat center center; background-attachment: fixed; background-size: cover;*/ }

.pinP-1.current .pp_imgwrp ,
.pinP-2.current .pp_imgwrp ,
.pinP-3.current .pp_imgwrp ,
.pinP-4.current .pp_imgwrp { background-attachment: inherit; background-size: cover; }
  

/********************/
/*    hero banner   */
/********************/

ul.CapabilitesList {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
ul.CapabilitesList li {
    display: inline-block;
    padding: 0px;
    background: #0b4180;
    border: 1px solid #0b4180;
    margin: 0px 7px 15px 7px;
    width: 16%;
    height: auto;
    float: left;
}
ul.CapabilitesList .iconImg {
    display: block;
    width: 100%;
    margin: 0px auto;
    background: #fff;
    padding: 5%  20%;
}
ul.CapabilitesList .iconImg img {
    margin: 0px auto;
}
ul.CapabilitesList span.iconTxt {
    text-align: center;
    display: table-cell;
    font-size: 1.5vh;
    background: rgb(11, 65, 128);
    color: #fff;
    height: 60px;
    width: 104vw;
    padding: 0px 8px;
    vertical-align: middle;
}
.Capabilites{ overflow-y: hidden; }




/*
inspired from http://codepen.io/Rowno/pen/Afykb
& https://jsfiddle.net/q0rgL8ws/

*/
div#carousel.HomeBannerSlider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
div#carousel.HomeBannerSlider .carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
    overflow:hidden;
	position: relative;
}

/*.carousel-fade .carousel-inner .item:after { content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);  }*/


div#carousel.HomeBannerSlider .carousel-inner:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+50,000000+100&0.65+1,0+50,0.65+99 */background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 1%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0.65) 1%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}

div#carousel.HomeBannerSlider .item.active img {
    transition: transform 5000ms linear 0s;
    /* This should be based on your carousel setting. For bs, it should be 5second*/
    transform: scale(1.05, 1.05);
}
div#carousel.HomeBannerSlider .carousel-fade .carousel-inner .active {
  opacity: 1;
}

div#carousel.HomeBannerSlider .carousel-fade .carousel-inner .active.left,
div#carousel.HomeBannerSlider .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}


div#carousel.HomeBannerSlider .carousel-fade .carousel-inner .next.left,
div#carousel.HomeBannerSlider .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

div#carousel.HomeBannerSlider .carousel-fade .carousel-control {
  z-index: 2;

}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    div#carousel.HomeBannerSlider .carousel-fade .carousel-inner > .item.next,
   div#carousel.HomeBannerSlider  .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    div#carousel.HomeBannerSlider .carousel-fade .carousel-inner > .item.prev,
    div#carousel.HomeBannerSlider .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    div#carousel.HomeBannerSlider .carousel-fade .carousel-inner > .item.next.left,
    div#carousel.HomeBannerSlider .carousel-fade .carousel-inner > .item.prev.right,
    div#carousel.HomeBannerSlider .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


.flip-container2 {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
}

.flip-container2:hover .back2,
.flip-container2.hover .back2 {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container2:hover .front2,
.flip-container2.hover .front2 {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.flip-container2,
.front2,
.back2 {
    height: auto;
/*
    margin-top: -3px;
    width: 30px;
*/
    position: relative;
}

.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
    top: 0px;
}

.front2,
.back2 {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
    top: 0;
    right: 0;
}

.front2 {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
}

.back2 {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    position: absolute;
    top: 2px;
}
footer#footer {
    /*position: absolute;
    bottom: 1%;
    left: 0;*/
    width: 100%;
    color: #fff; 
}
 
/*----footer---*/
footer{
	position: relative;
	background: #333333;
	/* background: url(../img/footer-bg.jpg) no-repeat center center; */
	background-size: cover;
	color: #ebebeb;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 15px solid #f5ca00;
    z-index: 99;
}

footer .second-col,
footer .last-col{
	padding-left: 30px;
	padding-bottom: 30px;
    border-left: 1px solid #3e3e3e;
}


footer a{
	color: #ebebeb;
}

footer a:hover{
	color: #ecc837;
}

footer h1{
	letter-spacing: 2px;
    font-size: 30px;
    text-align: center;
}

footer h1,
footer h3
{
	font-family: Playfair Display;
	 
}

ul.quicklinks,
ul.socialmedia
{
	margin:0px;
	padding: 0px;
	list-style-type: none;
	
}
ul.quicklinks li 
{
    padding: 6px 0px;
}
ul.quicklinks li a {
	position: relative;
    padding: 6px 20px;
	text-decoration: none;
	transition: all 300ms ease-in-out;
}

ul.quicklinks li a:after {
    content: "\f105";
	position: absolute;
	left: 0;
    top: 22%;
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
}

ul.quicklinks li a:hover{
	color:#fff;
	transition: all 300ms ease-in-out;
	
}



ul.socialmedia {
	margin: 0px 12px;
}


ul.quicklinks li a:hover:after {
	color:#fff;
	left: 5px;
	transition: all 300ms ease-in-out;
	
}

.sub-footer {
    padding: 10px 0px;
    background: black;
}
.sub-footer p {
    font-size: 13px;
    margin-right: 8px;
    margin-bottom: 0px;
    margin-top: 6px;
}
ul.socialmedia li {
    display: inline-block;
    padding: 0px 4px;
    float: left;
}

ul.socialmedia li a {
   /* padding: 10px;*/
   line-height: 30px;
   width: 30px;
   height: 30px;
   background: rgb(0, 0, 0);
   color: #fff;
   border-radius: 100%;
   float: left;
   text-align: center;
   transition: all 300ms ease-in-out;
}

ul.socialmedia li a:hover {
	
background: #000;
	
color: #f5ca00;
	
transition: all 300ms ease-in-out;
}
/*----footer---*/

table.table-turnover tr th { width: 33.3%;background: #ecc837;padding: 15px;text-align: center;border: 1px solid #000; }

table.table-turnover tr{ border: 1px solid #000; } 
table.table-turnover tr:nth-child(odd){ background: #0b203b; } 
table.table-turnover tr:nth-child(even){ background: #123462; } 
table.table-turnover tr td{ padding: 10px 15px;font-family: Roboto;color: #fff; } 


section.Trusted { padding: 10vh 0 20vh 0; clear: both; background:url(../img/about/TeamsBg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
section.Trusted h1 { margin-bottom: 30px;font-weight: 600;font-size: 5vh;letter-spacing: 2px;color: #fff; }

 
.capabilities_home { overflow: hidden;}
.capabilities_home .owl-carousel .owl-stage-outer { overflow: inherit !important; }
.owl-item.cloned, .owl-item.cloned.active, .owl-item.active{ opacity: .5; transform: scale(.8); transition:all 400ms ease-in-out; text-align: center; }
.owl-item.active.center{ opacity: 1; transform: scale(1); transition:all 400ms ease-in-out; text-align: center; }
.txtCapbilites{width:100%;display: inline-block;background: #ecc83700;/* padding: 40px 60px;*/} 
.txtCapbilites img{ border: 8px solid #fff; }
.item h2 {
    font-family: Roboto;
    text-align: center;
    font-weight: 900;
    line-height: 1.1;
    font-size: 3vh;
    margin: 20px auto;
    color: #ffffff;
} 
.owl-dots {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    position: absolute;
    bottom: -80px;
}
.owl-dots .owl-dot {
    width: 5%;
    height: 3px;
    background: rgba(255,255,255,.5);
    display: inline-block;
    margin: 10px;
	transition:all 500ms ease-in-out;
}
.owl-dot.active {
    height: 4px;
    background: rgba(255,255,255,1);
	transition:all 500ms ease-in-out;
}


.capabilities_home{ background:/*url(../img/../img/capabilities/stage1.png)*/ #f4c902 no-repeat center bottom; background-size: contain; padding: 150px 0px; }


.capabilities_home h1 { font-size: 42px; color:#333333; text-align: center; font-weight: 600; margin-bottom: 25px; opacity: 0; }
.capabilities_home p {  color:#333333; font-weight: 500; opacity: 0; }

ul.cap_list { margin: 0px; padding: 0px; list-style-type: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 75%; z-index: 99;}
ul.cap_list li { display: inline-block; width: 24% }
ul.cap_list li a { padding: 10px; text-transform: uppercase; color: #333; display: block; float: left; position: relative; }
ul.cap_list li a .text { font-weight: 600; font-size: 1vw; margin-top: 10px; float: left; }
ul.cap_list li a .cap_img { position: relative; display: block;  float: left; padding: 5px; } 
ul.cap_list li a .cap_img img { transform: scale(.9) translate(-15px , 15px); background: #f0f0f0; border-radius: 100%; position: relative; z-index: 99; }
ul.cap_list li a .cap_img:after { content: ""; position: absolute; left:0; top: 3px; width: 100%; height: 100%; border-top: 2px solid #dbb41e; border-right: 2px solid #dbb41e; border-bottom: 2px solid #dbb41e; border-left: 2px solid transparent; border-radius: 100%; transform: rotate(-41deg) ; }