@import url("https://fonts.googleapis.com/css?family=Lato:400,700&display=swap");
@import url('https://fonts.googleapis.com/css?family=Sarala:700&display=swap&subset=devanagari,latin-ext');


* {
  padding: 0;
  margin: 0;
}

body {
  overflow-x: hidden !important;
	overflow-y: scroll;
  font-family: 'Lato', sans-serif !important;
  color: #353B41;
  font-size: 1rem;
  background-color: whitesmoke;


}

html{
	
	scroll-behavior: smooth;

}

h1, h2, h3{
	text-transform: uppercase;
	font-family: 'Sarala', sans-serif;
}

p, i , ol, ul{
	font-weight: normal;
	word-break: keep-all;
	
}

q {
	
	font-family: 'Sarala', sans-serif;
	word-break: keep-all;
}

ol {
	
	padding-left: 2rem;
	padding-right: 2rem;
}


/*
.loader img {
  height: 4rem;
  animation-name: loader-img;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-play-state: running; }

@keyframes loader-img {
  0% {
    transform: scale(0.5); }
  25% {
    transform: scale(0.75); }
  50% {
    transform: scale(1); }
  75% {
    transform: scale(0.75); }
  100% {
    transform: scale(0.5); } }

*/

.wraper {
  margin: 0 auto;
  max-width: 100%; }

.navbar {
	
	background: whitesmoke;
	-webkit-box-shadow: 2px 2px 10px 0px black;
    box-shadow: 2px 2px 10px 0px black;
	padding: 0;
	z-index: 9999999;
	max-height: 100vh;
  	overflow-y: auto;

}

	
.navbar--active {
	
	-webkit-transition: background-color 0.5s linear;
	
	-o-transition: background-color 0.5s linear;
	
	transition: background-color 0.5s linear;
	background-color: #CFCFCF;
}

.navbar a{
	color: black !important;
}
.navbar > button{
	
	border: none !important;
}

.navbar .nav-item a{
	
	text-transform: uppercase;
	font-weight: bold;
	
	
}
.navbar-nav > li > a {
	line-height: 3rem;
}

.navbar-brand {
	
	padding: 10px;
}

.navbar-brand img {
  height: 3rem;

}

.nav-item .nav-link img {
  height: 1.25rem;
  width: 1.25rem;
}

.navbar .nav-item .nav-link{
	border-width: thick;
	border-style: none none solid none;
	border-color: transparent;
}



.navbar .nav-item .nav-link:hover{
	
	color: white !important;
	border-width: thick;
	border-style:  none none solid none;
	border-color: #0C3C60;
	background: #a02730;
}

.navbar .nav-item .nav-link:hover img, .navbar .nav-item .nav-link.active img{
  -webkit-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  -moz-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  -ms-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  -o-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;

}
	
.navbar .nav-item .nav-link.active {
	
	color: white !important;
	border-width: thick;
	border-style: none none solid none;
	border-color: #0c3c60;
	background: #a02730;
	
}

.navbar-toggler span {
display: block;
height: 3px;
margin: 4px;
width: 20px;
background-color: dimgrey;
border-radius: 2px;
-webkit-transition: -webkit-transform 0.3s;
-webkit-transition: all 300ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.navbar-toggler span:first-child {

}
.navbar-toggler span:nth-child(2) {

}
.navbar-toggler span:last-child {

}

.navbar-toggler--active span {
	
	background-color: whitesmoke;
	
}
.navbar-toggler--active span:first-child {
-webkit-transform: translateY(7px) rotate(135deg);
-ms-transform: translateY(7px) rotate(135deg);
transform: translateY(7px) rotate(135deg);

}
.navbar-toggler--active span:last-child {
-webkit-transform: translateY(-7px) rotate(-135deg);
-ms-transform: translateY(-7px) rotate(-135deg);
transform: translateY(-7px) rotate(-135deg);

}
.navbar-toggler--active span:nth-child(2) {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);    
}

.loader-wrapper{
	
	width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(70,70,70,1.00);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 99999999; 
}

.loader img{
	height: 3.5rem;
	-webkit-animation: lds-circle 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	        animation: lds-circle 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
}

@-webkit-keyframes lds-circle {
  0%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
            animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
            animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}

@keyframes lds-circle {
  0%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
            animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
            animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}


/*========= Home Page ========== */


