::placeholder {
  color: white;
  opacity: 1; /* Firefox */
}

.fixed{
	position: fixed;
	top: 0;
	cursor: pointer;
	z-index: 100000;
	opacity: 0;
	margin-left: 1vw;
	/*bottom: 0;*/
}

.fixed-logo{
	min-width: 30px;
	margin-left:1vw;
	position: fixed;
	top:0;
	padding-top: 3rem;
	opacity: 0;
	z-index: 100000;
	/*bottom: 0;*/
}

#output-box{
	display: none;
}

.logo-right{
	width: 3vw;
	min-width: 30px;
}

#white-logo{
	display: none;
}

.menu-hum{
	
	z-index: 1000000;
	position: relative;
}

.bar1, .bar2, .bar3, .bar4 {
	width: 6vw;
	max-width: 60px;
	min-width: 30px;
  	height: 3px;
  	background-color: #000000;
  	margin: 20px 0;
  	transition: 0.4s;
}

.white-menu-bars{
	background-color: #fff !important;
}

.change .bar2 {
  	-webkit-transform: rotate(-45deg) translate(-9px, 6px);
  	transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
  	transform: rotate(45deg) translate(-8px, -8px);
}

#side-menu{
	width: 45vw;
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9000;
	background-color: rgba(0,0,0,0.85);
	transform: translateX(100vw);
	transition: all .5s;
}

.menu-come{
	transform: translateX(0) !important;
	transition: all .5s;

}
.menu-categories{
	cursor: pointer;
}

.menu-categories a:hover{
	color: white !important;
}

.menu-links{
	display: none;
	cursor: pointer;
}

.menu-links a:hover{
	color: white !important;
}


.trigger-menu{
	cursor: pointer;s
}

#side-menu ul{
	color: white;
	list-style: none;
}

#search-field{
	display: none;
	width: 85%;
}

#search-btn{
	cursor: pointer;
	width: 38px;
}


#about-container{
	background-color: #F4F4F4;
}

#about-white-section{
	background-color: #FFFFFF;
	width: 100%;
	height: 30vw;
	position: absolute;
	top: 0;
	left: 0; 
}

#accord-about .card, #accord-about .card .card-header, #news-acordion .card, #news-acordion .card .card-header{
	border:none;
	background-color: transparent; 
}

.flex-col{
	display: flex;
	flex-direction: column;
}

.bio-photo-opacity-hover{
	opacity: .4;
	transition: all .5s;
}

.bio-photo-opacity{
	opacity: .4;
	transition: all .5s;
}
.bio-photo-no-opacity-hover{
	opacity: 1;
	transition: all .5s;
}
.bio-selected{
	opacity: 1;
}

.bio-photo{
	width: 100%;
	padding-top: 100%;
	background-position: 50%, 50%;
	background-size: cover;
	transition: all .5s; 
	border-radius: 0;
}

.meet-the-team{
	color: black;
	font-size: 18px;
}

.more-news{
	color: black;
	font-size: 18px;
}


.expand-team:after{
	content: '';
	background-image: url('../icons/Union1.png');
	background-size: contain;
	width: 24px;
	height: 44px;
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	left: 50%;
	transform: translateX(-50%);
}

.hide-team:after{
	content: '';
	background-image: url('../icons/Union2.png');
	background-size: contain;
	width: 24px;
	height: 44px;
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	left: 50%;
	transform: translateX(-50%);
}

.expand-news:after{
	content: '';
	background-image: url('../icons/Union1.png');
	background-size: contain;
	width: 24px;
	height: 44px;
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	left: 50%;
	transform: translateX(-50%);
}

.hide-news:after{
	content: '';
	background-image: url('../icons/Union2.png');
	background-size: contain;
	width: 24px;
	height: 44px;
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	left: 50%;
	transform: translateX(-50%);
}

.ind-new{
	border:none; 
}


.ind-new .card-img-top{
	width: 100%;
	padding-top: 60%;
	background-size: cover;
	background-position: 50%, 50%;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
}
.img-overlay{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.new-img-read:before{
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url('../icons/read-icon.png');
	background-repeat: no-repeat;
	width: 75px;
	height: 45px;
	z-index: 1;
	background-size: contain;
}
.new-img-video:before{
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url('../icons/vid-icon.png');
	background-repeat: no-repeat;
	width: 75px;
	height: 45px;
	z-index: 1;
	background-size: contain;
}
.new-img-event:before{
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url('../icons/event-icon.png');
	background-repeat: no-repeat;
	width: 75px;
	height: 45px;
	z-index: 1;
	background-size: contain;
}
.new-img-link:before{
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url('../icons/link-icon.png');
	background-repeat: no-repeat;
	width: 75px;
	height: 45px;
	z-index: 0 !important;
	background-size: contain;
}

.card-type{
	color: #7E7E7E;
	cursor: pointer;
}

.new-text{
	font-size: 18px;
	display: none;
}

.searchable{
	width: 85vw !important;
}

.light-gray-testimonial{
	background-color: #CBC7C7;
}

.mustard-testimonial{
	background-color: #D49629;
}

.blue-testimonial{
	background-color: #2497B2;
}

.brown-testimonial{
	background-color: #A76856;
}

.dark-gray-testimonial{
	background-color: #707070;
}
.no-color-testimonial{
	background-color: transparent;
}


.testimonial-person{
	font-size: 18px ;
	margin:0; 
}

#clients-container{
	background-color: #141414;
	color: #9D9D9D;
}

