@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4 {
	font-family: 'Roboto', sans-serif;
	font-weight:500;
}
h3 {
	font-weight:500;
	color:#2e3092;
}
.btn {
	cursor:pointer;
	background-color:#dd5928;
	border-color:transparent;
}
header {
	width:100%;
	height:auto;
	padding-top:10px;
}
.top_head {
	width:100%;
	height:auto;
	padding-bottom:10px;
}
.navbar-nav {
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	font-size:14px;
}
.bg-light {
	background-color:transparent !important;
	border-top:1px dashed #CCC;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color:#F00;}
.navbar-light .navbar-nav .nav-link { color:#333;}
.nv_fixed { 
	top:0; 
	position:fixed;
	width:100%;
	background-color:#FFF !important;
	z-index:1;
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
}
.social_tp { 
	list-style:none;
	margin:0; 
	padding:10px;
	float:right;
}
.social_tp li { 
	display:inline-block;
	margin:0 5px;
}
.social_tp a svg { 
	display:inline-block;
	vertical-align:middle;
	width:18px;
	height:18px;
}
.carousel-control-prev-icon {
	background-image:url(../images/left-arrow.svg);
}
.carousel-control-next-icon {
	background-image:url(../images/right-arrow.svg);
}
.carousel-control-next-icon, .carousel-control-prev-icon { width:30px; height:30px;}
.carousel-caption { top:40%;}
.alpha_clr { 
	width:100%; 
	height:100%;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
}
.read_mr {
	display:block;
	background-color:#FFF;
	border-radius:10px;
	width:155px;
	text-align:center;
	margin:0 auto;
	padding:10px;
}
.abt_top{
	width:100%;
	height:auto;
	padding:30px 0;
}
.spl_flx {
	display:flex;
	align-items:center;
}
.abt_top a { color:#F00; text-decoration:underline;}
.abt_top h3 { margin-bottom:15px;}
.pro_ref { 
	width:100%;
	height:auto;
	min-height:340px;
}
.border_thick {
	background-color:#dd5928;
	width:100%;
	height:4px;
	border-radius:20px;
}
.ps {
	position:relative;
}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:rgba(221, 89, 40, 0.8 );
  overflow: hidden;
  width: 100%;
  height: 0;
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  -ms-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
  color:#FFF;
  padding:0 0 0 10px;
}
.overlay h5 { font-size:17px;}
.overlay p { font-size:12px;}
.overlay .fa { margin-right:7px;}
.overlay span:first-child { display:inline-block; margin-top:10px;}
a.ps:hover .overlay {
	height:100%;
}
.categ {
	position:absolute;
	right:0;
	padding:4px 15px;
	text-align:center;
	top:0;
	font-size:12px;
	color:#FFF;
}
.new { background-color:#ff0000;}
.up { background-color:#ffa800;}
.finish{ background-color:#3ea0fc;}
.pro_view { 
	display:block;
	float:right;
	font-size:12px;
}
.pro_view .fa { margin-left:10px;}
footer {
	width:100%;
	height:auto;
	background-color:#151630;
	padding:50px 0;
}
footer h5 {
	color:#CCC;
}
.ftr_link {
	list-style:none;
	padding:0;
}
.ftr_link a { 
	color:#CCC;
}
.ftr_in { color:#CCC;}
.abt_header {
	width:100%;
	height:auto;
	background-image:url(../images/abt_banner.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	min-height:300px;
	background-position:0 -65px;
	display:flex;
	align-items:center;
	color:#FFF;
}
.cnt_header {
	width:100%;
	height:auto;
	background-image:url(../images/contact_banner.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	min-height:300px;
	background-position:0 -65px;
	display:flex;
	align-items:center;
	color:#FFF;
}
.abt_header h3 { color:#FFF;}
.cnt_header h3 { color:#FFF;}
.services_header {
	width:100%;
	height:auto;
	background-image:url(../images/banner03.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	min-height:300px;
	background-position:0 -65px;
	display:flex;
	align-items:center;
	color:#FFF;
}
.services_header h3 { color:#FFF;}
.proref_header {
	width:100%;
	height:auto;
	background-image:url(../images/pro-ref.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	min-height:300px;
	background-position:0 -65px;
	display:flex;
	align-items:center;
	color:#FFF;
}
.proref_header h3 { color:#FFF;}
.sec_three {
	width:100%;
	height:auto;
	margin-top:5%;
}
.inner_main_bx {
	width:100%;
	height:auto;
	background-color:#e8e9fd;
	text-align:center;
	padding:20px;
}
.inner_main_ms { 
	width:100%;
	height:auto;
	background-color:#2e3092;
	text-align:center;
	padding:20px;
	color:#CCC;
}
.icon {
	text-align:center;
	min-height:84px;
	width:100%;
	line-height:6;
}
.icon span{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.icon img { vertical-align:middle;}
@media (min-width: 767px) {
	.rmv_mar { padding:0;}
}
.abt_sec_fr { 
	width:100%;
	height:auto;
	margin-top:5%;
}
.key_stf_main {
	width:100%;
	height:auto;
	padding:10px;
}
.gray {	background-color:#e8e9fd;}
.blue { background-color:#2e3092;}
.stf_pic {
	border-radius:90px;
	width:150px;
	height:150px;
	overflow:hidden;
}
.flex_spl {
	display:flex;
	align-items:center;
}
.abt_clnt {
	width:100%;
	height:auto;
	padding:32px 0;
}
.spl_stl {
	border-radius:50px;
	border-color:#dd5928;
}
.spl_stl:focus {
	border-color:#dd5928;
	-webkit-box-shadow: 0px 1px 21px -2px rgba(221,89,40,0.31);
	-moz-box-shadow: 0px 1px 21px -2px rgba(221,89,40,0.31);
	box-shadow: 0px 1px 21px -2px rgba(221,89,40,0.31);
}
.spl_txt {
	border-top:none;
	border-left:none;
	border-right:none;
	border-radius:0;
	border-bottom:1px solid #dd5928;
	box-shadow:none;
	resize:none;
}
.spl_txt:focus {
	-webkit-box-shadow: 0px 1px 21px -2px rgba(221,89,40,0.31);
	-moz-box-shadow: 0px 1px 21px -2px rgba(221,89,40,0.31);
	box-shadow: 0px 1px 21px -2px rgba(221,89,40,0.31);
}
.cnt_ftr {
	width:100%;
	height:auto;
	background-color:#e8e9fd;
	padding:35px 0;
	margin-top:10%;
}
.loc {
	display:inline-block;
}
.loc svg {
	width:50px;
}
.proj_det {
	position:absolute;
	left:15%;
	bottom:5%;
	color:#FFF;
}
.proj_det .fa { margin-right:6px;}
.brd {
	display:block;
	height:3px;
	width:60px;
	background-color:#dd5928;
	border-radius:10px;
}
.col-md-3.col-xs-6.filter { margin-top:20px;}
.filter-button
{
    border-radius:0;
    text-align: center;
    color:#333;
	background-color:transparent;
	padding: .375rem .30rem;
}
@media (min-width: 329px){
	.filter-button{
		padding: .375rem .75rem;
	}
}
.filter-button:hover
{
    text-align: center;
    color:#FFF;
    background-color:#ff0000;
}
.act
{
    background-color:#ff0000;
    color: white;
	outline:none;
}
.mar_tp { margin-top:20px;}

#scroller{
  width: 10000%;
}
#scroller.ready > *{
  display: inline-block;
  float:left;
  overflow: hidden;

  webkit-animation-timing-function: linear;
  animation-timing-function: linear;


  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;

  -webkit-animation-delay: 1s;
  animation-delay: 1s;


  -webkit-animation-duration: 10s;
  animation-duration: 10s;


  -webkit-animation-name: marginator;
  animation-name: marginator;



  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#scroller:hover > *{


  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.dwnld { display:inline-block;
	padding:10px 20px;
	text-align:center;
	background-color:#930;
	color:#FFF;
	margin-top:35px;
}
.dwnld:hover, .dwnld:focus, .dwnld:active { color:#666; text-decoration:none;}
 
@-webkit-keyframes marginator {
  0% {
    -webkit-transform: translate(0,0);
    -webkit-transform: translate3d(0,0,0);
  }
  100% {
    -webkit-transform: translate(-100%,0);
    -webkit-transform: translate3d(-100%,0,0);
  }
}

@keyframes marginator {
  0% {

    -webkit-transform: translate(0,0);
    transform: translate(0,0);

    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  100% {


    -webkit-transform: translate(-100%,0);
    transform: translate(-100%,0);


    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }
}
#scroller-wrapper{
  overflow: hidden;
  margin-top:10px;
}
.scaling-svg { 
		width:110px;
}
@media (min-width: 576px) {
	.scaling-svg { 
		width:100%;
	}
}