.video-background {
  position: relative;
  min-width: 100%;
  min-height: 100vh;
	width: auto;
	height: auto;
  background: rgba(0, 0, 0, 0.2);
}

.caption {
  position: absolute;
  top: 38%;
  width: 100%;
  color: whitesmoke;
  background: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 2px 8px #323232;
          box-shadow: 3px 2px 8px #323232; }

.caption h1 {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: .2rem;
  text-shadow: 0.1rem 0.1rem .1rem black;
  padding-bottom: 0rem;
font-family: 'Lato', sans-serif !important;
	

}

.caption h3 {
  font-size: 1.5rem;
  text-shadow: 0.1rem 0.1rem .1rem black;
  padding-top: 1rem;
 font-family: 'Lato', sans-serif !important;}

.scroll-down.index{
	position: absolute;
	bottom: 80px;
	left: calc(50% - 14px);
}
.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
          transform: scale3d(0.5, 0.5, 0.5);
  -webkit-animation: move 3s ease-out infinite;
          animation: move 3s ease-out infinite;
}

.chevron:first-child {
  -webkit-animation: move 3s ease-out 1s infinite;
          animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  -webkit-animation: move 3s ease-out 2s infinite;
          animation: move 3s ease-out 2s infinite;
}

.chevron:before, .chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  background: rgba(255,255,255,0.5);
	
}

.chevron:before {
  left: 0;
  -webkit-transform: skew(0deg, 30deg);
      -ms-transform: skew(0deg, 30deg);
          transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  -webkit-transform: skew(0deg, -30deg);
      -ms-transform: skew(0deg, -30deg);
          transform: skew(0deg, -30deg);
}

@-webkit-keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  67% {
    opacity: 1;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
            transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  67% {
    opacity: 1;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
            transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

.icon {
  -webkit-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  -moz-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  -ms-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  -o-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important; }

.icon-about {
  -webkit-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  -moz-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  -ms-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  -o-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important; }

.container-about {
  vertical-align: middle;
  color: #0C3C60;
  background: #D1E0EB;
  padding: 5rem 2rem;
}

.container-about .btn {
  background-color: #0C3C60;
  border-radius: 50px; }


#counter{
    padding: 5rem 2rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

#counter .col-sm-4 .col-xs-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    
}

#counter .row .col-sm-4:nth-child(2){
    
    border-style: none solid none solid;
    border-width: 2px;
    border-color: rgba(53,59,65,0.5); 

}

.counter-icon {
    
    height: 4rem;
    width: auto;
    padding: 0.5rem 0;
    -webkit-filter: invert(20%) sepia(7%) saturate(975%) hue-rotate(169deg) brightness(92%) contrast(88%) !important;
  -moz-filter: invert(20%) sepia(7%) saturate(975%) hue-rotate(169deg) brightness(92%) contrast(88%) !important;
  -ms-filter: invert(20%) sepia(7%) saturate(975%) hue-rotate(169deg) brightness(92%) contrast(88%) !important;
  -o-filter: invert(20%) sepia(7%) saturate(975%) hue-rotate(169deg) brightness(92%) contrast(88%) !important;
  filter: invert(20%) sepia(7%) saturate(975%) hue-rotate(169deg) brightness(92%) contrast(88%) !important;
    
}


.container-spc {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
	background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='18' viewBox='0 0 100 18'%3E%3Cpath fill='%23a02730' fill-opacity='0.4' d='M61.82 18c3.47-1.45 6.86-3.78 11.3-7.34C78 6.76 80.34 5.1 83.87 3.42 88.56 1.16 93.75 0 100 0v6.16C98.76 6.05 97.43 6 96 6c-9.59 0-14.23 2.23-23.13 9.34-1.28 1.03-2.39 1.9-3.4 2.66h-7.65zm-23.64 0H22.52c-1-.76-2.1-1.63-3.4-2.66C11.57 9.3 7.08 6.78 0 6.16V0c6.25 0 11.44 1.16 16.14 3.42 3.53 1.7 5.87 3.35 10.73 7.24 4.45 3.56 7.84 5.9 11.31 7.34zM61.82 0h7.66a39.57 39.57 0 0 1-7.34 4.58C57.44 6.84 52.25 8 46 8S34.56 6.84 29.86 4.58A39.57 39.57 0 0 1 22.52 0h15.66C41.65 1.44 45.21 2 50 2c4.8 0 8.35-.56 11.82-2z'%3E%3C/path%3E%3C/svg%3E");
	background-attachment: fixed;
}

