/*HEADER PART*/

body
{
    font-family: Lato;
    padding-top: 112px;
}

.navbar
{
    min-height: 112px;
    background-color: #fff;
    margin-bottom: 0;
}

.nav.navbar-nav.pull-right
{
    margin-top: 56px;
}

.nav.navbar-nav.pull-right a
{
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    font-family: lato;
    font-weight: bold;
}

.nav.navbar-nav.pull-right .active a
{
    background-color: transparent;
    color: #db241d;
    border-bottom: 4px solid #db241d;
}

.navbar-default .navbar-nav> li> a
{
    color: #b4b4b4;
}

.navbar-nav> li
{
    padding-left: 55px;
}

.navbar-default .navbar-nav> li> a:focus, .navbar-default .navbar-nav> li> a:hover
{
    color: #db241d;
}

/*HEADER PART ENDS HERE*/

/*BANNER PART*/

.banner
{
    height: 522px;
    background: transparent;
    color: #fff;
    font-weight: bold;
    margin-bottom: 123px;
}
.header_banner_content p{

margin-bottom: 0px !important;


}
.hero-heading
{
    font-size: 38px;
    font-variant: small-caps;
}

.hero-subheading
{
    font-size: 18px;
}

.hero-button
{
    color: #fff;
    background-color: #da251d;
    border-color: #b10f1f;
    padding: 8px 12px;
    width: 142px;
    height: 39px;
}

.img-hero
{
  width: 250px;
height: 250px;
border: 15px solid #E0E0E0;
overflow: hidden;
border-radius: 50%;
margin: 0 auto;
    margin-top: -25px;
}

.img-hero img
{
  width: 76%;
margin-left: 18px;
margin-top: 22px;
}

.main-timeline-img
{
    margin-right: 23px;
}

.main-timeline-img img
{
    width: 100%;
}

.main-timeline p
{
    text-align: justify;
    margin-bottom: 32px;
}

.main-timeline h3
{
    margin-top: 0;
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 37px;
}

.main-timeline h3 span
{
    color: #da251d;
}

.main_features_wrap_div
{
    width: 174px;
    height: 300px;
    display: block;
    margin: 0 auto;
}

.main_feature
{
    text-align: center;
    margin-top: 123px;
}

.main_feature h3
{
    margin-top: 0;
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 37px;
}

.main_feature h3 span
{
    color: #da251d;
}

.main_feature p
{
    text-align: justify;
    margin-bottom: 66px;
}

.main_features
{
    display: block;
    margin: 0 auto;
    position: relative;
    top: 25%;
    height: 100%;
    margin-top: -42px;
}

.main_features_div
{
    width: 174px;
    height: 174px;
    position: relative;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}

.main_feature_p
{
    text-align: center !important;
    font-weight: 700;
    font-family: Open Sans;
    font-size: 16px;
}

.parallax-window
{
    min-height: 500px;
    background: transparent;
}

.feedback_bg
{
    text-align: center;
    background-color: #fff;
}

.main_feedback
{
    min-height: 381px;
}

.main_feedback .container {
  margin-top: -272px;
  margin-top: -272px;
}

.main_feedback h3 {
  font-weight: bold;
  font-size: 36px;
  font-weight: bold;
  font-size: 36px;
}

.main_feedback p {
  margin-bottom: 68px;
  margin-bottom: 68px;
}

.main_feedback input {
  width: 720px;
  height: 54px;
  border-radius: 6px;
  border: 1px solid #ededed;
  width: 720px;
  height: 54px;
  border-radius: 6px;
  border: 1px solid #ededed;
}

.main_feedback .btn.btn-default.hero-button {
  width: 218px;
  height: 54px;
  margin-top: -5px;
  padding-top: 15px;
  margin-left: -7px;
  width: 218px;
  height: 54px;
  margin-top: -5px;
  padding-top: 15px;
  margin-left: -7px;
}

.main_testimonial_content
{
    text-align: center;
    color: #fff;
}
.main_testimonial_content .carousel-indicators
{
        top: 295px;
}

.main_testimonial_content h3
{
    font-size: 36px;
    font-weight: bold;
    margin-top: 64px;
    margin-bottom: 56px;
}

.testimonial_bg p
{
    padding: 26px 20px;
    color: #cdcdcd;
}

.fa-quote-left
{
    margin-left: -330px;
    margin-top: 20px;
    font-size: 40px !important;
}

.testimonial_bg
{
    background-color: #223455;
    opacity: 0.6;
    border: 6px solid rgba(185, 185, 185, 0.19);
}

