/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@font-face {
  font-family: 'Gotham-Book';
  src: url('../fonts/Gotham-Book/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham-Book/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book/Gotham-Book.ttf')  format('truetype'), url('../fonts/Gotham-Book/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Bold';
  src: url('../fonts/Gotham-Bold/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham-Bold/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold/Gotham-Bold.ttf')  format('truetype'), url('../fonts/Gotham-Bold/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body {
    height: 100%; font-size: 0.9rem;  line-height: 1.5rem; color:#333; 
}

body {
    font-family: "Gotham-Book", sans-serif; margin:0; padding:0;
}

a {
    color: #757575;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

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

#header {
    background: #fff;
    /*height: 64px;
    overflow: hiddent;
    border-bottom: 1px solid #ddd;*/
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
	z-index:10;
	transition: top 0.3s;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	
}

h1,
h3,
h4,
h5,
h6 {
    font-family: 'Gotham-Bold', sans-serif; color:#232323; margin:0 0 20px;
}


h1 {font-size:2.5rem; line-height:2.7rem;}
h2 {font-size:2rem; line-height:2.2rem;}
h3 {font-size:1.5rem; line-height:1.8rem;}

h1:after {content:''; width:50px; height:5px; background-color:#42c3f1; margin-top:15px; display:block;}
h1.text-center:after {margin:15px auto 0;}


.bold {font-weight:700;}

/*h1:after {background: #000; content: ""; display: block; height: 2px; position: relative; top: 10px; width: 5%; margin:20px auto 50px; }
h2:after {background: #000; content: ""; display: block; height: 2px; position: relative; top: 10px; width: 20%; margin:10px auto 50px; }
*/

p {
    margin-bottom: 20px;
    font-family: 'Gotham-Book', sans-serif;
	font-size: 0.9rem;
    line-height: 1.5rem;
	color:#333;
	text-align:justify;
}
.small {font-size:12px; color:#666; margin-bottom:10px;}

section {
    padding: 80px 0; overflow:hidden;
}

aside {
    padding: 50px 0;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.bggray {background-color:#eaeaea;}

.navbar {padding:0 1rem;}
.navbar-brand {width:150px; margin-right:0; padding:0.7rem 0;}
.navbar-nav li a {font-size:1rem; color:#000; position:relative; margin:0 10px; padding:26px 0; display:block;}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
.navbar ul li a:after {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #76c374;
  height: 4px;
  visibility:hidden;
}

.navbar ul li a:hover:after {
  width: 100%; visibility:visible;
}
.navbar ul li ul li a:hover:after {visibility:hidden;}
.navbar ul li ul li a { padding:5px 10px; font-size:0.8rem; }
.navbar ul li ul li a:hover{background-color:#eaeaea;}
.dropdown-menu {margin-top:-1px; min-width:12rem;}
.dropdown:hover>.dropdown-menu {
  display: block;
}
.topright a {width:30px; height:30px; border-radius:50%; background-color:#e5e5e5; color:#000; text-align:center; padding:7px; display:inline-block;}
.topright a:hover {background-color:#000; color:#fff;}


#header.scrolled .navbar-nav li a {
  color:#000;
}
#header.scrolled {
  background-color: rgba(255,255,255,0.5) !important;
  transition: background-color 200ms linear;
}

.carousel-caption {width:100%; position:absolute; z-index:0; left:0; top:37%; padding-bottom:30px;}
.carousel-caption h1 {color:#fff; margin-bottom:20px;}
.carousel-caption h1:after {display:none;}
.carousel-caption p {font-size:1.3rem; color:#fff; text-align:center;}
.carousel-indicators {z-index:9; bottom:20px;}
.carousel-indicators li {width:15px; height:4px; border-radius:20%;}
.carousel-indicators .active {background-color:#76c374;}


.hero {padding:0;}
.knowmore a {background-color:#76c374; color:#000; position:relative; padding:10px 30px; display:inline-block;}
.knowmore a:hover {background-color:#000; color:#fff;}



footer {background-color:#232323; padding:50px 0 0 0;}
footer img {width:60%; margin-bottom:20px;}
footer h4, footer h4 a {color:#fff; font-size:1rem;}
footer ul {margin:0; padding:0;}
footer ul li {margin:0; padding:0; list-style:none; margin-bottom:10px;}
footer ul li a {color:#999;}
footer ul li a:hover, footer h4 a:hover {color:#fff;}
footer input[type="text"] {background-color:#393637; border:none; color:#666;}
footer input[type="submit"] {background-color:#76c374; border:none; color:#000;}
footer input[type="submit"] {transition: 0.3s ease-in-out;}
footer input[type="submit"]:hover {background-color:#000; color:#fff;}

.mainfooterbtm {width:100%; border-top:solid 1px #333; padding:2% 0; margin-top:30px; display:inline-block;}
.mainfooterbtm p {color:#666; text-align:center; margin:10px 0;}

.top a{background-color:#232323; border:solid 2px #ccc; border-radius:10%; padding:5px 10px 15px; display:inline-block; position:fixed; z-index:10; bottom:5%; right:20px; font-size:11px; line-height:0; text-align:center;}
.top a img {transform:rotate(-90deg); width:10px; margin:0 auto 5px;}
.top a:hover {color:#999;}


.breadcrumb {width:100%; background-color:#eaeaea; border-radius:0; text-align:center; display:inline-block; margin:0; padding:5px 0;}
.breadcrumb li {display:inline-block; font-size:0.8rem;}
.breadcrumb-item.active {color:#000;}

.list {margin:0; padding:0;}
.list li {margin-bottom:10px; padding:0 0 0 15px; list-style:none; background:url(../images/list.png) no-repeat 0 5px;}
.list li ol {margin-top:10px; padding:0;}


.card-header {cursor:pointer;}
.accordion-wrapper .accordion .card-header::after {
	font-family: 'FontAwesome';
    content: "\f077";
    float: right;
}
.accordion-wrapper .accordion .card-header.collapsed::after {content: "\f078";}
.card-header {font-weight:bold;}
.awarenesstab {padding:5% 10%;}
.awarenesstab .list li {text-align:left;}
.accordion {margin-bottom:30px;}

.sticky {background-color:#fff; box-shadow:0 0 10px #ccc;}
.fixed {position:fixed; top:0; width:100%;}

.graybox {width:100%; background-color:#eaeaea; padding:2% 5%; margin-bottom:20px;}

.hidden {display:none;}
.nav-tabs li {width:33.33%; text-align:center; margin:0 auto; font-family: 'Gotham-Bold'; font-size:1.5rem; color:#232323;}
.nav-tabs .nav-link {border-bottom:solid 5px transparent !important; border:none; padding:20px 0; margin:0 1px 0 0;}
.nav-tabs li span {font-size:0.9rem; line-height:0.9rem;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active {border-bottom:solid 5px #42c3f1 !important; border:none;}
.tab-pane {padding:2% 0;}

#marketinner .nav-tabs li {width:25%; text-align:center; margin:0 auto; font-family: 'Gotham-Bold'; font-size:1.5rem; color:#232323;}
#marketinner .nav-tabs .nav-link {border-bottom:solid 5px transparent !important; border:none; padding:20px 0; margin:0 1px 0 0;}
#marketinner .nav-tabs li span {font-size:0.9rem; line-height:0.9rem;}
#marketinner .nav-tabs .nav-item.show .nav-link, #marketinner .nav-tabs .nav-link:hover, #marketinner .nav-tabs .nav-link.active {border-bottom:solid 5px #42c3f1 !important; border:none;}


.left {text-align:left;}
.right {text-align:right;}

input[type="text"], textarea, select {width:100%; padding:5px 10px; margin-bottom:10px; border:solid 1px #ccc;}
input[type="submit"] {background-color:#76c374; padding:10px 30px; color:#000; border:none; cursor:pointer; transition: 0.3s ease-in-out;}
input[type="submit"]:hover {background-color:#232323; color:#fff;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  opacity:1;
}

.slidepanelmain {position:relative; margin-top:-150px; padding:0;}
#slide-panel {
    width:300px;
    height:150px;
    padding:10px;
    background-color:rgba(0,0,0,0.7);
    margin-right:0;
    position:relative;
	float:right;
	
}
#opener {
    float:left;
	width:30px;
	height:150px;
	padding:10px;
	background-color:rgba(0,0,0,0.7);
	color:#76c374;
    margin:-10px 0 0px -40px;
    border-radius:0;
	border-right:solid 1px #333;
	border-width:80%;
}
.span {transform:rotate(-90deg); margin-top:90px; font-size:20px;}


#demo1 {position:relative;}
#demo1 .carousel-item {width:80%; padding:5px 10px;}
#demo1 .carousel-item p {line-height:1.3rem; margin-bottom:7px; color:#fff;}
#demo1 .carousel-item p small {line-height:1rem;}
#demo1 .knowmore1 a {font-size:0.8rem; color:#76c374;}
#demo1 .carousel-indicators {transform:rotate(90deg); top:65px; right:-260px; bottom:100px; position:absolute;}

.techbox {width:100%; margin-bottom:30px; display:inline-block;}
.techbox img {border:solid 1px #ccc; padding:10px; transition: 0.3s ease-in-out;}
.techbox h3 {font-size:0.9rem; line-height:1.2rem; text-transform:uppercase; text-align:center; margin:10px 0;}
.techbox:hover img {border:solid 10px #232323; transform:scale(1.1); padding:0;}

.projectbox {width:100%; background-color:#e8e8e8; margin-bottom:20px; display:inline-block;}
.projectbox .col-sm-6 {padding:20px;}
.projectbox .col-sm-6 h3 {margin-bottom:10px;}
.projectbox .col-sm-6 .list li {margin-bottom:3px; font-size:0.8rem;}
.scod {background-color:#d1d0d0; padding:5px 10px; margin:5px 0; display:inline-block;}
.projectbox img {border:solid 10px transparent; transition: 0.3s ease-in-out;}
.projectbox:hover img{border:solid 10px #232323; transform:scale(1.1); }

#market, #news, #journey {background-color:#efefef;}
.newsdiv {padding:10px; margin-bottom:50px;}
.newsdiv:hover .num {color:#ccc;}
.newsdiv .num {font-family: 'Gotham-Bold'; font-size:5rem; line-height:5rem; color:#dfdfdf; transition: 0.3s ease-in-out;}
.newsdiv .date {font-size:0.8rem; color:#666; margin-bottom:20px;}
.newsdiv .date:after {content:''; width:70%; border-bottom:solid 1px #ccc; position:relative; margin-top:8px; float:right; display:inline-block;}
.newsdiv .date1 {font-size:0.8rem; color:#666; margin-bottom:20px;}
.newsdiv .date1:after {content:''; width:90%; border-bottom:solid 1px #ccc; position:relative; margin-top:8px; float:right; display:inline-block;}
.newsdiv h3 {font-size:1.1rem; line-height:1.3rem;}

#careers h1 {margin-top:80px;}
#careers a {margin-bottom:20px;}


.heroabout {width:100%; background:url(../images/banner-about.jpg) no-repeat center center; background-size:cover; padding-bottom:0;}
.herophylosophy {width:100%; background:url(../images/banner-philosophy.jpg) no-repeat center center; background-size:cover; padding-bottom:0;}
.herotech {width:100%; background:url(../images/banner-technologies.jpg) no-repeat center center; background-size:cover; padding-bottom:0;}
.heroprojects {width:100%; background:url(../images/banner-projects.jpg) no-repeat center center; background-size:cover; padding-bottom:0;}
.heromarket {width:100%; background:url(../images/banner-market-portfolio.jpg) no-repeat center center; background-size:cover; padding-bottom:0;}
.heronews {width:100%; background:url(../images/banner-news.jpg) no-repeat center center; background-size:cover; padding-bottom:0;}
.herocontact {width:100%; background:url(../images/banner-contact.jpg) no-repeat center center; background-size:cover; padding-bottom:0;}
.herocareers {width:100%; background:url(../images/banner-careers.jpg) no-repeat center center; background-size:cover; padding-bottom:0;}
.heroinner h1 {background-color:rgba(0,0,0,0.6); text-align:center; margin:16.8% 0 0; padding:20px 0; color:#fff;}
.heroinner h1:after {display:none;}

.journeydiv {margin-bottom:30px;}
.journeydiv:hover .year {color:#76c374;}
.year {font-family: 'Gotham-Bold'; font-size:3rem; line-height:3rem; color:#42c3f1; margin-bottom:20px; transition: 0.3s ease-in-out;}
.year span {font-size:1.5rem;}

.leaderdiv img {border:solid 1px #ccc; padding:10px; transition: 0.3s ease-in-out;}
.leadername {width:80%; margin:-30px auto 0; background-color:#232323; padding:10px; margin-bottom:20px; position:relative; }
.leadername h3 {font-size:1rem;}
.leadername h3, .leadername p {text-align:center; color:#fff; margin-bottom:0;}
.leadername p {opacity:0.6;}
.leadercontent {
  position: absolute;
  bottom: 0;
  left: 5%;
  right: 0;
  bottom: 16.3%;
  background-color: rgba(118,195,116,0.9);
  overflow: hidden;
  width: 90%;
  height: 0;
  transition: .5s ease;
}
.leaderdiv:hover .leadercontent {
  height: 83.7%;
}
.leadercontent p {
  color: #fff;
  position: absolute;
  width:80%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.philosophybox {position:relative; margin-bottom:150px;}
.philosophybox:before {content:''; width:100%; height:300px; box-shadow: inset 0 0 0 3px #76c374; display:inline-block; transition: 0.3s ease-in-out;}
.philosophybox img {position:absolute; top:16%; left:10%; transition: 0.3s ease-in-out;}
.philosophybox:hover:before {box-shadow: inset 0 0 0 10px #76c374;}
.philosophybox:hover img {top:12%; left:8%;}
.tech h1 {margin:30% 0;}
.tech h1:after {display:none;}
.c-detail {margin-bottom:20px;}
.c-detail div {margin-bottom:10px;}
.c-detail span {margin-right:15px; color:#76c374;}
.c-detail a {color:#333;}
.c-detail a:hover {color:#000;}

.wmap, .ukmap {position:relative;}
.europe {position:absolute; width:11.6%; left:44.3%; top:20.2%;}
.us {position:absolute; width:36%; left:0; top:0;}
.popover p {margin-bottom:0;}

.wmapbtm {width:70%; background-color:#232323; font-size:1.2rem; font-weight:bold; color:#fff; padding:10px; margin:20px auto; text-align:center;}
.wmapbtm span {margin:0 10px;}
.wmapbtm span:before {content:''; width:10px; height:10px; background-color:#fff; border-radius:50%; margin-right:10px; display:inline-block;}

.uk1 {position:absolute; left:51.3%; top:55%;}
.uk2 {position:absolute; left:56.3%; top:61%;}
.uk3 {position:absolute; left:59.3%; top:56%;}
.uk4 {position:absolute; left:52.3%; top:65%;}
.uk5 {position:absolute; left:60.3%; top:65%;}
.uk5-1 {position:absolute; left:63.3%; top:65%;}
.uk6 {position:absolute; left:68.3%; top:75%;}
.uk6-1 {position:absolute; left:73.3%; top:75%;}
.uk7 {position:absolute; left:65.3%; top:82%;}
.uk7-1 {position:absolute; left:68.3%; top:82%;}
.uk8 {position:absolute; left:48.3%; top:85%;}
.uk9 {position:absolute; left:53.3%; top:86%;}
.uk10 {position:absolute; left:55.3%; top:52%;}
.uk11 {position:absolute; left:52.3%; top:48%;}
.uk12 {position:absolute; left:57.3%; top:72%;}
.uk12-1 {position:absolute; left:61.3%; top:72%;}
.uk13 {position:absolute; left:52.3%; top:72%;}
.uk14 {position:absolute; left:46.3%; top:77%;}
.uk15 {position:absolute; left:60.3%; top:84%;}


.projectdiv {padding:10%; background-color:#eee; margin:10px 0;}
.projectdiv h1 {font-size:25px;}
.projectdiv h1:after {margin-top:0;}
.projectdiv h1 span {font-size:15px; line-height:15px; display:block; font-family: 'Gotham-Book';}