.container-spc .col-10{
  color: white;
  padding: 1rem;
	margin: 1rem 0;
	border-radius: 50px;
  -webkit-box-shadow: 3px 2px 8px #323232;
          box-shadow: 3px 2px 8px #323232; }

.container-spc .col-10 h3{
  padding: 0.5rem !important;
  font-weight: bold !important;
  text-align: center !important; }

.container-spc .col-10 p{
  padding: 0.5rem 2rem 0;
	text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.container-spc .btn {
  border-radius: 50px;
}


#contact {
	padding-top: 1rem;
	padding-bottom: 1rem;
    background: whitesmoke;
}

/* #D87072 */

#contact img {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
  height: 4rem;
  width: auto;
}
#contact h5 {
  padding: 0.5rem;
  font-weight: bold; }

#contact p {
  margin: 0px; }

#contact iframe {
  height: 100%;
  width: 100%;
}

#outerdiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }


footer {
    background: whitesmoke;
    
}

footer p {
  color: grey;
  font-size: 0.75rem;
  font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;}

footer a{
	color: grey;
	text-underline-position: below;
	
}
.row {
  margin-bottom: 30px; }

.row:last-child {
  margin-bottom: 0; }

	


/*===== About Page =====*/
#about{
	background-repeat: no-repeat;
	background-image: url("/image/BG-about-2-blur.jpg");
	height: 100vh;
	width: 100%;
	position: fixed;
	background-size: cover;
	z-index: -999;

}

/*======== .blur {
	
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-ms-filter: blur(3px);
	-o-filter: blur(3px);
	filter: blur(3px);

}


=======*/
#sectionabout-1 {
  vertical-align: middle;
  color: #0C3C60;
	background: rgba(209,224,235,0.65);
  -webkit-box-shadow: 3px 2px 8px #323232;
          box-shadow: 3px 2px 8px #323232;
  min-height: 100vh !important;
  padding: 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

#sectionabout-1 img {
  -webkit-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  -moz-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  -ms-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  -o-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

#sectionabout-2 {
  vertical-align: middle;
  color: white;
  -webkit-box-shadow: 3px 2px 8px #323232;
          box-shadow: 3px 2px 8px #323232;
  min-height: 100vh !important;
  padding: 1.5rem !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

#sectionabout-2 q {
  font-weight: bold;
  padding-bottom: 2rem;
  font-style: italic; }

#sectionabout-2 img {
  -webkit-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%);
  -moz-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%);
  -ms-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%);
  -o-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%);
  filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%);
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

#sectionabout-3 {
  vertical-align: middle;
  color: black;
  background: rgba(220,220,220,0.8);
  min-height: 100vh !important;
  padding: 4rem 1.5rem !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
 -webkit-box-shadow: 3px 2px 8px #323232;
         box-shadow: 3px 2px 8px #323232;
}

#sectionabout-3 img{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	
}

.team-member-brief h4{
	text-align: left;
	
}
.team-card{
	
	padding: 0.5rem !important;
	border-style: none none solid none;
	border-color: black;
	border-width: thin;
}

.team-card:last-child{
	border-style: none;
	border-color: black;
	border-width: thin;
}


.team-cards h4{
	font-weight: 900;
}

.team-photo {
  border-radius: 50%;
	width: 12rem;
  text-align: center;
  max-width: 100%;
  height: auto;
  transition: 0.1s transform ease-in-out;
}


.team-photo:hover {
  transform: scale(0.9);
  cursor: pointer;
}

.btn-about {
  border-radius: 30px;
  -ms-flex-line-pack: middle;
      align-content: middle;
  background: #0C3C60;
  font-size: 1rem;
	margin-top: 10px;

}

/*===== Services Page =====*/

.scroll-down.services{
	display: none;

}

#services-carousel{
	
-webkit-box-shadow: 3px 2px 8px #323232;
	
        box-shadow: 3px 2px 8px #323232;

}


#services-carousel .carousel-item {
	
	height: 80vh;
	width: 100%;
}

#services-carousel .carousel-item img {
	
	-o-object-fit: cover;
	
	   object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
	background-repeat: no-repeat;
   	background-position: center;
	
}

#services-carousel .carousel-indicators li {
 
	height: 5px;
	width: 40px;
	background-color: #0C3C60;	
}