.testimonial_img
{
    border: 6px solid rgba(87, 93, 96, 0.66);
}

.testimonial_name
{
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    margin-top: 35px;
}

.testimonial_post
{
    font-size: 14px;
color: #fff;
font-weight: bold;
}

.footer_1
{
    background-color: #1a1c28;
    text-align: center;
}

.footer_2
{
    background-color: #21232e;
    text-align: center;
}

.footer_nav
{
    list-style: none;
    text-align: center;
    margin-top: 47px;
    margin-bottom: 43px;
}

.footer_nav li
{
    display: inline;
    padding-left: 30px;
    padding-right: 30px;
    border-right: 1px solid #373737;
}

.footer_nav li.active a
{
    color: #d8140d;
}

.footer_nav li a
{
    text-decoration: none;
    color: #868689;
}

.footer_nav li:last-child
{
    border-right: unset;
}

.footer_1 p
{
    display: inline;
    color: #98999d;
    margin-left: 30px;
}

.social_logo
{
    margin-top: 21px;
    margin-bottom: 42px;
}

.social_logo li
{
    display: inline;
    margin-left: 6px;
}

.social_logo li span
{
    border-radius: 50%;
    background-color: #fff;
    width: 20px;
    height: 20px;
    padding-top: 3px;
}

.social_logo li span:hover
{
    background-color: #d8140d;
    color: #fff;
}

.footer_2 ul
{
    list-style: none;
    text-align: center;
    margin-top: 17px;
    margin-bottom: 17px;
}

.footer_2 li
{
    display: inline;
    padding-left: 30px;
    padding-right: 30px;
    border-right: 1px solid #373737;
}

.footer_2 li a
{
    color: #fff;
}

.footer_2 li:last-child
{
    border-right: unset;
}

.contact_banner_bg
{
    /*background-image: url('img/contact-banner.png');*/
      background-color: #1f1b45;
    min-height: 100px;
}

.contact-header-banner
{
    color: #fff;
    font-weight: bold;
}

.contact_banner_heading
{
    /*padding-top: 60px;*/
}
.form-control{
  margin-bottom: 10px;
  border-radius: 0;
}
.contact_form .col-md-6 ,.contact_form .col-md-12{
  padding-right: 10px;
  padding-left: 0;
}
.contcat_border{
  border-left: 1px solid gray;
  padding-left: 30px !important;
  margin-top: 60px;
}

.contact_span{
  float: left;
border: 1px solid;
border-radius: 50%;
width: 25px;
height: 25px;
padding-left: 5px;
padding-top: 4px;
color: #dedede;
}
.contact_addr p{
margin-left: 35px;
color: #858585;
}
.contact_addr{
  margin-bottom: 24px;
}
.contact_2{
  margin-bottom: 74px; padding-top: 10px; padding-bottom: 10px;
}
.about_banner_bg
{
    /*background-image: url('img/aboutus_bg.png');*/
    background-color: #1f1b45;
    min-height: 100px;
}
.about_headings span{
  color: #da251d;
}
.about-header-banner
{
    color: #fff;
    font-weight: bold;
}

.about_banner_heading
{
    /*padding-top: 60px;*/
}


.about_col5{

  margin-top: 86px;
  text-align: center;
  min-height: 190px;
  padding: 0;
}

.about_redbox{
  background-color: #fff;
  min-height: 355px;
  padding: 15px;
  margin-top: 0;
  border: 1px solid #d8140d;
  background-size: cover;
}

.about_redbox:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
  z-index: 99;
}

.about_redbox:after {
	border-color: rgba(216, 20, 13, 0);
	border-left-color: #d8140d;
	border-width: 30px;
	margin-top: -30px;
}
.about_redbox:before {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #d8140d;
	border-width: 36px;
	margin-top: -36px;
}



