@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap');

html {
  scroll-behavior: smooth;
  transition-duration: 2000ms;
}
body{
	margin:0;
	padding:0;
	font-family: 'Rubik', sans-serif;
}

a{
	text-decoration: none;
}
header{
	padding:10px 0;
	display:flex;
	align-items: center;
	position: absolute;
	width: 100%;
}
/*-- flip box --*/

/*-- box hover --*/

.box{
  transition:.2s all; 
}
.box-wrap:hover .box{
  filter:blur(3px);
  opacity:.5;
  transform: scale(.98);
  box-shadow:none;
}
.box-wrap:hover .box:hover{
  transform:scale(1);
  filter:blur(0px);
  opacity:1;
}
.example {
  position: relative;
  padding: 0;
  display: block;
  cursor: pointer;
  overflow: hidden;
  
}
.content {
  opacity: 0;
  font-size: 40px;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: rgba(31, 73, 135, 0.5);
  width: 100%;
  height: 100%;
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  text-align: center;
}
.example .content:hover {
   opacity: 1;
}
.example .content .text {
   height: 0;
   opacity: 1;
   transition-delay: 0s;
   transition-duration: 0.4s;
}
.example .content:hover .text {
   opacity: 1;
   transform: translateY(50px);
   -webkit-transform: translateY(50px);
}
/*-- box --*/
.bordersecright{
	border-right: 2px #889fbf solid;
}
.extrapadding{
	padding-left: 169px;
}
#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8, #panel9 {
  width: 100%;
}

.navigation { 
  position: fixed;
  right: 20px;
  bottom: 16px;
  z-index: 99999999;
}
#scrollbtn_D{
	border: none;
	background: none;
	border: 1px #fff solid;
	cursor: pointer;
	margin: 0;
	padding: 0;
	opacity: 0.7;
}
#scrollbtn_U{
	border: none;
	background: none;
	border: 1px #fff solid;
	cursor: pointer;
	padding: 0;
	margin: 0;
	opacity: 0.7;
}

/*--sticky--*/
.affix {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  background-color: #01203f;
  padding: 10px 20px;
  transition: all .51s;
  opacity: 0.9;
  min-height: 100px;
}
.affix img{
	width: 100px;
}
/*--sticky end--*/
.modal-dialog{
	top: 20%;
}
.font-size-sec{
	font-size: 22px!important
}
/*-- overlay hover --*/
.brands_item {
  position: relative;
}
.overlay_team {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background: #204987;
}
.brands_item:hover .overlay_team {
  opacity: 0.8;
}
.text_team {
  color: white;
  font-size: 13px;
  position: absolute;
  top: 139px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  padding: 17px;
  text-align: center;
  line-height: 14px;
}
/*-- overlay hover --*/
.navbar-light .navbar-toggler {
 /* background: #5464a2; */
  padding: 9px;
  line-height: 16px;
}
.top-so-link {
  background: #000;
  padding: 3px;
  text-align: right;
}
.top-socialmedia{
	margin: 0;
	padding: 0;
	display: inline-block;
}
.hedinfo{
	display: inline-block;
	color:#fff;
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	padding-right: 16px;
}
.hedinfo img{
	margin-right: 5px;
}
.top-socialmedia a img{
	margin: 0;
	width: 16px;
}
.topbarse{
	display: flex;
	align-items: center;
	justify-content: end;
}
.misionvision {
  color: #fff;
  font-family: 'Rubik', sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 300;
  border-right: 1px #fff solid;
  padding: 30px;
}
.misionvision h5 {
  font-size: 24px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 17px;
  font-family: 'Rubik', sans-serif;
}
.misionvision strong{
	font-weight: 600;
}
.misionvision ul{
	margin: 0;
	padding: 0;
}
.misionvision ul li{
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	
}
.futurewidthsec{
	width: 60%;
	position: relative;
	left: 10%;
}
.futureready{
	padding-top: 150px;
	padding-bottom: 50px;
	background-color: #bcd1f0;
    background-image: url('../img/falconfuturese.jpg');
    background-repeat: no-repeat;
    background-position: center;
}
.futurereadysecone{
    background: #b87474;
}
.futurereadysectwo{
    background: #a7b874;
}
.futurereadysecthree{
    background: #a974b8;
}
.futurereadysecfour{
    background: #74aab8;
}
.futurereadysecfive{
    background: #7494b8;
}
.futurereadysecsix{
    background: #b8ae74;
}
.futurereadybox1{
	background: rgb(0,13,69);
	background: linear-gradient(39deg, rgba(0,13,69,1) 9%, rgba(15,87,131,1) 100%);
    background-repeat: no-repeat;
    background-position: center;
	opacity: 0.8;
}
.futurereadybox2{
	background: rgb(11,15,18);
	background: linear-gradient(39deg, rgba(11,15,18,1) 9%, rgba(47,85,119,1) 100%);	
    background-repeat: no-repeat;
    background-position: center;
	opacity: 0.8;
}
.futurereadybox {
  padding: 31px 20px 31px 20px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 21px;
  color: #e8e8e8;
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
}
.futurereadybox span{
	/*background:#333;*/
	color:#fff;
	font-family: 'Rubik', sans-serif;
	display: inline-block;
	position: absolute;
	top: -30px;
	width: 62px;
	height: 62px;
	font-size: 34px;
	text-align: center;
	padding-top: 6px;
}
.futurereadybox strong{
	color:#fff;
	font-weight: 600;
}
.csrproject{
	padding-top: 90px;
	padding-bottom: 50px;
	background-color: #f4f4f4;
    background-image: url('../img/process_qualitybackground.png');
    background-repeat: no-repeat;
    background-position: center;
}
/*-- scroll top --*/
.button {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: absolute;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 1;
  /*visibility: hidden;*/
  z-index: 1000;
}
.button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
.button:hover {
  cursor: pointer;
  background-color: #333;
}
.button:active {
  background-color: #555;
}
.button.show {
  opacity: 1;
  visibility: visible;
}*/