#services-carousel .caption-box-black h1 {
	
	color: rgba(237,237,237,1.00);
	font-size: 3.5vw;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif !important;
	
}

#services-carousel .caption-box-black {
	
	background: rgba(0,0,0,0.55);
	position: relative;
	z-index: 10;
	top: -60%;
	left: 13%;
	padding: 1rem;
	max-width: 50%;
	max-height: 40%;
	-webkit-box-shadow: 3px 2px 8px #323232;
	        box-shadow: 3px 2px 8px #323232;
	
}

#sectionservices-2
{
	padding: 2rem 5rem;
	background-image: url("/image/Services-Background.svg");
	background-attachment: fixed;
	/* background by SVGBackgrounds.com */
	}



.nav-tabs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	margin-bottom: 7px;
	width: 100%;
	
}
.nav-tabs li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
	 -webkit-box-shadow: 3px 2px 8px #323232;
	         box-shadow: 3px 2px 8px #323232;
 
}

.nav-tabs li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
  	-webkit-box-align: center;
  	    -ms-flex-align: center;
  	        align-items: center;

}

.nav-tabs .nav-item a{
	
	border-style: none none solid none;
	border-color: transparent;
	border-width: thick;
	
}
#services-tab .nav-item a {
	background-color: #0C3C60;
	font-size: 1.25rem;
	color: white;
	font-weight: bold;
	text-align: center;
}

.overview {
	background: white;
	padding: 2rem;
	-webkit-box-shadow: 3px 2px 8px #323232;
	        box-shadow: 3px 2px 8px #323232;
	margin-bottom: 7px;
	text-align: justify;
}


#power-tab .nav-item a, #infrastructure-tab .nav-item a, #IC-tab .nav-item a,#management-tab .nav-item a{
	background-color: #D87072;
	font-size: 1.1rem;
	color: black;
	text-align: center;
	font-weight: bold;
}


.nav-tabs > li > a:hover{
	border-style: none none solid none;
	border-color: white;
	border-width: thick;
	background-color: #303136 !important;
	color: white !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show{
	
	border-radius: 0px;
	background-color: #303136 !important;
	color: white !important;
	border-style: none none solid none;
	border-color: white;
	border-width: thick;
}

#sectionservices-2 .accordion{
	-webkit-box-shadow: 3px 2px 8px #323232;
	        box-shadow: 3px 2px 8px #323232;
	text-align: justify;
	
}
#sectionservices-2 .accordion h6 {
	
	text-align: left !important;
	font-weight: bold;
	font-size: 1.1rem;
}

#sectionservices-2 .accordion .card-header:hover{
	border-width: medium;
	border-color: whitesmoke;
	border-radius: 0px;
	background-color: #303136 !important;
	color: white !important;
		
}

#sectionservices-2 .accordion h6:hover{
	color: white;
}


#sectionservices-2 .accordion .card-header h6:before {
   content: url("/image/icon-down-14px.png");
   float: right;
   -webkit-transition: -webkit-transform 0.5s;
   -o-transition: transform 0.5s;
   transition: transform 0.5s;	
}

#sectionservices-2 .accordion .card-header{
	border: none;
	
}
#sectionservices-2 .accordion .card-header:hover h6:before{
	-webkit-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  -moz-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  -ms-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  -o-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
}
#sectionservices-2 .accordion .card-header.active h6:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	    transform: rotate(180deg);
} 

#IC2 img{
	width:100%;
	height: auto;
}
/*===== Projects Page =====*/

#projects-1{
	background: #D87072;
	padding: 120px 0 2rem;
    color: black;
   -webkit-box-shadow: 3px 2px 8px #323232;
           box-shadow: 3px 2px 8px #323232;
    
}

.icon-projects{
	text-align: center;
    
	
}

#projects-1 .dropdown{
    
    margin: 1rem 0;

}

#projects-1 .dropdown-toggle{
    background: lightgrey;
    color: black;    
}


#projects-1 .dropdown-menu{
    

    max-height: 50vh;
    max-width: 75vw;
    overflow-x: hidden;
    overflow-y: scroll;
}

#project-accordion .card{
	
	display: none;
}
/* The "show" class is added to the filtered elements */
#project-accordion .card.show {
  display: block;
}

#project-accordion{
	-webkit-box-shadow: 3px 2px 8px #323232;
	        box-shadow: 3px 2px 8px #323232;
    width: 100%;
	
}
#project-accordion a {
	
	text-align: left !important;
    text-transform: capitalize;
}