.about_redbox h3{
  color: rgb(251, 209, 2);
  font-weight: bold;
  font-size: 51px;
  margin-top: 0px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  text-align: right;
}
.about_redbox p{
color: white;
  margin-left: 50px;
  margin-top: 30px;
  font-weight: bold;
  font-size: 23px;
  padding-right: 32px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.about_col7{
  background-color: #fff;

  height: 500px;
}
.about_timeSquare{
  min-height: 165px;
}

.time_circle{
  margin-top: 50px;
  border: 2px dotted #d1d1d1;
  width: 85px;
  display: block;
  height: 85px;
  padding-top: 3px;
  padding-left: 3px;
  border-radius: 50%;
}
.time_circle span{
  border: 1px solid;
  border-radius: 50%;
  width: 75px;
  display: block;
  height: 75px;
  padding-left: 16%;
  padding-top: 27%;
  font-weight: bold;
  font-size: 21px;
  transition: all linear 0.4s;
}
.time_year_active{

  animation: pulse 1s forwards;
}
.time_data{
  margin-top: 78px;
}
.parallax_aboutus{

}

.about_arrow::after{
  right: 100%;
top: 57%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-right-color: #FFF;
border-width: 15px;
margin-top: -15px;
left: -45px;
}

@keyframes pulse {
  0% {
    background-color: #fff;
    color: black;
  }
  100% {
    background-color: #d8140d;
    color: #fff;
  }
}

.about_team{
  margin-top: 100px;
  margin-bottom: 100px;
}
.about_team5 p{
  display: inline;
  font-size: 45px;
  font-weight: bold;
  margin-right: 60px;
}
.about_team5 img{
  border: 2px solid #d8140d;
  padding: 30px;
  border-radius: 50%;
}


.about_team5{
  margin-top: 80px;
}
.about_team7{
  border-left: 4px solid black;
padding-top: 20px;
padding-bottom: 20px;
}
.about_team7 p:first-child{
      font-size: 45px;
}
.about_team7 p span {
    text-transform: uppercase;
    font-weight: bold;
}
.about_headings .container{
  margin-top: 30px;
margin-bottom: 30px;
}
.about_headings h2{
  font-weight: bold;
color: #000;

}
.about_headings p{
  text-align: center;
  margin-top: 25px;

}
.about_ach{
  background-color: #b19765;
color: #fff;
padding-left: 0px !important;
padding-right: 0px !important;
}
.about_ch_r h3{
  font-size: 45px;
font-weight: bold;
margin-top: 55px;
margin-bottom: 70px;
}
.about_ch_r p{
  font-weight: 100;
  font-style: italic;
  font-size: 18px;
  margin-bottom: 70px;
}
.about_ch_r ul{
  list-style: none;
  padding: 0;
}
.about_ch_r li{
  display: inline;
  border-right: 1px solid;
  padding-right: 9px;
  padding-left: 2px;
}
.about_ch_r li:last-child{
border-right: 0px solid;
}
.about_ach_img img{
  width: 100%;
/*margin-left: 23px;*/
}
.about_ach_img {
  padding-left: 0px !important;
  padding-right: 0px !important;
/*margin-left: 23px;*/
}

#services_head{
  position: fixed;
  top: 0px;
  z-index: 999999;
  width: 100%;
}


.bg-blue{
  background-color: #1a1c28;
  color: #fff;
}
.bg-blue p{
  color: #3a3d42;
}
.bg-palewhite{
  background-color: #f3f3f3;
  color: #353535;
}
.bg-white{
  color: #333333;
}


.infra_banner_bg
{
    /*background-image: url('img/infra-banner.png');*/
      background-color: #1f1b45;
    min-height: 100px;
}

.infra-header-banner
{
    color: #fff;
    font-weight: bold;
}

.infra_banner_heading
{
    /*padding-top: 60px;*/
}
.infra_list{
  list-style: none;
  padding-left: 0;
  margin-top: 15px;
}
.infra_list_item_wrap_div{
  padding: 15px;
  border-bottom: 2px dotted #c2c2c2;
}
.infra_list li:last-child .infra_list_item_wrap_div{
  border-bottom:0;
}
.infra_list_item_img{
  float: left;
border: 2px solid #e8e8e8;
border-radius: 50%;
padding: 15px;
margin-right: 15px;
background-color: white;
}
.infra_list_item_heading{
  font-family: Lato;
font-weight: bold;
font-size: 18px;
}
.infra_list_item_content{
  font-family: Lato;
font-weight: normal;
font-size: 14px;
}
.infra_list_active{
  background-color: #f3f3f3;
  border-bottom: 0;
}
.infra_content_p{
  font-family: lato;
font-size: 14px;
font-weight: normal;
margin-top: 15px;

}
.infra_content_h{
  font-size: 35px;
font-weight: bold;
font-family: Lato;
}
.infra_list_item_link{
  text-decoration: none;
color: black;
}
.infra_list_item_link:hover{
  text-decoration: none;
color: black;
}
.infra_list_item_link:focus{
  text-decoration: none;
color: black;
}
.infra_list_item_link:active{
  text-decoration: none;
color: black;
}
.main-slider{
  margin-bottom: 100px;
}