/*-- scroll top --*/
/*--start effect sec--*/
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  } 
/*--button hover start--*/
.effect {
  position: relative;
  overflow: hidden;
}
.effect.effect-1 {
  transition: all 0.2s linear 0s;
}
.effect.effect-1::before {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 1px;
    opacity: 0;
    height: 100%;
    width: 30px;
    transition: all 0.2s linear 0s;
    font-size: 18px;
}
.effect.effect-1:hover {
  text-indent: -20px;
}
.effect.effect-1:hover:before {
  opacity: 1;
  text-indent: 0px;
}

/*--button hover end--*/
/*--load--*/
/*PRELOADING------------ */
.seclogo {
    text-align: center;
    top: 40%;
    position: relative;
    left: 1%;
}
#overlayer {
  width:100%;
  height:100vh;  
  position:fixed;
  z-index:99999;
  background:#00a1e4;
}
.loader {
  width: 30px;
  height: 30px;
  position: fixed;
  z-index:99999;
  border: 4px solid #Fff;
  top: 50%;
  left:50%;
  animation: loader 2s infinite ease;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(180deg);
  }
  
  50% {
    transform: rotate(180deg);
  }
  
  75% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }
  
  25% {
    height: 0%;
  }
  
  50% {
    height: 100%;
  }
  
  75% {
    height: 100%;
  }
  
  100% {
    height: 0%;
  }
}

/*--load end--*/
/*-- body sec animate --*/
.block {
  height: 5em;
  line-height: 5em;
  width: 10em;
  background: #464646;
  color: #fdfdfd;
  text-align: center;
  margin: 1em auto;
  text-shadow: 0 0 1px #333; /* so one can see fadeBgColor properly */
}
.animatable {
  /* initially hide animatable objects */
  visibility: hidden;
  
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}
/* show objects being animated */
.animated {
  visibility: visible;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}