#project-accordion p,#project-accordion ol,#project-accordion ul,#project-accordion li {
    
     text-transform: capitalize;
}


#project-accordion .card-header{
	padding: 5px 1rem;
}
#project-accordion .card-header:hover{
	border-width: medium;
	border-color: whitesmoke;
	border-radius: 0px;
	background-color: #303136 !important;
	color: white !important;
		
}

#project-accordion a:hover{
	color: white;
}


#project-accordion .card-header a:before {
   content: url("/image/icon-down-14px.png");
   float: right;
   -webkit-transition: -webkit-transform 0.5s;
   -o-transition: transform 0.5s;
   transition: transform 0.5s;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
}

#project-accordion .card-header{
	border: none;
	
}
#project-accordion .card-header:hover a:before{
	-webkit-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  -moz-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  -ms-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  -o-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
}
#project-accordion .card-header.active a:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	    transform: rotate(180deg);
} 
/*===== Clients Page =====*/

#sectioncareers-1 a{
	
	color: #0C3C60;
} 

#sectioncareers-2 a{
	color: white;
	text-decoration: underline;
}

#sectioncareers-1 a:hover, #sectioncareers-2 a:hover{
	
	color: crimson;

}
#sectionclients-1 {
  vertical-align: middle;
  color: #0C3C60;
  background: #D1E0EB;
  -webkit-box-shadow: 3px 2px 8px #323232;
          box-shadow: 3px 2px 8px #323232;
  min-height: 100vh !important;
  padding: 1.5rem !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.icon-clients img {
  height: 48px; }

#sectionclients-1 .icon-clients img {
  -webkit-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  -moz-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  -ms-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  -o-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
}



#js-infiniteslide img{
	
	height: 100px;
	width: auto;
	margin-right: 50px;
}


/*===== Careers Page =====*/

#sectioncareers-1{
	
	background: #D1E0EB;
	color: #0C3C60;
	min-height: 100vh !important;
	padding-bottom: 2rem;
	vertical-align: middle;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	padding-top: 5rem !important;
	display: none;
	 -webkit-box-shadow: 3px 2px 8px #323232;
	         box-shadow: 3px 2px 8px #323232;
	
}



#sectioncareers-1 .icon-careers img{
	
	-webkit-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  -moz-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  -ms-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  -o-filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important;
  filter: invert(21%) sepia(11%) saturate(3948%) hue-rotate(165deg) brightness(93%) contrast(99%) !important; 
	height: 48px;
	
}

#sectioncareers-2{
	color: white;
	height: 100vh !important;
	padding-bottom: 2rem;
	vertical-align: middle;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	background: black;
	background-image: url("image/BG-Careers-blur.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-top: 12%;
	 -webkit-box-shadow: 3px 2px 8px #323232;
	         box-shadow: 3px 2px 8px #323232;
	
}

#sectioncareers-2 .col-lg-6, #sectioncareers-2 .col-md-8{
	background: rgba(0, 0, 0, 0.65);
	-webkit-box-shadow: 3px 2px 8px #323232;
	        box-shadow: 3px 2px 8px #323232;
	padding-top: 1.5rem;	
	
}

#sectioncareers-2 .col-lg-6 p, #sectioncareers-2 .col-md-8 p{
	font-weight: bolder;


}

#sectioncareers-2 .icon-careers img{
	
-webkit-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  -moz-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  -ms-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  -o-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important;
  filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(7deg) brightness(116%) contrast(103%) !important; 
	height: 48px;
	
}



#sectioncareers-1 .col-lg-6 img{
	
	width: 100%;
}


#sectioncareers-1 .col-lg-6{
	
	-ms-flex-line-pack: center;
	
	    align-content: center;
	vertical-align: middle;
		
	
}

#sectioncareers-1 p{
	
	font-size: 1.15rem;
}


@media (pointer: coarse) and (hover: none) {
  /*===== style controls for touch screen ====*/ 

}
@media only screen and (max-width: 768px) {
  .row {
    margin: 0; }

  .row [class*="col-"] {
    margin-bottom: 30px; }

  .row:last-child [class*="col-"]:last-child {
    margin-bottom: 0; } }


@media (max-width: 1210px) {
	
	
	.navbar-nav > li > a {
	line-height: 3rem;
	font-size: 1rem;
}

}

