body{padding: 0;margin:0;font-family: 'Montserrat', sans-serif;}

/*------------------------header---------------------*/
h1,h2,h3,h4,h5,h6{font-family: 'Roboto Slab', serif;}
.header ul{padding: 0;list-style-type: none;margin: 0;padding-top: 15px;display: flex;justify-content: end;}
.header ul li{display: inline-block;padding: 0px 15px;}
.header ul li .fa{font-size: 18px;padding-right: 6px;color: #7b1e26;}
.header p{padding-bottom: 0;margin-bottom: 0px;font-weight: bold;color: #ab381f;text-align: left;
	font-size: 12px;}
.header h6{text-align: left;font-size: 1rem;color: #222;margin: 0 0 0.15em;font-size: 14px;
text-transform: uppercase;font-weight: 700;}
.bg-dark{background: -webkit-linear-gradient(left, #7b1e26, #ab381f)!important;}
.header h5{text-align: right;font-size: 14px;padding-top: 10px;padding-right: 65px;}

.navbar-dark .navbar-nav{text-align: center;margin: 0 auto;}
.navbar-dark .navbar-brand{padding: 0;}
.navbar-dark .navbar-nav .nav-link {color: #fff!important;font-weight: 400;padding: 20px 15px;
font-size: 16px;font-weight: 600;}
.navbar-dark .navbar-nav .nav-link:hover{color: #eee!important;}

.navbar-menu > .item {position: relative;-webkit-transition-duration: 0.25s;transition-duration: 0.25s;}
.navbar-menu > .item::after {background-color: #eee;bottom: 0;height: 1px;left: 0;position: absolute;
-webkit-transition-duration: 0.25s;transition-duration: 0.25s;width: 100%;}
.navbar-menu > .item > .link {cursor: pointer;display: inline-block;font-size: 16px!important;font-weight: 600;}
.navbar-menu.-twitter > .item:hover::after,
.navbar-menu.-twitter > .item.-active::after {-webkit-transform: scaleY(1);transform: scaleY(1);}
.navbar-menu.-twitter > .item::after {content: '';-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: bottom;transform-origin: bottom;}
.navbar-menu.-material > .item:hover::after,
.navbar-menu.-material > .item.-active::after {-webkit-transform: scaleX(1);transform: scaleX(1);}
.navbar-menu.-material > .item::after {content: '';-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: center;transform-origin: center;}


.dropdown:hover>.dropdown-menu {display: block;background-color: #1e73be;border:none;padding-top: 15px;}
.navbar .dropdown-menu {background: -webkit-linear-gradient(left, #7b1e26, #ab381f)!important;
width: 20%!important;left: 45%;top:68px;padding: 0!important;border-radius: 0;}
.navbar .dropdown-menu .box{padding: 0px!important;}
.navbar .dropdown-menu .nav-link{padding: 0px 15px!important;margin-bottom: 5px;}
.navbar .dropdown-menu .box span{padding-left: 25px;margin-top: 20px!important;font-weight: 600;color: #007bff;}
/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {.navbar {padding-top:0px;padding-bottom:0px;}
/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {padding:.1rem .3rem;margin:2px .25rem;}
/* makes the dropdown full width  */
.navbar .dropdown {position:static;}
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {display:block!important;}
.navbar .dropdown-menu {border: 1px solid rgba(0,0,0,.15);background-color: #fff;}}
.dropdown-project{list-style-type: none;}

.carousel-caption {position: absolute;right: 15%;bottom: 20px;left: 10%;z-index: 10;padding-top: 20px;
padding-bottom: 20px;text-align: left;top: 30%;width: 35%;}
.carousel-caption h1{font-size: 60px;color: #7b1e26;font-weight: bold;text-transform: uppercase;
font-size: 30px;line-height: 42px;}

.carousel-caption p{color: #ab381f;font-size: 24px;}
.carousel .fa{color: #7b1e26;font-size: 50px;}
.carousel-indicators li{background-color: #7b1e26;}
.slider-icon{position: absolute;width: 160px;top: 75%;left: 10%;z-index: 99999;}
.carousel-control-next, .carousel-control-prev{border: 2px solid #ab381f;padding: 35px;font-size: 24px;
color: #ab381f!important;}
.carousel-caption h5{font-size: 40px!important;color: #333;font-weight: bold;text-transform: uppercase;
line-height: 50px;display: grid;}

#services{padding: 50px 0px;text-align: center;}
#services .line{background-color: #333;height: 2px;width: 100px;margin: 25px auto;}
#services h2{font-size: 2.625rem;line-height: 0.8em;color: #06223e;margin: 0 0 0.45em;
position: relative;text-transform: capitalize;padding-bottom: 5px;}
#services p{line-height: 1.8em;padding: 0px 10%;font-weight: 600;color: #667380;}
#services .box{border:1px solid #ccc;margin-bottom: 30px;}
#services .box h4{font-size: 18px;font-weight: 600;padding: 10px 0px;text-transform: uppercase;
margin-bottom: 0;height: 50px;}
#services .row{padding-top: 50px;}
#services .box button{background-color: #222;color: #fff;padding: 8px 25px;margin: 15px;border: none;}

#counter-star{background-repeat: no-repeat;position: relative;background-image: url(../images/background-counter.jpg);
background-size: cover;background-position: center center;width: 100%;height: 250px;opacity: 1;
visibility: inherit;z-index: 20;color: #fff;text-align: center;}
#counter-star .bg-color{background: -webkit-linear-gradient(left, #7b1e26, #ab381f)!important;
height: 100%;opacity: .9;padding: 80px 0px;}
#counter-star h6{font-size: 24px;}

#featured-product{background-repeat: no-repeat;position: relative;background-image: url(../images/background-counter.jpg);
background-size: cover;background-position: center center;width: 100%;height: auto;opacity: 1;
visibility: inherit;z-index: 20;color: #fff;text-align: center;}
#featured-product .bg-color{background: -webkit-linear-gradient(left, #7b1e26, #ab381f)!important;
height: 100%;opacity: .9;padding: 80px 0px;}

#featured-product .line{background-color: #fff;height: 2px;width: 100px;margin: 25px auto;}

.large-12{width: 100%;}
.owl-nav{justify-content: center;display: flex;	}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {background: 0 0;
color: inherit;border: none;padding: 0!important;font: inherit;font-size: 28px;margin: 10px;}

.home-text{padding: 50px 0px;}
.home-text .line{background-color: #333;height: 2px;width: 100px;margin: 25px auto;}
.home-text h2{font-size: 2.625rem;line-height: 0.8em;color: #06223e;margin: 0 0 0.45em;font-weight: 600;
position: relative;text-transform: capitalize;padding-bottom: 5px;text-align: center;}
.home-text .row{padding-top: 60px;}
.home-text h4{font-size: 18px;line-height: 1.5em;padding-top: 15px;}
.home-text ul{padding-left: 15px;}
.home-text ul li{font-size: 15px;}

#our-promise{background-color: #eee;}

#testimonial{background-color: #eee;padding: 50px 0px;}
#testimonial{padding: 100px 0px;text-align: center;}
#testimonial .line{background-color: #333;height: 2px;width: 100px;margin: 25px auto;}
#testimonial h2{font-size: 2.625rem;line-height: 0.8em;color: #06223e;margin: 0 0 0.45em;
position: relative;text-transform: capitalize;padding-bottom: 5px;}
#testimonial p{line-height: 1.8em;padding: 0px 10%;font-weight: 600;color: #667380;}
#testimonial .fa{color: #00abc9;}

#footer {padding-top: 60px;background: -webkit-linear-gradient(left, #7b1e26, #ab381f)!important;color: white;}
#footer .links ul {list-style-type: none;}
#footer .links li a {color: white;-webkit-transition: color .2s;transition: color .2s;font-size: 16px;}
#footer .links li a:hover {text-decoration: none;color: #4180CB;}
#footer .about-company i {font-size: 25px;}
#footer .about-company a {color: white;-webkit-transition: color .2s;transition: color .2s;}
#footer .about-company a:hover {color: #4180CB;}
#footer .location i {font-size: 18px;}
#footer .copyright p {border-top: 1px solid rgba(255, 255, 255, 0.1);}

/*-----------------------------------onclick form--------------------------------*/


/*------------------contact-page------------------*/
#contact-page{padding: 100px 0px;}
#contact-page .box{width: 70px;height: 70px;border: 1px solid #ccc;}
#contact-page .box .fa{color: #072e30;text-align: center;font-size: 30px;padding: 20px;}
#contact-page h5{color: #072e30;font-weight: 700;padding: 15px 0px;font-size: 20px;text-transform: uppercase;}
#contact-page p{color: #333;padding-bottom:6px;margin: 0;}
#contact-page .social{list-style-type: none;padding: 0;}
#contact-page .social li{display: inline-block;}
#contact-page .social li .fa {padding: 8px;font-size: 18px;text-align: center;text-decoration: none;margin: 5px 2px;border-radius: 50%;color: #053864;border:1px solid #053864;width: 36px;}
#contact-page .social li .fa:hover{color: #1e73be;border:1px solid #1e73be;}
#contact-page .row{text-align: center;}
#contact-page .row .box{margin: 0 auto;display: block;}
#contact-page .cot{background-color: #e2e2e2;}
.cot-map .container-fluid{width: 100%;}


/*----------------------about-page---------------*/
#wrapper-all-page{background-image: url('../images/about-bg.jpg'); background-attachment: fixed;
background-size: cover;width: 100%;height: 100%;background-position: right;}
#wrapper-all-page .bg-background{background-color: rgba(0,0,0,0.9);padding: 80px 0px;}
#wrapper-all-page .bg-background h1{text-align: center;color: #fff;font-weight: 800;
	text-transform: uppercase;font-size: 30px;
    letter-spacing: 1px;}

#about-main{padding: 50px 0px;}
#about-main .fluid-box{width: 100%;padding: 25px;}
#about-main .top-content h1{font-weight: 800;padding: 15px 0px;font-size: 60px;text-transform: uppercase;}
#about-main .top-content h1 span{color: #a9371f;}
#about-main .top-content p{font-size: 15px;padding-bottom: 0px;color: #666;font-size: 18px;}
#about-main .middle-content{width: 100%;padding: 50px 25px;}
#about-main .middle-content h4{color: #01a8c7;font-weight: 700;font-size: 24px;padding: 15px 0px;}
#about-main .middle-content p{font-size: 16px;font-weight: 500;color: #666;}

#about-main h4{font-weight: 600;border-left: 4px solid #a9371f;padding-left: 15px;color: #333;
font-size: 32px;text-transform: uppercase;letter-spacing: 1px;margin-top: 60px;margin-bottom: 25px;}
#about-main ul{padding-left: 15px;margin-top: 15px;}
#about-main ul li{padding-bottom: 5px;font-weight: 500;color: #666;}


#service-s3{padding: 100px 0px;}
#service-s3 .row{padding-top: 50px;}
#service-s3 .fa{font-size: 28px;color: #49C4C1;padding: 0px 25px;}
#service-s3 .box h5{color: #222;}
#service-s3 .box p{color: #666;}
#service-s3 img{padding: 2px;border: 1px solid #ccc;}


#service-s2-3{background-color: #eee;padding: 50px;}
#service-s2-3 h4{padding-bottom: 10px;}

#contact-other{background-color: #212529;text-align: center;}
#contact-other .box{padding: 50px 0px;}
#contact-other h4{font-size: 28px;padding-bottom: 15px;font-weight: 900;text-transform: uppercase;
letter-spacing: 1px;color: #fff;}
#contact-other p{font-size: 18px;color: #eee;}
#contact-other button{background-color: #ab381f;border-radius: 40px;padding: 14px 50px;font-weight: 600;
font-size: 18px;margin: 10px 0px;color: #fff;margin-top: 15px;}
#contact-other button:hover{color: #142d37;background-color: #fff;}

.btn-fixed{position: fixed;bottom: 2%;right: 0%;list-style-type: none;background-color: #7b1e26;
padding: 0;z-index: 9;}
.btn-fixed a{padding: 10px;font-size: 24px;color: #fff;cursor: pointer;text-decoration: none;}
.btn-fixed li{border-top: 1px solid #fff;}
.btn-fixed li:first-child{border: 0;}
.btn-fixed .fa{color: #fff!important;}

#helping{padding: 100px 0px;}
#why-us{background-color: #eee;}
.btn-whyus{margin: 0 auto;display: block;text-align: center;justify-content: center;margin-top: 25px;margin-bottom: 25px;}
.why-us-btn{background-color: #222;color: #fff;text-decoration: none;text-align: center;
padding: 7px 25px;text-decoration: none;}
.why-us-btn:hover{color: #fff;text-decoration: none!important;}

.Yearly-timeline {
  font-family: "Poppins", sans-serif;
}
.Yearly-timeline:after {
  content: "";
  display: block;
  clear: both;
}
.Yearly-timeline .timeline {
  width: calc(50% + 17px);
  padding: 0 30px 30px 0;
  float: left;
  position: relative;
}
.Yearly-timeline .timeline:before,
.Yearly-timeline .timeline:after {
  content: "";
  height: 60px;
  width: 2px;
  border-left: 2px solid #70d6ff;
  transform: rotate(-45deg);
  position: absolute;
  right: 30px;
  bottom: 0;
}
.Yearly-timeline .timeline:after {
  background-color: #fff;
  height: 20px;
  width: 20px;
  border: 6px solid #70d6ff;
  border-radius: 50%;
  right: 0;
}
.Yearly-timeline .timeline-content {
  color: #555;
  background: #70d6ff;
  text-align: center;
  min-height: 170px;
  padding: 30px 35px 35px;
  border-radius: 15px 15px 0 15px;
  display: block;
  position: relative;
  z-index: 1;
  align-items: center;
    display: grid;
}
.Yearly-timeline .timeline-content:before {
  content: "";
  background-color: #fff;
  position: absolute;
  left: 17px;
  right: 17px;
  top: 17px;
  bottom: 17px;
  z-index: -1;
}
.Yearly-timeline .timeline-content:hover {
  text-decoration: none;
}
.Yearly-timeline .timeline-icon {
  color: #777;
  font-size: 35px;
}
.Yearly-timeline .title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;line-height: 32px;
}
.Yearly-timeline .description {
  color: #777;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 18px;
  margin: 0;
}
.Yearly-timeline .timeline:nth-child(even) {
  padding: 0 0 30px 30px;
  float: right;
}
.Yearly-timeline .timeline:nth-child(even):before {
  transform: rotate(45deg);
  right: auto;
  left: 30px;
}
.Yearly-timeline .timeline:nth-child(even):after {
  right: auto;
  left: 0;
}
.Yearly-timeline .timeline:nth-child(even) .timeline-content {
  border-radius: 15px 15px 15px 0;
}
.Yearly-timeline .timeline:nth-child(4n + 2):before,
.Yearly-timeline .timeline:nth-child(4n + 2):after {
  border-color: #ff70a6;
}
.Yearly-timeline .timeline:nth-child(4n + 2) .timeline-content {
  background: #ff70a6;
}
.Yearly-timeline .timeline:nth-child(4n + 3):before,
.Yearly-timeline .timeline:nth-child(4n + 3):after {
  border-color: #ff9770;
}
.Yearly-timeline .timeline:nth-child(4n + 3) .timeline-content {
  background: #ff9770;
}
.Yearly-timeline .timeline:nth-child(4n + 4):before,
.Yearly-timeline .timeline:nth-child(4n + 4):after {
  border-color: #ffd670;
}
.Yearly-timeline .timeline:nth-child(4n + 4) .timeline-content {
  background: #ffd670;
}
@media screen and (max-width: 767px) {
  .Yearly-timeline .timeline {
    width: 100%;
    padding: 30px 0 0 30px;
    margin: 0 0 20px;
  }
  .Yearly-timeline .timeline:before,
  .Yearly-timeline .timeline:nth-child(even):before {
    transform: rotate(-45deg);
    bottom: auto;
    top: 0;
    right: auto;
    left: 30px;
  }
  .Yearly-timeline .timeline:after,
  .Yearly-timeline .timeline:nth-child(even):after {
    bottom: auto;
    top: 0;
    right: auto;
    left: 0;
  }
  .Yearly-timeline .timeline-content,
  .Yearly-timeline .timeline:nth-child(even) .timeline-content {
    border-radius: 0 15px 15px 15px;
  }
}





#service-page1{padding: 100px 0px;}
#service-page1 ul{padding-left: 15px;padding-top: 10px;}
#service-page1 ul li{padding-bottom: 5px;font-weight: 600;}
#service-page1 p{color: #666;padding-bottom: 12px;}
#service-page1 h4{font-weight: 600;text-transform: uppercase;padding-bottom: 10px;}

/*----------------service-page---------------*/
#service-page{padding: 50px 0px;background-color: #212529;}
#service-page h2{font-weight: 600;padding-bottom: 10px;color: #eee;padding-top: 35px;}
#service-page p{color: #ccc;}
#service-page h4{font-weight: 600;padding-bottom: 10px;color: #183976;padding-top: 35px;}
.box-form .form-control{background-color: transparent;border: 1px solid #fff;border-radius: 0;margin-bottom: 10px;}
.box-form .form-control::placeholder{color: #fff;}
.box-form button{background-color: #fff;color: #222;border: 0;border-radius: 0;padding: 8px 25px;}

@media screen and (max-width: 767px) {
  .header .text-right{display: none;}
}

@media screen and (max-width: 575px) {
  .header img{width: 150px;}
.carousel-caption h1 {
    font-size: 16px;
    line-height: 24px;}
    .carousel-caption{top: 5%;width: 45%;}
    .slider-icon{top: 76;width: 82px;left: 5%;}
    .carousel-control-next, .carousel-control-prev{padding: 16px;}
    .navbar .dropdown-menu{width: 100%!important;text-align: center;}
    .navbar-dark .navbar-nav .nav-link{padding: 5px 10px;font-weight: normal;}
    .dropdown-menu{margin: -0.875rem 0 0;}
    #wrapper-all-page .bg-background h1{font-size: 18px;line-height: 24px;}
    #service-s3 img{margin-bottom: 15px;}
    #service-s2-3 img{padding-bottom: 15px;}
    #contact-page p{padding-bottom: 45px;}
    section#footer h4 {
    padding-top: 15px;
}
.btn-fixed{z-index: 999999;}
.carousel-caption h5{font-size: 15px!important;color: #333;font-weight: bold;text-transform: uppercase;
line-height: 20px;display: grid;}

  }

@media screen and (max-width: 418px) {
	#inqurry-form .form-control{width: 320px;}
  #service-s3 {
    padding: 50px 0px;
}
#helping{padding: 50px 0px;}
#contact-page{padding: 50px 0px;}
	.text{top: 50%;}
  .carousel-caption {
    top: 2%;left: 4%;
}
.carousel-indicators{display: none;}
.slider-icon{left: 79%;}
}