/*.logo-path {

    animation: logoPathDraw 5s linear 1;
    animation-fill-mode: forwards;
}

@keyframes logoPathDraw {

  from {
    stroke-dashoffset:4430;
  }
  to {
    stroke-dashoffset: 0;
  }
}*/
.svg-container{
  background-image: url("img/workflow.svg");
  width: 100%;
height: 1947px;
background-position-x: 50%;
background-repeat: no-repeat;
position: relative;
}

#Logo{
  position: absolute;
left: 27vw;
top: 265px;
}

@media screen and (min-width: 1280px) {
  #Logo{
    position: absolute;
  left: 15vw;
  top: 265px;
  }
}

@media screen and (min-width: 1366px) {
  #Logo{
    position: absolute;
  left: 17vw;
  top: 265px;
  }
}
@media screen and (min-width: 1440px) {
  #Logo{
    position: absolute;
  left: 19vw;
  top: 265px;
  }
}
@media screen and (min-width: 1600px) {
  #Logo{
    position: absolute;
  left: 22vw;
  top: 265px;
  }
}
@media screen and (min-width: 1920px) {
  #Logo{
    position: absolute;
  left: 26vw;
  top: 265px;
  }
}
.main_feature_link{
  color: #000;
  text-decoration: none;
}
.main_feature_link:hover{
  color: #000;
  text-decoration: none;
}

.main-slider h2,.main-slider p{
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  text-align: center;

}
.slidee li{
  min-height: 165px;
  list-style: none;
  cursor: pointer;
}

.scrollbar {
	position: absolute;
	right: 10px;
	width: 2px;
	height: 600px;
	background: #ccc;
	line-height: 0;
}
.scrollbar .handle {
	width: 100%;
	height: 10px;
	background: #292a33;
	cursor: pointer;
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: 0;
	left: -10px;
	width: 22px;
	height: 100%;
}
.slidee .active .col-md-2   span{
  transition: all linear 0.4s;
  background-color: #d8140d;
  color: #fff;
  box-shadow: 0px 0px 2px grey;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.slidee  {
  transition: transform linear 0.3s;
}
.prev span{
    border: 1px solid #000;
    padding: 10px;
    color: #d8140d;
}
.next span{
    border: 1px solid #000;
    padding: 10px;
    color: #d8140d;
}
.prev{
  position: absolute;
top: 0;
right: 0;
}
.next{
  position: absolute;
bottom: 0;
right: 0;
}
.about-hero-heading{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 22px !important;
  font-weight: bold;
}
.about-hero-subheading{
    margin-top: 0 !important;
    font-weight: bold;
}
.about-milestone{
  font-weight: bold;
color: #000;
margin-bottom: 64px;
}
.about-milestone span{
  color: #da251d;
}

.about_team_img{
  margin-top: 50px !important;
display: block;
margin: 0 auto;
}
.about_team_testi{
  font-size: 20px;
text-align: center;
color: #626161;
margin: 25px 0;
}

.about_team_testi_name{
  font-size: 18px;
text-align: center;
color: #d2d2d2;
font-weight: bold;
}

.why_product_descr h3{
  text-transform: uppercase;
  margin-bottom: 48px;
}
.why_prod_des_p{
  margin-bottom: 35px;
}


.why_product_descr ul {
    list-style: none;
    padding:0;
    margin-left: 8px;
}

.why_product_descr li {

}

.why_product_descr li:before {
    content: "• ";
    color: red; /* or whatever color you prefer */
    padding-right: 27px;
}
.why_product_descr h5{
  margin-bottom: 15px;
}
.why_product_descr .hero-button{
  float: right;
text-transform: uppercase;
font-weight: bold;
padding: 4px 12px;
width: 116px;
height: 32px;
margin-left: 20px;
}
.why_product_descr{
  margin-bottom: 50px;
}
.well1 .carousel {
    margin-bottom: 0;
    padding-bottom: 30px;
}
/* Reposition the controls slightly */
.well1 .carousel-control {
    left: -12px;
}
.well1 .carousel-control.right {
    right: -12px;
}
/* Changes the position of the indicators */
.well1 .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.well1 .carousel-indicators li {
    background: #c0c0c0;
}
.well1 .carousel-indicators .active {
background: #333333;
}
.well1 .thumbnail{
  background-color: #fff;
  border:0;
  border-radius:0;
}
.section p{
  text-align: justify;
  font-size: 16px;
}
.font-size-16{
  font-size: 16px;
}
.time_data span{
  font-size: 16px;
}
.whyus_machines{
  margin-bottom: 65px;
}
.cust_btn{
    padding-bottom:0px !important;
        border: 1px solid !important;
    padding: 10px !important;
    margin-top: -15px !important;
    color: #db241d !important;
    border-radius:6px;
}