@media (max-width: 1200px) {
	
	.navbar-nav > li > a {
	line-height: 2rem;
	font-size: 1.25rem;
}
	
.navbar .nav-item .nav-link{
	border-width: medium;
	border-style: solid none solid none;
	border-color: transparent;
}


.navbar .nav-item .nav-link:hover{
	
	color: white !important;
	border-width: medium;
	border-style: solid none solid none;
	border-color: #0c3c60;
	background: #a02730;
}

.navbar .nav-item .nav-link.active {
	
	color: white !important;
	border-width: medium;
	border-style: solid none solid none;
	border-color: #0c3c60;
	background: #a02730;
	
}
	
	
	
}

@media (max-width: 992px) {

.team-member-brief h4{
	text-align: center;
	
}
	
	
}

@media (max-width: 768px) {
  

	.navbar-brand span {
    font-size: 1.25rem; }

  .navbar-brand img {
    height: 2rem; }
	
	.navbar-brand svg {
    height: 2rem; }

  .caption h1 {
    font-size: 2rem;
    letter-spacing: .2rem;
    text-shadow: 0.1rem 0.1rem .1rem black; }

  .caption h3 {
    font-size: 1rem;
    text-shadow: 0.1rem 0.1rem .1rem black; } 

	#sectioncareers-1{
		display: block;
	}
	
	#sectioncareers-2{
		
		display: none;
	}

}
@media (max-width: 576px) {
  .navbar-brand span {
    display: none; }

  .btn-about {
    font-size: 0.85rem; }

.container-spc .col-10 p{
  padding: 0.5rem 0.5rem 0;
 }
    
    #contact{
        z-index: -10;
    }
 
#counter .row .col-xs-12:nth-child(2){
    
    border-style: solid none solid none;
    border-width: 2px;
    border-color: rgba(53,59,65,0.5);
    padding: 2rem 0;

} 

    #counter .row .col-xs-12:first-child, #counter .row .col-xs-12:last-child{
        
        padding: 0rem 0;
    }   
#contact img {
  height: 3rem;
  width: auto;
}
#contact h5 {
  padding-top: 0.5rem;
	padding-bottom: 0.5rem;
  font-weight: bold;
	font-size: 18px;
}

#contact p, #contact a {
  font-size: 14px;
}

#contact iframe {
  height: 250px;
  width: 100%;
}	

footer p {
  color: grey;
  font-size: 0.6rem;
  font-weight: bold;
}
	
#contact iframe{
	
	margin-top: 1rem;
	
}

#sectionabout-1{
	
	padding-top: 5rem;
	
}	


#sectioncareers-1 .col-sm-12 img {
	
	width: 100%
	
}

	
#sectioncareers-1 p{
	
	font-size: 1rem;
}
	
.scroll-down.services{
	
	display: block;
	position: absolute;
	bottom: 80px;
	left: calc(50% - 14px);
	z-index: 999999;

}	
#sectionservices-2
{
	
	padding-left: 0rem;
	padding-right: 0rem;
	
	
}
	
#services-carousel .carousel-control-prev-icon {

	background-image: none;

}

#services-carousel .carousel-control-next-icon {

    background-image: none;


}

#services-carousel .carousel-indicators{
		
		display: none;
	} 	
	
#services-carousel .carousel-item {
	
	height: 100vh;
	width: 100%;
}
	
	

	#services-carousel .caption-box-black h1 {
	
	font-size: 7vw;

	}
	

	#services-carousel .caption-box-black {
	
	
	top: -70%;
	left: 10%;
	max-width: 70%;
	max-height: 40%;
	
}
	
.nav-tabs {
display: block;
}
	
.nav-tabs li {
    display: block;
	border-radius: 0px !important;

}

.nav-tabs li  a {
	-webkit-box-flex: 0;
	    -ms-flex: 0;
	        flex: 0;
	border-radius: 0px !important;
}
	
#services-tab .nav-item a {
	font-size: 1.1rem;

}
	
	.accordion h6 {
	
	font-size: 1rem;
}

#projects-1{

	margin: 50px 0px 0px;
	padding: 1rem 5%;
}

#project-selector-btn{
	padding-bottom: 1rem;		
}
#project-selector-btn .btn {
	
	display: inline-block;

	margin: 0rem 0.25rem 0.25rem;
}

	
}
/*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

=============*/