.clients-list{
	color: #9D9D9D;
	list-style: none;
	padding-left: 0;
}

#footer-container{
	background-color: #F4F4F4;
	color: #707070;
}

.footer-list{
	font-size: 18px;
	list-style: none;
	color: #707070;
	padding-left: 0;
}

.hidden-bio{
	display: none;
}

.bio-text{
	margin-bottom: calc(4vh + 3vw);
	padding-left: 0;
}

.bio-photo-row .card-body{
	padding-bottom: calc(1vw + 2vh);
}

/*BOXPLUS*/

.boxplusx-navigation{
	display: none !important;
}

.boxplusx-previous{
	width: 25px;
	height: 45px;
	background-image: url('../boxplus-assets/left-arrow.png');
	cursor: pointer;
	margin-right: 50px;
}

.boxplusx-next{
	width: 25px;
	height: 45px;
	background-image: url('../boxplus-assets/right-arrow.png');
	cursor: pointer;
	background-repeat: no-repeat;
	margin-left: 50px;
}

.boxplusx-dialog{
	background-color: transparent !important;
}

.boxplusx-container{
	background-color: rgba(0,0,0,0.85) !important;
}

.boxplusx-title{
	padding-left: 40px !important;
	padding-top: 10px !important;
	
}

.boxplusx-caption > .boxplusx-title{
	font-weight: normal !important;
}


.boxplusx-title:after{
	content: '';
	width: 60px;
	position: relative;
	border-top: 2px solid;
	padding: 0;
	margin-top: 6px;
	display: block;
	bottom: 0;
	margin-left: -20px;
}

.new-img-video a{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000000;
	width: 100%;
	height: 100%;
}

.boxplusx-controls{
	/*display: none;*/
}

.boxplusx-controls > .boxplusx-close{
	position: fixed;
	right: 10px;
	top: 10px;
	width: 4vw;
	height: 4vw;
	z-index: 1000;
	min-width: 40px;
	min-height: 40px;
	background-size: contain;
}

.boxplusx-caption {
    max-height: 100% !important;
    overflow-y: auto;
}

.boxplusx-caption > .boxplusx-description{
	font-weight: normal !important;
}

.boxplusx-description{
	color: #707070 ;
	padding-left: 40px;
	font-weight: normal;
	padding-top: 10px;
}

.grayScaled{
	filter: none !important;
}

.multiPlyed{
	background-blend-mode: normal !important;
}

.boxplusx-container{
	z-index: 9999999;
}

.btn.focus, .btn:focus{
	box-shadow: none;
	outline:none;
}
/*END BOXPLUS*/

.ser-divider{
	display: none;
}

.divider-show{
	display: block !important;
}


@media only screen and (max-width: 800px) {
	.fixed-logo{
		left: 1px;
	}
	.vertical-br{
		display: none !important;
	}
	.menu-hum{
		float: right;
	}
	.fixed{
		right: 12px;
	}
	.bar1, .bar2, .bar3, .bar4 {
	  margin: 15px 0;
	}
	.change .bar3 {
	  -webkit-transform: rotate(45deg) translate(-6px, -4px);
	  transform: rotate(45deg) translate(-6px, -4px);
	}

	.searchable{
		width: 100vw !important;
	}
}

@media only screen and (max-width: 1300px) {
	#side-menu{
		width: 100vmin;
		
	}
}

input::-webkit-input-placeholder{
    color:white !important;
}
input::-moz-placeholder {
    color:white !important;
	opacity: 1;
}


a:hover{
	color: #0088ce !important;
}

.btn-link a:hover{
	color: initial !important;
}
.services-gifs{
	cursor: pointer;
}

#strategize-gif{
	position: absolute;
	top: 56%;
	width: 5vw;
	height: 3vw;
	
	left: 10%;
}

#design-gif{
	position: absolute;
	top: 26%;
	width: 5vw;
	height: 4vw;
	left: 15%;
}

#supply-gif{
	position: absolute;
	top: 10%;
	width: 5vw;
	height: 5vw;
	
	left: 42%;
}