@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}

	80% {
		-webkit-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	60% {
		-moz-transform: translateX(20px);
	}

	80% {
		-moz-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	80% {
		-o-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	60% {
		-webkit-transform: translateX(-20px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		-moz-transform: translateX(-20px);
	}

	80% {
		-moz-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		-o-transform: translateX(-20px);
	}

	80% {
		-o-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes moveUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(40px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes moveUp {
	0% {
		opacity: 1;
		-o-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		opacity: 1;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@-o-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
.animated.animationDelay{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animated.animationDelayLong{
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}
.animated.fadeBgColor {
	-webkit-animation-name: fadeBgColor;
	-moz-animation-name: fadeBgColor;
	-o-animation-name: fadeBgColor;
	animation-name: fadeBgColor;
}
.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animated.moveUp {
	-webkit-animation-name: moveUp;
	-moz-animation-name: moveUp;
	-o-animation-name: moveUp;
	animation-name: moveUp;
}
/* Animations */
@-webkit-keyframes bg-scrolling-reverse {
  100% {
    background-position: 2500px 0;
  }
}
@-moz-keyframes bg-scrolling-reverse {
  100% {
    background-position: 2500px 0;
  }
}
@-o-keyframes bg-scrolling-reverse {
  100% {
    background-position: 2500px 0;
  }
}
@keyframes bg-scrolling-reverse {
  100% {
    background-position: 2500px 0;
  }
}
@-webkit-keyframes bg-scrolling {
  0% {
    background-position: 2500px 0;
  }
}
@-moz-keyframes bg-scrolling {
  0% {
    background-position: 2500px 0;
  }
}
@-o-keyframes bg-scrolling {
  0% {
    background-position: 2500px 0;
  }
}
@keyframes bg-scrolling {
  0% {2500px
    background-position:  0;
  }
}
/* Main styles */
.runningbackground {
  /* img size is 50x50 */
  background-image: repeat;
  -webkit-animation: bg-scrolling-reverse 200s infinite;
  /* Safari 4+ */
  -moz-animation: bg-scrolling-reverse 200s infinite;
  /* Fx 5+ */
  -o-animation: bg-scrolling-reverse 200s infinite;
  /* Opera 12+ */
  animation: bg-scrolling-reverse 200s infinite;
  /* IE 10+ */
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
/*--start effect sec end--*/
.fixedlogo{
   position: fixed;
   left: 2%;
}
.fixedlogoright{
   position: fixed;
   right: 2%;
}
.logsec {
  margin: 0;
  /*position: relative;*/
  z-index: 9;
}
.logsec img{
	margin-top:5px;
}

.navsec {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  left: 12%;
  padding-top: 2.6%;
  position: absolute;
}
.graphmob{
	display:none;
}
.mobgraph{
	display:block;
}
/* #Navigation
================================================== */
.navbar-nav {
  height: 100vh;
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  padding-top: 25px;
}
.navbar-collapse {
  position: fixed;
  top: 0px;
  /*opacity: 0.9;*/
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  width: 25%;
  height: 100vh;
  background: #042340;
  z-index: 99999;
}
.navba-collapse-logo{
	padding: 0px 105px;
}
.navba-collapse-logo img{
  padding-top: 15px;
}
.navbar-collapse.collapsing {
    left: -75%;
    transition: height 0s ease;
}
.navbar-collapse.show {
    left: 0;
    transition: left 300ms ease-in-out;
}
.navbar-toggler.collapsed ~ .navbar-collapse {
    transition: left 300ms ease-in-out;
}
.navigation-wrap{
	top: 0;
	left: 0;
	z-index: 1000;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
	position:relative;
	/*left: 58px;*/
}
.navbar {
  padding: 0;
  position: fixed;
}
.navbar-toggler {
	float: right;
	border: none;
	padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
	outline: none;
}
.navbar-light .navbar-toggler-icon {
	width: 22px;
	height: 15px;
	background-image: none;
	position: relative;
	border-bottom: 2px solid #fff;
    transition: all 300ms linear;
	z-index:99999;
	line-height: ;
}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
	width: 22px;
	position: absolute;
	height: 2px;
	background-color: #fff;
	top: 1px;
	left: 0;
	content: '';
	z-index: 2;
    /*transition: all 300ms linear;*/
}
/*-- custom cross --*/
.navbar-toggler-icon-cus{
	right: 50px;
	position: absolute;
	top: 22px;
	width: auto;
	height: auto;
	background-image: none;
	border-bottom: 2px solid #fff;
	transition: all 300ms linear;
	z-index: 99999;
}
.navbar-toggler-icon-cus:after, 
.navbar-toggler-icon-cus:before{
	width: 22px;
	position: absolute;
	height: 2px;
	background-color: #fff;
	top: 0px;
	left: 0;
	content: '';
	z-index: 2;
    transition: all 300ms linear;
}
.navbar-toggler-icon-cus:after{
	top: 7px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon-cus:after {
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon-cus:before {
	transform: translateY(8px) rotate(-45deg);
}
/*-- custom cross end --*/
.navbar-light .navbar-toggler-icon:after{
	top: 7px;
}
/*.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	transform: translateY(8px) rotate(-45deg);
}*/
.navbar-toggler-icon p {
  padding-left: 31px;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}
/*.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}*/
.nav-item:hover .nav-link{
	color: #febe5f !important;
}
.nav-item.active .nav-link{
	color: #febe5f !important;
	font-family: 'Rubik', sans-serif;
	font-weight:900;
}

.sub-arrow {
    padding: 10px 0 10px 5px;
 }
.sub-arrow i{
	font-size:11px;
	font-weight: 100;
}
.nav-link {
  position: relative;
  padding: 3px 0 !important;
  display: inline-block;
  /*margin-left: 2em;*/
  font-size: 15px;
  font-family: 'Rubik', sans-serif;
  transition: all 200ms linear;
  color: #fff !important;
  letter-spacing: 0.5px;
}
.nav-link::after {
  content: "";
  width: 24px;
  height: 1px;
  background: #3a4c5d;
  position: absolute;
  left: 36%;
  top: 37px;
  text-align: center;
}
.nav-link:hover:after{
	 background: #fff;
	 padding: 0 20px;
	 transition: all 200ms linear;
	 left: 0%;
}
.nav-item {
  position: relative;
  transition: all 200ms linear;
  margin-bottom: 5px;
  margin-top: 5px;
}
.nav-item .dropdown-menu {
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    display: block;
    padding: 0;
    margin: 0;
    transition: all 200ms linear;
    border: 1px #ededed solid;
}
.nav-item.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
	max-height: 999px;
    transform: translate3d(0, 0px, 0);
	background:#fff;
	top:40px;
}
.dropdown-menu {
	padding: 10px 0!important;
	margin: 0;
	font-size: 13px;
	letter-spacing: 1px;
	color: #212121;
	background-color:none;;
	border: none;
	border-radius: 3px;
    transition: all 200ms linear;
	
}
.dropdown-toggle::after {
	display: none;
}
.dropdown-item {
	padding: 3px 18px;
	color: #000;
	border-radius: 2px;
    transition: all 200ms linear;
	font-family: 'Rubik', sans-serif;
	font-size:18px;
}
.dropdown-item:hover, 
.dropdown-item:focus {
	color: #ff7200;
}
.nav-link-social{
	margin:0;
	margin-left:10px;
}
/* #Navigation end
================================================== */

.carousel-indicators {
  bottom: 153px;
}
.carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  background-color: rgba(255,255,255,.5);
  border-radius: 100px;
}
.carousel-caption {
  position: absolute;
  right: 30%;
  bottom: 140px;
  left: 9%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  line-height: 20px;
}
.shadow14 {
  color: rgb(255, 255, 255);
  text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 
               1px 1px 1px rgba(0, 0, 0, 0.6);
}
.carousel-caption h5{
	font-family: 'Rubik', sans-serif;
	font-size: 54px;
	letter-spacing: 0px;
	margin-bottom: 0;
}
.carousel-caption span {
  font-family: 'Rubik', sans-serif;
  color: #fff;
  font-size: 28px;
  display: block;
  margin-bottom: 22px;
  line-height:35px;
}
.carousel-caption p {
  padding: 0 110px 0 0;
  font-weight: 300;
  line-height: 24px;
  font-size: 19px;
  font-weight: 400;
}
.carousel-caption a {
  color: #fff;
  background: #285caa;
  text-decoration: none;
  padding: 10px 17px 9px;
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 9px;
  display: inline-block;
  font-size: 13px;
}
.carousel-caption a i {
  font-size: 12px;
  margin-left: 6px;
}
.carousel-caption a:hover{
	background:#042340;
	color:#fff;
}
.carousel-control-prev-banner {
  top: 50%;
  background: url("../img/banner-slider.png")no-repeat !important;
  left: 0px!important;
  width: 82px;
}
.carousel-control-next-banner {
  background: url("../img/banner-slider-nxt.png")no-repeat !important;
  right: 0 !important;
  top: 50%;
  width: 82px;
}
.secondsection{
	padding: 200px 0;
	background-color: #204987;
	background-image: url('../img/bluepattern.png');
    background-repeat: no-repeat;
    background-position: -71px 114px;
}
.boxposition {
  position: relative;
}
.boxsec {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 50px 0 rgba(0, 0, 0, 0.19);
  text-align: left;
  position: relative;
  background:#fff;
  padding-bottom: 0px;
}

.boxsec p {
	  text-align: left;
	  padding: 30px;
	  font-family: 'Rubik', sans-serif;
	  font-size: 16px;
	  color:#fff;
	  font-weight: 400;
	  padding-top: 0;
	  padding-bottom: 0;
}
.boxsec h4 {
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  font-weight: 300;
  padding-top: ;
  background: #333332;
  text-align: center;
  display: inline-block;
  color: #fff;
  margin-top: ;
  position: relative;
  bottom: 19px;
  left: 30px;
  padding: 11px 20px;
}
.boxsec a {
  position: relative;
  top: 10px;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  padding-left: 0px;
}
.boxsec a i {
  margin-left: 5px;
}
.bluebutton {
	color: #fff;
	background: #285caa;
	text-decoration: none;
	padding: 8px 17px 8px;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	display: inline-block;
	font-size: 14px;
}
.bluebutton i{
	margin-left: 5px;
}
.bluebutton:hover{
	background:#042340;
	color:#fff;
	transition: 0.9s;
}
.darkbluebutton {
	color: #fff;
	background: #6193dd;
	text-decoration: none;
	padding: 8px 17px 8px;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	display: inline-block;
	font-size: 14px;
}
.darkbluebutton i{
	margin-left: 5px;
}
.darkbluebutton:hover{
	background:#042340;
	color:#fff;
	transition: 0.9s;
	text-decoration: none;
}
.bannerpartcontent{
	margin:70px 0 70px 0;
}
.bannerpartcontent h1{
	margin:0;
	font-size:62px;
	font-family: 'Rubik', sans-serif;
	color: #222222;
	font-weight:700;
	line-height:65px;
}
.bannerpartcontent h1 p{
	font-size:30px;
	color: #222222;
}
.bannerpartcontent span{
	margin:0;
	font-family: 'Rubik', sans-serif;
	color: #ff7200;
	font-weight:700;
}
.bannerpartcontent strong{
	font-weight:normal;
	font-family: 'Rubik', sans-serif;
	color:#222222;
	font-size:19px;
}
.topbtn{
	padding-left: 29px;
	width: 180px!important;
}
.topbtnside{
	padding-left: 29px;
	width: 130px!important;
}
.btnsecblack{
	margin-top:30px;
	display:inline-block;
	background:#ff7200;
	border:none;
	font-family: 'Rubik', sans-serif;
	text-decoration:none;
	color:#fff;
	margin-right: 14px;
	font-size:20px;
	width:160px;
}
.btnsecblack:hover{
	background:#222222;
	text-decoration:none;
	color:#fff;
}
.btnsec{
	margin-top:30px;
	display:inline-block;
	background:#ff7200;
	border:none;
	font-family: 'Rubik', sans-serif;
	text-decoration:none;
	color:#fff;
	margin-right: 14px;
	font-size:20px;
	width:170px;
}
.btnsec:hover{
	background:#222222;
	text-decoration:none;
	color:#fff;
}
.btnsecone{
	color:#000;
	font-family: 'Rubik', sans-serif;
	text-decoration:none;
	display:inline-block;
	font-size:20px;
	width:118px;
}
.btnsecone:hover{
	text-decoration:none;
	color:#ff7200;
}
.growth{
	background: #ff7200;
	padding: 0 13px;
	color:#fff!important;
}
.bannerbodysec{
	background:url("../img/backgroundsec.html") no-repeat;
	background-size:100%;
}
.bannerimge {
    margin: 0;
    display: flex;
    align-items: flex-end;
}
.bannerimge img{
	margin:0;
	width:100%;
}
.sectionbanner {
    box-shadow: -8px 3px 6px -3px #aaa;
}
.countersec{
	box-shadow: -8px 3px 6px -3px #aaa;
	padding-top:30px;
	padding-bottom:30px;
}
.secabout{
	padding-top:200px;
	padding-bottom:200px;
	/*background-color: #bcd1f0;*/
	background-image: url('../img/background_ourstory.jpg');
	background-repeat: no-repeat;
	background-position: center; 
}
.ourstroyseccolor{
	color:#333333!important;
}
.aboutcon {
  color: #4e4e4e;
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  text-align: left;
  line-height: 29px;
}
.aboutcon strong{
	font-weight: 500;
	color:#000;
	font-family: 'Rubik', sans-serif;
}
.aboutcon h4{
	color:#fff;
	font-family: 'Rubik', sans-serif;
	font-size:45px;
	text-align:left;
	font-weight:600;
	padding-bottom:10px;
	padding-top:10px;
}
.aboutcon p {
    font-family: 'Rubik', sans-serif;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 0;
    display: inline-block;
    padding: 3px 17px;
    text-transform: uppercase;
    border-radius: 3px;
    color: #222;
    border: 2px #222 solid;
}
.aboutcon a{
	text-decoration: none;
}
.aboutcon ul{
	margin: 10px 0 0 0;
	padding: 0 0 0 5px;
}
.aboutcon ul li{
	margin: 0;
	padding: 2px 0 0 20px;
	list-style: none;
	font-family: 'Rubik', sans-serif;
	font-size:13px;
	text-transform: uppercase;
	font-weight: bold;
	color:#000;
	background:url("../img/liststyle.png") no-repeat 0 10px;
}
.aboutconready ul{
	margin: 10px 0 0 0;
	padding: 0 0 0 5px;
}
.aboutconready ul li {
  margin: 0;
  padding: 11px 0 0 20px;
  list-style: none;
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  text-transform: none;
  font-weight: normal;
  color: #000;
  background: url("../img/liststyle.png") no-repeat 0 20px;
}
.falcon{
	margin: 0;
	color: #000;
}
.falcon p {
  font-style: normal;
  color: #3f3f3f;
  width: auto;
  font-size: 35px;
  text-align: left;
  font-family: 'Rubik', sans-serif;
  font-weight: 300;
  line-height:45px;
}
.falcon p span{
	font-size: 35px;
}
.falcon span{
	 font-style: normal;
	 font-weight:500;
}
.countersecnum {
  font-family: 'Rubik', sans-serif;
  color:#222;
  text-align:center;
}
.countersecnum h2 {
    font-family: 'Rubik', sans-serif;
    color: #ff7200;
    font-size: 40px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}
.countersecnum h2 strong {
    font-weight: 600;
    font-size: 17px;
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0;
    color: #222;
}
.countersecnum p {
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    margin-top: 9px;
    color: #fff;
    font-weight: 600;
    background: #222;
    border-radius: 3px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
}
.backgroungcontent{
	background:#f2f2f2;
	padding-top:60px;
	padding-bottom:60px;
}
.headingcon{
	text-align:center;
}
.headingcon h3{
	font-weight: 600;
    font-size: 40px;
    margin-left: 0px;
    margin-top: 0;
    margin-right: 0;
    padding: 0;
    color: #222;
	line-height:55px;
	margin-bottom:50px;
}
.headingcon h3 span{
	color:#222;
}
.boxwhite{
	border-radius:5px;
	background:#fff;
	padding:24px;
	box-shadow: 0 3px 6px -3px #aaa;
	font-family: 'Rubik', sans-serif;
	font-size:18px;
	text-align:center;
}
.boxwhite strong {
    font-weight: 600;
    color: #fff;
    font-size: 25px;
    margin-bottom: ;
    border-bottom: ;
    background: #ff7200;
    padding: 2px 18px;
    width: 100%;
    display: block;
    border-radius: 3px;
}
.boxwhite ul{
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
	text-align:left;
}
.boxwhite ul li{
	margin:0 0 0 0;
	padding:7px;
	font-family: 'Rubik', sans-serif;
	font-size:18px;
	color:#222222;
	border-bottom: 1px #ededed solid;
}
.boxwhite a{
	font-size:18px;
}
.boxwhite ul li i{
	margin-right:10px;
}
/*--testimonials--*/
/*.testimonials{
	margin:0;
	padding-top: 60px;
	padding-bottom: 60px;
	color: #4e4e4e;
	font-family: 'Rubik', sans-serif;
	font-size: 17px;
	text-align: center;
	line-height: 28px;
	letter-spacing: 0.7px;
}
.testimonials h4 {
  color: #333332;
  font-family: 'Rubik', sans-serif;
  font-size: 45px;
  font-weight: 600;
  padding-bottom: 10px;
  padding-top: 10px;
}*/
/*--testimonials--*/
.testimonials{
	margin:0;
	padding-top: 150px;
	padding-bottom: 150px;
	position: relative;
	background-color: #f15931;
	background-image: url('../img/orangetestmoni.png');
    background-repeat: no-repeat;
    background-position: 0 500px;
}
.tetimonialgap{
	padding-top:3%;
	padding-right: 2%;
	padding-left: 9%;
}

.testimonial4_slide{
	color: #040404;
	font-family: 'Rubik', sans-serif;
	font-size: 15px;
	text-align: left;
	line-height: 25px;
	letter-spacing: 0.7px;
}

.testimonial4_slide h4{
	color:#333332;
	font-family: 'Rubik', sans-serif;
	font-size:40px;
	padding-bottom:20px;
	margin:0;
	font-weight:600;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  .testimonial4_slidenxt {
    scrollbar-width: thin;
    scrollbar-color: #fff #f15931;
    width: 7px;
    border-radius: 11px;
    color: #040404;
	font-family: 'Rubik', sans-serif;
	font-size: 15px;
	text-align: left;
	line-height: 27px;
	height: 300px;
    overflow-y: scroll;
   
  }

  /* Chrome, Edge, and Safari */
  .testimonial4_slidenxt::-webkit-scrollbar {
    width: 7px;
  }

  .testimonial4_slidenxt::-webkit-scrollbar-track {
    background: #f15931;
  }

  .testimonial4_slidenxt::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 11px;
    border: 2px solid #fff;
  }
/*-- --*/

.testimonial4_slide h3{
	color:#505050;
	font-family: 'Rubik', sans-serif;
	font-size:18px;
	padding-bottom:20px;
	margin:0;
	font-weight: bold;
}
.carousel-control-prevnew, .carousel-control-nextnew {
    position: absolute;
    top: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 46px;
    color: #fff;
    text-align: center;
    opacity: 1;
    background: #000;
    height: 46px;
    padding: 14px;
	
}
.testimonial4_slide img{
  position: relative;
  top:0;
  right:0;
}
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}
.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
.carousel-control-prev {
    left: 20px;
	background:url("../img/arrow01.png")no-repeat;
}
.carousel-control-next {
    right: 20px;
	background:url("../img/arrow02.png")no-repeat;
}

/*-- testimonials end --*/
.sectioncon{
	font-family: 'Rubik', sans-serif;
	font-size:16px;
	color:#494949;
}
.sectioncon p{
	margin-bottom:7px;
	margin-top:0;
	font-family: 'Rubik', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	
}
.sectioncon img {
  margin: 7px 25px 30px 0;
  float: left;
}
.processs{
	padding-top: 150px;
	padding-bottom: 120px;
	position: relative;
	background-image: url('../img/ourprocess_qualitysec.png');
    background-repeat: no-repeat;
    /*background-position: -121px 520px;*/
    background-position: top center;
}
.mediacor{
	background: #f4f4f4;
	position: relative;
	overflow: hidden;
	padding: 20px 0;
}
.mediacor::after{
	position: absolute;
	content: '';
	background: rgb(222,129,60);
	background: -moz-linear-gradient(137deg, rgba(222,129,60,1) 0%, rgba(63,81,154,1) 100%);
	background: -webkit-linear-gradient(137deg, rgba(222,129,60,1) 0%, rgba(63,81,154,1) 100%);
	background: linear-gradient(137deg, rgba(222,129,60,1) 0%, rgba(63,81,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#de813c",endColorstr="#3f519a",GradientType=1);
	width: 31%;
	top:0;
	height: 100vh;
}
.missionvission{
	background:url("../img/mission_vission.png") no-repeat top center;
	padding-top: 150px;
	padding-bottom: 150px;
}
.corporate{
	background:url("../img/corporate.png") no-repeat top center;
	padding-top: 150px;
	padding-bottom: 150px;
}
.corporatecontent{
  color: #fff;
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  line-height: 35px;
  font-weight: 300;
  border-right: 1px #fff solid;
  padding: 30px;
}
.cerearn{
	background-image: url('../img/zikzak.png');
    background-repeat: no-repeat;
    /*background-position: -121px 520px;*/
    background-position: top center;
}
.productpopup {
  color: #fff;
  line-height: 25px;
  font-size: 16px;
  text-align: left;
  font-family: 'Rubik', sans-serif;
}
.productpopup h4{
	font-family: 'Rubik', sans-serif;
	color:#fff;
	font-style: normal;
	font-weight: 600;
	font-size: 38px;
	line-height: 41px;
	margin-bottom: 21px;
}
.productpopup a{
	text-decoration: none;
	font-style: normal;
}
/*-- mission & vission --*/
.aboutconmission {
  color: #4e4e4e;
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  text-align: left;
  line-height: 29px;
}
.aboutconmission strong{
	font-weight: 500;
	color:#000;
	font-family: 'Rubik', sans-serif;
}
.aboutconmission h4{
	color:#fff;
	font-family: 'Rubik', sans-serif;
	font-size:41px;
	text-align:left;
	font-weight:600;
	padding-bottom: 30px;
}
/*-- mission & vission --*/
.teamsec{
	padding-top: 50px;
	padding-bottom: 150px;
	position: relative;
	
}
.boardpattern {
  background-image: url('../img/boardpattern.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.teamsec::after {
  width: 100%;
  /*background: #f15931;*/
  background: transform;
  height: 294px;
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
}
.teamcon {
  color: #4e4e4e;
  font-family: 'Rubik', sans-serif;
  font-size: 17px;
  text-align: center;
  line-height: 28px;
  letter-spacing: 0.7px;
  padding-top: 22px;
}
.teamcon strong{
	font-weight: 600;
	color:#000;
}
.teamcon h4{
	color:#333332;
	font-family: 'Rubik', sans-serif;
	font-size:45px;
	font-weight:600;
	padding-bottom:10px;
	padding-top:10px;
}
/*--team--*/
.owl-item{
	text-align: center;
}
.owl-item a{
	text-decoration: none;
}

.owl-item a p{
	margin-top:15px;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 0;
	color:#000;
}
.owl-item span{
	color:#000;
	font-size: 13px;
}
.colorblack{
	color:#000!important;
}
.brands {
     width: 100%;
 }
 .brands_item p{
	text-transform: uppercase;
	padding-top: 20px;
	margin-bottom: 0;
	color:#000;
 }
 .brands_item img {
	 border-radius: 7px;
 }
 .brands_slider_container {
     padding-left: 17px;
     padding-right: 17px;
	/* width: 77%;
	 margin: 0 auto;*/
 }
 .brands_nav {
     position: absolute;
     top: 40%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     padding: 5px;
     cursor: pointer
 }
 .brands_nav i {
     color: #e5e5e5;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease;
 }
 .brands_nav:hover i {
     color: #676767
 }
 .brands_prev {
     left: -20px
 }
 .brands_next {
     right: -20px
 }
/*--team--*/
.plantssec{
	background-color: #f4f4f4;
	background-image: url("../img/plants.png");
	background-repeat: no-repeat;
	background-position: right;
	position: relative;
}
.plantgradient{
	border-radius: 7px;
	padding: 10px;
	background: rgb(222,129,60);
	background: -moz-linear-gradient(137deg, rgba(222,129,60,1) 0%, rgba(63,81,154,1) 100%);
	background: -webkit-linear-gradient(137deg, rgba(222,129,60,1) 0%, rgba(63,81,154,1) 100%);
	background: linear-gradient(137deg, rgba(222,129,60,1) 0%, rgba(63,81,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#de813c",endColorstr="#3f519a",GradientType=1);
}
.plantgradient ul{
	padding: 0 0 ;
	margin:0;
}
.plantgradient ul li{
	padding: 10px 0 10px 0;
	margin:0;
	list-style: none;
	display: inline-block;
	border-right:2px #c79e8d dotted;
	border-bottom:2px #c79e8d dotted;
	width:49%;
	text-align: center;
}
.plantgradient ul li:nth-child(even){
	border-right:0;
}
.plantgradient ul li:nth-child(4){
	border-bottom:0;
}
.plantgradient ul li:nth-child(5){
	border-bottom:0;
}

/*-- video info -- */
.video{
	padding: 0 0 0;
	position: relative;
	text-align: center;
}
.video-info {
	position: relative;
	margin: auto;
	text-align: left;
	color:#fff;
	z-index:9;
	width: 100%;
}
/*-- video info -- */

/*-- footer --*/
footer{
	margin:0;
}
.footercolor{
	background:#222222;
	padding-top:60px;
	padding-bottom:60px;
	font-family: 'Rubik', sans-serif;
	font-size:18px;
}
.address{
	font-family: 'Rubik', sans-serif;
	font-size:16px;
	color:#ccc;
	line-height:20px;
}
.address strong{
	font-family: 'Rubik', sans-serif;
	font-size:21px;
	font-weight:400;
	display:block;
	margin-bottom:20px;
	color:#fff;
}
.address i {
    margin-right: 13px;
    margin-bottom: 10px;
    float: left;
    margin-top: 2px;
}
.quicklinks {
	font-family: 'Rubik', sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 20px;
}
.quicklinks strong{
	font-family: 'Rubik', sans-serif;
	font-size:18px;
	font-weight:300;
	display:block;
	margin-bottom:30px;
	color:#fff;
}
.quicklinks ul{
	padding:0;
	margin:0;
	list-style:none;
}
.quicklinks ul li {
    font-family: 'Rubik', sans-serif;
    margin-bottom: 10px;
    display: inline-block;
    width: 48%;
}
.quicklinks ul li a {
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  text-decoration: none;
  color: #ccc;
  background: url('../img/list_style.png') no-repeat;
  background-position: 0px 4px;
  padding-left: 13px;
}
.getintouch{
	margin: 0;
	font-family: 'Rubik', sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 20px;
}
.getintouch strong{
	font-family: 'Rubik', sans-serif;
	font-size:18px;
	font-weight:300;
	display:block;
	margin-bottom:30px;
	color:#fff;
}
.getintouch ul{
	padding:0;
	margin:0;
	list-style:none;
}
.getintouch ul li {
    font-family: 'Rubik', sans-serif;
    margin-bottom: 10px;
    display: inline-block;
	font-size: 14px;
	width: 100%;
}
.getintouch ul li i{
	color:#f15931;
	margin-right: 5px;
}
.connect{
	font-family: 'Rubik', sans-serif;
    font-size: 18px;
    color: #ccc;
    line-height: 20px;
}
.connect strong{
	font-family: 'Rubik', sans-serif;
	font-size:18px;
	font-weight:300;
	display:block;
	margin-bottom:30px;
	color:#fff;
}
.connect i{
	display:inline-block;
	color:#fff;
	font-size:22px;
	margin-right:20px;
}
.footerlogo{
	margin-top:27px;
}
.copyright{
	background:#f15931;
	padding:10px 0;
	font-family: 'Rubik', sans-serif;
	color:#fff;
	text-align:center;
	font-size:14px;
}
/*-- footer end --*/

.partfirst{
	background:#e9f8fc;
	padding-top:60px;
	padding-bottom:60px;
	background:url("../img/follow.jpg") no-repeat top center;
}
.contentsort{
	font-family: 'Rubik', sans-serif;
	color:#333;
	font-size:15px;
	text-align: center;
	background:#222222;
}
.contentsort ul{
	margin: 0;
	padding: 0;
}
.contentsort ul li {
  margin: 0 25px 0 25px;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.contentsort ul li a{
	color:#fff;
	font-size: 30px;
	display: block;
	width: 50px;
	height: 50px;
	border: 2px #fff solid;
	border-radius: 50px;
}
.contentsort strong{
	font-weight:900;
	font-family: 'Rubik', sans-serif;
	font-size:42px;
	display:block;
	padding-bottom:35px;
	color:#fff;
	letter-spacing:0.3px;
}
.contentsort a{
	text-decoration:none;
	color:#7d7d7d;
	display:inline-block;
}
.contentsort span{
	margin: 0 5px;
	color:#7d7d7d;
}
.locashort{
	margin-top:20px;
}
.locashort p{
	color:#7d7d7d;
	margin-bottom:0;
}
.graphsec{
	padding-top:60px;
	padding-bottom:60px;
}
.hiredsec{
	margin-bottom:40px;
}
.clogosec{
	padding-top:60px;
	padding-bottom:60px;
	border-bottom:1px #ccc solid;
	background:#f2f2f2;
}
.clogoborder {
    margin: 0 auto;
    padding: 0;
}
.clogoborder img {
    width: 100%;
    padding: 5px;
    box-shadow: 0 3px 13px -6px #aaa;
}
.flexsec{
	display:flex;
}
.gettingstart{
	width:100%;
}
@media (max-width: 1920px) { 
	
}
@media (max-width: 1199px) {
	.nav-link{
		font-size:14px;
	}
	.carousel-caption h5{
		font-size:62px;
		margin: 0;
	}
	.carousel-caption span{
		font-size:24px;
		margin-bottom: 7px;
	}
	.carousel-caption p {
	  padding: 0;
	  font-size: 15px;
	}
	.carousel-indicators {
	  bottom: 123px;
	}
	.carousel-caption{
		bottom: 155px;
	}
	.countersecnum p{
		font-size:15px;
	}
	.bannerpartcontent h1 p{
		font-size:28px;
	}
	.growth{
		font-size:25px;
	}
	.bannerpartcontent h1{
		font-size:52px;
	}
	.bannerpartcontent h1 p{
		font-size:25px;
	}
	.bannerpartcontent strong{
		font-size:17px;
	}
	.casestudiestextbox{
		padding:12px;
		font-size:17px;
	}
	.quicklinks ul li a{
		font-size:15px;
	}
}
@media (max-width: 992px) {
	.boxsec h4{
		font-size: 21px;
	}
	.boxsec p{
		font-size: 13px;
	}
	.aboutcon h4{
		font-size: 38px;
	}
	.aboutcon {
	  font-size: 15px;
	  line-height: 24px;
	}
	.falcon p{
		width: 86%;
	}
	.productpopup{
		top: 13%;
	}
	.sectioncon{
		text-align: center;
	}
	.sectioncon img {
	  margin: 0 25px 10px 0;
	  float: none;
	  width: 12%;
	  text-align: center;
	}
	.plantssec{
		background-size: 35%;
		margin-top: 88px;
	}
}

@media (max-width: 864px) {
	.carousel-caption p{
		display: none;
	}
	.carousel-caption span {
	  font-size: 24px;
	  margin-bottom: 23px;
	}
	.contentsort ul li {
		margin: 0 24px 0 24px;
	}
	.productpopup h4 {
	  font-size: 28px;
	  line-height: 30px;
	  margin-bottom: 12px;
	}
	.productpopup{
		padding: 10px;
	}
	.boxposition {
	  position: relative;
	  margin-top: -42px;
	}
	.carousel-caption {
	  bottom: 69px;
	}
	.carousel-indicators {
	  bottom: 39px;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	.logsec img{
		width:100%;
	}
	.nav-link{
		font-size:12px;
		margin-left: 1em;
	}
	.boxwhite strong{
		font-size:23px;
	}
	.headingcon h3{
		font-size:35px;
	}
	.bg-light-sec{
		background:none;
	}
	.countersecnum p{
		font-size:13px;
	}
	.bannerpartcontent h1 p {
		font-size: 23px;
		line-height: 28px;
		margin-top: 10px;
	}
	.growth{
		font-size:25px;
	}
	.bannerpartcontent h1 {
		font-size: 38px;
		line-height: 40px;
	}
	.bannerpartcontent h1 p{
		font-size:25px;
	}
	.bannerpartcontent strong{
		font-size:17px;
	}
	.casestudiestextbox {
		padding: 4px;
		font-size: 14px;
		width: auto;
	}
	.casestudiestextbox a{
		font-size: 16px;
	}
	.casestudiestextbox img{
		width:100%;
	}
	.quicklinks ul li a{
		font-size:13px;
	}
	.quicklinks{
		padding-left:0px;
	}
	.address{
		font-size:13px;
	}
	.address i {
		margin-right: 7px;
	}
	.connect i{
		margin-right: 13px;
	}

}
@media (min-width: 576px) and (max-width: 767px) {
	.nav-link {
		font-size:14px;
	}
	.bg-light-sec{
		background:none;
	}
	.logsec img {
		margin-top: 5px;
		width: 100%;
	}
	.bannerpartcontent h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.bannerpartcontent h1 p {
		font-size: 19px;
		line-height: 25px;
		margin-top: 20px;
	}
	.btnsec{
		font-size: 15px;
		margin-right:5px;
	}
	.customformob{
		display:block;
		max-width:100%;
		margin:0 auto;
	}
	.customformobdiv{
		display:block;
		max-width:100%;
		margin-top:25px;
	}
	.customformobdivnav{
		display:block;
		max-width:100%;
		margin-top:-25px;
	}
	.topbtn {
		width: 149px !important;
	}
	.btnsecone{
		font-size: 15px;
	}
	.bannerimge {
		align-items: flex-start;
		padding-top:20%;
	}
	.aboutcon h2{
		font-size: 39px;
	}
	.headingcon h3{
		font-size: 29px;
		line-height: 41px;
	}
	.boxwhite strong{
		font-size: 17px;
	}
	.boxwhite{
		padding:12px;
	}
	.boxwhite ul li{
		font-size: 16px;
	}
	.boxwhite a {
		font-size: 16px;
	}
	.casestudiestext h2{
		font-size: 33px;
	}
	.testimonialshed h2{
		font-size: 33px;
	}
	.effect.effect-1::before {
		font-size: 11px;
	}
	
}

@media (max-width: 767px) { 
	.boxsec{
		background:#fff;
	}
	.boxsec p{
		padding: 10px;
	}
	
	.navigation-wrap{
		width:100%;
	}
	.navbar-brand{
		display:block;
	}
	.nav-item:after{
		display: none;
	}
	.nav-item::before {
		position: absolute;
		display: block;
		top: 16px;
		left: 4px;
		width: 11px;
		height: 1px;
		content: "";
		border: none;
		background-color: #ccc;
		vertical-align: 0;
	}
	.dropdown-toggle::after {
		position: absolute;
		display: block;
		top: 10px;
		left: -21px;
		width: 1px;
		height: 11px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"]::after{
		transform: rotate(90deg);
		opacity: 0;
	}
	.dropdown-menu {
		padding: 0 !important;
		background-color: transparent;
		box-shadow: none;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
		margin-top: 10px !important;
		margin-bottom: 20px !important;
	}
	.nav-link {
		position: relative;
		padding: 5px 0 !important;
		display: inline-block;
		margin-left: 1.5em;
		margin-right: 0;
		font-size:14px;
	}
	
}

@media (max-width: 575px) { 
	.navbar-toggler-icon p{
		display: none;
	}
	.secondsection{
		padding-top: 12px;
	}
	.fixedlogoright{
		display: none;
	}
	.navbar {
		padding: 0;
		position: fixed;
		right: 51px;
		top: 30px;
	}
	.navigation-wrap{
		left: 0;
		top: -65px;
	}
	.navbar-collapse{
		width: 65%;
	}
	.top-so-link{
		display: none;
	}
	/*--mob nav end--*/
	.logsec{
		text-align:center;
	}
	.boxposition {
	  position: relative;
	  margin-top: 35px;
	}
	.boxsec img{
		width: 100%;
	}
	.boxsec{
		margin-bottom: 50px;
	}
	.secabout {
	  padding-top: 30px;
	  padding-bottom: 30px;
	}
	.aboutcon {
		text-align:center;
	}
	.aboutcon h4{
		text-align:center;
	}
	.falcon{
		padding: 105px 74px 250px;
	}
	.falcon p {
	  font-style: italic;
	  color: #000;
	  width: 100%;
	  line-height: 30px;
	  margin: 0 auto;
	  margin-top: 0;
	  font-size: 16px;
	}
	.falcon p span {
	  font-size: 18px;
	}
	.processs {
	  padding-top: 30px;
	  padding-bottom: 30px;
	  position: relative;
	}
	.productpopup {
	  position: relative;
	  top: 0;
	  left: 0;
	  padding: 34px 36px;
	}
	.plantssec{
		background-image: none;
	}
	.aboutcon ul{
		margin-bottom:30px;
		margin-top:30px;
	}
	.aboutcon ul li{
		text-align: left;
	}
	.brands_slider_container {
	  padding-left: 10%;
	  padding-right: 10%;
	}
	.testimonial4_slide img{
		width: 100%;
	}
	.tetimonialgap{
		padding: 30px;
		text-align: center;
	}
	.imgtest{
		width: 20%!important;
	}
	.carousel-control-nextnew{
		top: 65%;
	}
	.carousel-control-prevnew{
		top: 65%;
	}
	.contentsort ul li {
		margin: 0 10px 0 10px;
	}
	.sectioncon{
		text-align: center;
	}
	.sectioncon img {
	  margin: 15px 0 15px 0;
	  float: none;
	}
	.brands_next {
	  right: 0;
	}
	.brands_prev {
	  left: 0;
	}
	.carousel-caption{
		bottom: 50px;
		line-height: 20px;
	}
	.carousel-caption p {
	  display: none;
	}
	.carousel-caption h5 {
	  font-family: 'Rubik', sans-serif;
	  font-size: 29px;
	  letter-spacing: 0;
	  padding-left: 49px;
	}
	.carousel-caption span{
		font-size: 15px;
	}
	.carousel-indicators{
		display: none;
	}
}

@media (max-width: 540px) { 
	.carousel-caption{
		bottom: 0;
	}
}

@media (max-width: 500px) { 
	.brands_slider_container {
	  padding-left: 20%;
	  padding-right: 33%;
	}
}

@media (max-width: 480px) { 
	.brands_slider_container {
	  padding-left: 0%;
	  padding-right: 0%;
	}
	.mediacor::after{
		display: none;
	}
}

@media (max-width: 440px) { 
	.carousel-caption{
		bottom: 0;
	}
	.logsec{
		text-align: left;
	}
	.logsec img {
	  width: 17%;
	}
	.navigation-wrap {
	  left: 0;
	  top: -34px;
	}
	.carousel-caption {
	  bottom: 16px;
	}
}

@media (max-width: 400px) { 
	.brands_slider_container {
	  padding-left: 20%;
	  padding-right: 19%;
	}
}

@media (max-width: 360px) { 
	.brands_slider_container {
	  padding-left: 13%;
	  padding-right: 19%;
	}
	.falcon p{
		font-size:18px;
	}
	.productpopup h4{
		font-size:30px;
	}
	.testimonial4_slide h4{
		font-size:40px;
	}
	.aboutcon h4{
		font-size:38px;
	}
	.mediacor::after{
		display: none;
	}
	.contentsort ul li {
	  margin: 0 5px 0 5px;
	}
	.teamcon h4{
		font-size:38px;
	}
	.carousel-control-prevnew {
	  top: 71%;
	}
	.carousel-control-nextnew {
	  top: 70%;
	}
}