#maintain-gif{
	position: absolute;
	top: 23%;
	width: 5vw;
	height: 5vw;
	
	left: 70%;
}

#engineer-gif{
	position: absolute;
	top: 52%;
	width: 5vw;
	height: 5vw;
	
	left: 76%;
}

#construct-gif{
	position: absolute;
	top: 76%;
	width: 5vw;
	height: 5vw;
	
	left: 57%;
}

#oversee-gif{
	position: absolute;
	top: 76%;
	width: 6vw;
	height: 5vw;
	
	left: 26%;
}
/*supplyed*/
#maintain-gif.supply-gif{
	transform: translate(16%, 30%);
}

#strategize-gif.supply-gif{
	transform: translate(0, 58%);
}

#design-gif.supply-gif{
	transform: translate(-30%, 25%);
}

#engineer-gif.supply-gif{
	transform: translate(-20%, 30%);
}

#engineer-gif.supply-gif{
	transform: translate(-20%, 30%);
}
/*maintained*/
#supply-gif.maintain-gif{
	transform: translate(-60%);
}

#engineer-gif.maintain-gif{
	transform: translate(-15%, 60%);;
}

#design-gif.maintain-gif{
	transform: translate(-25%, 40%);
}

#strategize-gif.maintain-gif{
	transform: translate(0,30%);
}

/*Engineered*/
#engineer-gif.engineer-gif{
	transform: translate(-40%, -15%);
}

#maintain-gif.engineer-gif{
	transform: translate(-50%, -50%);
}

#supply-gif.engineer-gif{
	transform: translate(-45%);
}

#strategize-gif.engineer-gif{
	transform: translate(-10%, -55%);
}

#oversee-gif.engineer-gif{
	transform: translate(-45%, -40%);
}
#construct-gif.engineer-gif{
	transform: translate(-65%,25%);
}

/*Constructed*/
#design-gif.construct-gif{
	transform: translate(5%,-35%);
}
#strategize-gif.construct-gif{
	transform: translate(-10%,-130%);
}
#oversee-gif.construct-gif{
	transform: translate(-65%, -55%);
}
#maintain-gif.construct-gif{
	transform: translate(-25%, -20%);
}
#engineer-gif.construct-gif{
	transform: translate(0,-20%);
}

/*Overseed*/
#oversee-gif.oversee-gif{
	transform: translate(0, -60%);
}
#strategize-gif.oversee-gif{
	transform: translate(0,-160%);
}
#design-gif.oversee-gif{
	transform: translate(45%, -50%);
}
#supply-gif.oversee-gif{
	transform: translate(50%);
}
#engineer-gif.oversee-gif{
	transform: translate(0,-50%);
}
#construct-gif.oversee-gif{
	transform: translate(60%, -50%);
}

/*strategised*/
#strategize-gif.strategize-gif{
	transform: translate(50%,110%);
}

#oversee-gif.strategize-gif{
	transform: translate(80%);
}

#construct-gif.strategize-gif{
	transform: translate(90%, -70%);
}

#engineer-gif.strategize-gif{
	transform: translate(0, -80%);
}

#maintain-gif.strategize-gif{
	transform: translate(-90%, -80%);
}

#supply-gif.strategize-gif{
	transform: translate(-75%, 15%);
}

#design-gif.strategize-gif{
	transform: translate(-45%, 100%);
}

/*Designed*/
#strategize-gif.design-gif{
	transform: translate(10%, 50%);
}

#supply-gif.design-gif{
	transform: translate(50%);
}

#maintain-gif.design-gif{
	transform: translate(15%, 50%);
}

.dark-gray-testimonial > .testimonial-person > p > a{
	color: #ffffff !important
	;
}

.dark-gray-testimonial > .testimonial-person > p > a:hover{
	color: #2497b2 !important
	;
}

@media screen and (max-width: 768px) {
	.kot-caption{
  		text-align: center !important;
  	}

  	#strategize-gif{
		top: 55%;
		width: 10vw;
		height: 7vw;
		left: 10%;
	}

	#design-gif{
		top: 26%;
		width: 10vw;
		height: 8vw;
		left: 15%;
	}

	#supply-gif{
		top: 10%;
    	width: 11vw;
    	height: 10vw;
    	left: 42%;
	}

	#maintain-gif{
		top: 23%;
		width: 10vw;
		height: 11vw;
		left: 70%;
	}

	#engineer-gif{
		top: 52%;
		width: 11vw;
		height: 11vw;
		left: 76%;
	}

	#construct-gif{
		top: 76%;
		width: 12vw;
		height: 11vw;
		left: 57%;
	}

	#oversee-gif{
		top: 77%;
		width: 13vw;
		height: 9vw;
		left: 26%;
	}
}