* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h2 {
  font-weight: 500;
  text-transform: uppercase;
  color: #020968;
  font-family: "league_spartanbold", sans-serif;
}

.contact_heading h1,
.media_heading h1 {
  font-weight: 500;
  text-transform: uppercase;
  color: #020968;
  font-family: "league_spartanbold", sans-serif;
}

h4 {
  font-family: "futurabold";
}

h4,
h5,
h6 {
  font-family: "futuraheavy", sans-serif;
}

p {
  font-family: "poppinsregular", sans-serif;
  font-size: 14px;
  /* text-align: justify; */
}

body a {
  text-decoration: none;
  scroll-behavior: smooth;
}

/*--------------preloader----------*/

.preloader {
  position: fixed;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.preloader video {
  width: 100%;
  height: auto;
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/

#topbar {
  background: #000021;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  transition: all 0.5s;
  color: #fff;
  padding: 0;
  position: sticky;
  top: 0;
  z-index: 990;
}

.cont_email {
  position: absolute;
  right: 30px;
}

.cont_email a {
  margin-right: 80px;
  margin-left: 10px;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
}

.cont_email .fa-envelope {
  font-size: 18px;
}

.cont_email span {
  margin-left: 10px;
  margin-right: 90px;
}

.cont_email .fa-phone-square {
  font-size: 16px;

}

.cont_email img {
  width: 15px;
  height: auto;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.logo_sec {
  width: 40%;
  height: 110px;
  position: absolute;
  top: 0;
  background-color: #000021;
  clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
  -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
  -webkit-overflow: hidden;
  overflow: hidden;
  margin-top: -40px;
  padding-left: 30px;
}

.logo_sec video {
  width: 80%;
  height: 100%;
}

#header {
  background: #fff;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  z-index: 999;
  height: 70px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  position: sticky;
  -webkit-position: sticky;
  top: 40px;
  width: 100%;
}

#header.fixed-top {
  height: 70px;
}

#header .logo {
  width: 40%;
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.8px;
  font-family: "Poppins", sans-serif;
  -webkit-font-family: "Poppins", sans-serif;
}

#header .logo img {
  max-height: 40px;
}

.scrolled-offset {
  margin-top: 70px;
}

/*
 Desktop Navigation 
*/

.navbar {
  width: 100%;
}

.navbar ul {
  width: 100%;
  margin-right: 10px;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.navbar ul li a:hover span {
  color: #ef3a01;
}

/* .home_img,
.about_img,
.services_img,
.projects_img,
.media_img,
.contact_img {
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  opacity: 0;
} */

/* .navbar ul li a:hover span {
  opacity: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
} */

/* .navbar ul li a:hover .home_img,
.navbar ul li a:hover .about_img,
.navbar ul li a:hover .services_img,
.navbar ul li a:hover .projects_img,
.navbar ul li a:hover .media_img,
.navbar ul li a:hover .contact_img {
  opacity: 1;
  transition: 0.8s;
  -webkit-transition: 0.8s;
} */

.navbar li {
  position: relative;
  text-align: center;
}

.navbar>ul>li {
  width: 10%;
  margin-top: 15px;
}

.navbar .active span {
  color: #ef3a01;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3px;
  font-size: 15px;
  font-weight: 600;
  color: #222222;
  white-space: nowrap;
  transition: 0.3s;
  position: relative;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 28px;
  top: calc(100% + 30px);
  margin: 0;
  z-index: 99;
  -webkit-opacity: 0;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  /* box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); */
  transition: 0.3s;
  -webkit-transition: 0.3s;
  margin-top: 15px;
}

.navbar .dropdown .active {
  background-color: #ef3a01;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.navbar .dropdown .active a {
  color: #fff;
}

.about_dropdown,
.media_dropdown {
  width: 170px !important;
}

.services_dropdown {
  width: 430px !important;
  border-radius: 8px;
  border-left: 3px solid #ef3a01;
  border-bottom: 3px solid #ef3a01;
  box-shadow: 0px 3px 10px 0px rgba(13, 39, 80, 0.6);
}

.services_dropdown li {
  border-bottom: 1px solid rgb(241, 241, 241);
  box-shadow: 0px 2px 5px 0px rgba(212, 212, 212, 0.931);
}

.services_dropdown li a {
  font-size: 12px !important;
  font-weight: 600 !important;
}

.porject_dropdown {
  width: 320px !important;
  border-radius: 8px;
  border-left: 3px solid #ef3a01;
  border-bottom: 3px solid #ef3a01;
  box-shadow: 0px 3px 10px 0px rgba(13, 39, 80, 0.6);
  height: 80vh;
  overflow: scroll;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.porject_dropdown::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.porject_dropdown {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.porject_dropdown li {
  border-bottom: 1px solid rgb(241, 241, 241);
  box-shadow: 0px 2px 5px 0px rgba(212, 212, 212, 0.931);
}

.porject_dropdown li a {
  font-size: 12px !important;
  font-weight: 600 !important;
}

.about_dropdown, .media_dropdown {
  border-radius: 8px;
  border-left: 3px solid #ef3a01;
  border-bottom: 3px solid #ef3a01;
  box-shadow: 0px 3px 10px 0px rgba(13, 39, 80, 0.6);
}

.about_dropdown li, .media_dropdown li {
  border-bottom: 1px solid rgb(241, 241, 241);
  box-shadow: 0px 2px 5px 0px rgba(212, 212, 212, 0.931);
}

.about_dropdown li a,
.media_dropdown li a {
  font-size: 12px !important;
  font-weight: 600 !important;
}

.navbar .dropdown ul li a:hover {
  opacity: 1;
  color: #000;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-weight: 400;
  font-size: 13px;
  text-align: left;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
  margin: 1px;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

.dropdown .active {
  color: #ef3a01 !important;
}

.dropdown .active a {
  color: #fff;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

.mobile_nav_main {
  display: none;
}

/*-------------mobile nav end-----*/

.wrapper_div {
  position: absolute;
  width: 500px;
  height: 400px;
  top: 120px;
  right: 0;
  margin-right: 10%;
  overflow: hidden;
}

@media screen and (max-width: 600px) {
  .wrapper_div {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
  }
}

.container_div {
  position: absolute;
  width: 500px;
  height: 400px;
}

[data-typing] {
  position: absolute;
  top: 0;
  /*   border: 1px solid #f55; */
  transform-origin: 0% 0%;
  font-size: 25px;
  margin: 0;
  padding: 0;
  top: 100px;
  line-height: 1;
  color: #fff;
  padding-right: 150px;
}

.wrapper_div p {
  font-family: "futuramedium", sans-serif !important;
}

[data-typing="DIAMOND SAWING"] {
  top: -10px;
  left: 0px;
  font-size: 38px;
  height: 70px;
  line-height: 70px;
}

[data-typing="CUTTING"] {
  top: 50px;
  left: 0px;
  font-size: 45px;
  letter-spacing: 1px;
}

[data-typing="EXPLOSIVE"] {
  top: 50px;
  left: 220px;
  font-size: 45px;
  letter-spacing: 1px;
}

[data-typing="DEMOLITION"] {
  top: 100px;
  left: 320px;
  font-size: 36px;
  transform: rotate(90deg);
  background: #333;
  color: #fff;
  padding: 0px 4px;
}

[data-typing="REBAR"] {
  top: 100px;
  left: 280px;
  transform: rotate(90deg);
  font-size: 35px;
}

[data-typing="FIXING"] {
  top: 100px;
  right: 110px;
  font-size: 25px;
}

[data-typing="BREAKING"] {
  top: 130px;
  right: 110px;
  font-size: 30px;
}

[data-typing="CRUSHING"] {
  top: 160px;
  right: 110px;
  font-size: 30px;
}

[data-typing="ROCK"] {
  top: 190px;
  right: 110px;
  font-size: 35px;
}

[data-typing="BURSTING"] {
  top: 225px;
  right: 110px;
  font-size: 35px;
}

a {
  color: #333;
  text-decoration: none;
}

body .scenejs-editor-timeline {
  position: fixed;
  bottom: 0;
  max-height: 300px;
}

main {
  width: 100%;
  height: 550px;
  position: relative;
}

main .carousel {
  width: 100%;
  height: 550px;
  overflow: hidden;
}

main .carousel img {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 600px) {
  main {
    height: auto;
  }

  main .carousel {
    height: auto;
  }

  main .carousel img {
    height: 100%;
  }
}

/*..................................css for featured_service-section start.......................*/

.featured_service-section .fearured_bg {
  background-image: url("../images/MaskGroup.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-background-image: url("../images/MaskGroup.jpg");
  -webkit-background-size: 100% 100%;
  -webkit-background-repeat: no-repeat;
}

.featured_service-section .card_custom {
  height: 55px;
  background-color: #fff;
  color: #000;
  border-radius: 0px;
  margin: 100% auto;
  text-align: center;
  letter-spacing: 0.03em;
  font-weight: 800;
}

.featured_service-section .content-details {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.featured_service-section .content_card {
  position: relative;
  overflow: hidden;
}

.featured_service-section .content_card .content-overlay {
  background: rgba(199, 50, 0, 0.6);
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.featured_service-section .content_card:hover .content-overlay {
  opacity: 1;
}

.featured_service-section .content_card:hover .card_custom {
  opacity: 0;
}

.featured_service-section .wire_saw span {
  line-height: 3.2em;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content_card:hover .content-details {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}

.content-details .content_info {
  font-weight: 800;
  text-transform: uppercase;
  border-radius: 0;
}

.content-details p {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8em;
}

.featured_service-section .fadeIn-bottom {
  top: 80%;
}

.featured_service-section .fadeIn-top {
  top: 20%;
}

.featured_service-section .fadeIn-left {
  left: 20%;
}

.featured_service-section .fadeIn-right {
  left: 80%;
}

/*..................................css for featured_service-section end.......................*/

/*.............................css for featured_service_mobile end..............*/

.featured_service_mobile .content-detail p {
  color: #fff;
  text-align: justify;
}

.featured_service_mobile .content-detail {
  height: 290px;
  background: rgba(199, 50, 0, 0.6);
  border-radius: 0px;
  padding: 5%;
  margin: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.featured_service_mobile .featured_id {
  background-image: url("../images/MaskGroup.png") !important;
  -webkit-background-image: url("../images/MaskGroup.png") !important;
  height: auto;
  min-height: 345px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.featured_service_mobile .content_info {
  font-weight: 800;
  border-radius: 0px;
  text-align: center;
}

.featured_service_mobile {
  display: none;
}

/*.............................css for featured_service_mobile end..............*/

/*..................................css for detail-section start.......................*/

.detail-section .frame_card {
  width: 470px;
  height: 470px;
  border: 10px solid #17396f;
}

.detail-section .welcome_info {
  margin-top: 30px;
  margin-left: 30px;
  width: 470px;
  height: 470px;
  background-color: #17396f;
  padding: 25px;
}

.detail-section .welcome_info .btn {
  width: 120px;
  border-radius: 50px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 14px;
}

.detail-section .welcome_info p {
  font-size: 15px;
  text-align: justify;
}

.detail-section .welcome_info .btn:hover {
  background: #fff;
  color: #17396f;
}

.detail-section h1 {
  font-size: 23px;
  font-weight: 500;
  color: #fff;
}

.detail-section h3 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

.detail-section .quote_card {
  width: 460px;
  border: none;
  margin: 50px auto;
}

.detail-section .quote_card .input-group span {
  border-right: 0px;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 150px 0px 0px 150px;
  border-left: 2px solid #17396f;
  border-top: 2px solid #17396f;
  border-bottom: 2px solid #17396f;
}

.detail-section .quote_card .left_none {
  border-left: 0px;
}

.detail-section .quote_card input {
  border-radius: 0px;
  margin-bottom: 20px;
  border-radius: 0px 150px 150px 0px;
  border-right: 2px solid #17396f;
  border-top: 2px solid #17396f;
  border-bottom: 2px solid #17396f;
}

.detail-section .quote_card textarea {
  border-radius: 21px;
  margin-bottom: 12px;
  border: 2px solid #17396f;
}

.detail-section .quote_card .form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
}

.detail-section h5 {
  color: #17396f;
}

.detail-section .quote_card .btn {
  width: 100%;
  height: 41px;
  background: #17396f;
  border-radius: 50px;
  border: #17396f solid;
  font-size: 16px;
}

.detail-section .quote_card i {
  color: #17396f;
}

.detail-section #country_id {
  border-radius: 150px 150px 150px 150px;
  margin-bottom: 20px;
  border-left: 2px solid #17396f;
}

.detail-section #city_id {
  border-radius: 150px 150px 150px 150px;
  margin-bottom: 20px;
  border-left: 2px solid #17396f;
}

.detail-section #city_id:focus,
.detail-section #country_id:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
}

.get_in_touch textarea {
  height: 100px !important;
}

/*-------welcome info modal-------*/
#welcomeinfomodal .modal-header,
#founderinfomodal .modal-header,
#cofounderinfomodal .modal-header,
#designatedpartnermodal .modal-header,
#associatepartneronemodal .modal-header,
#associatepartnertwomodal .modal-header,
#associatepartnerthreemodal .modal-header {
  border-bottom: none;
  background-color: #000021;
}

#welcomeinfomodal .modal-header button,
#founderinfomodal .modal-header button,
#cofounderinfomodal .modal-header button,
#designatedpartnermodal .modal-header button,
#associatepartneronemodal .modal-header button,
#associatepartnertwomodal .modal-header button,
#associatepartnerthreemodal .modal-header button {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin-top: -20px;
}

#welcomeinfomodal .modal-header h5,
#founderinfomodal .modal-header h5,
#cofounderinfomodal .modal-header h5,
#designatedpartnermodal .modal-header h5,
#associatepartneronemodal .modal-header h5,
#associatepartnertwomodal .modal-header h5,
#associatepartnerthreemodal .modal-header h5 {
  color: #fff;
}

#welcomeinfomodal .modal-body,
#founderinfomodal .modal-body,
#cofounderinfomodal .modal-body,
#designatedpartnermodal .modal-body,
#associatepartneronemodal .modal-body,
#associatepartnertwomodal .modal-body,
#associatepartnerthreemodal .modal-body {
  padding: 30px;
  text-align: justify;
}

@media only screen and (max-width: 500px) {
  .detail-section .frame_card {
    margin-right: 30px;
  }

  .detail-section .quote_card {
    margin-top: 40px !important;
  }
}

/*..................................css for client-section start.......................*/

.client-section hr {
  background: #ececec;
  height: 1px;
  opacity: 1;
}

Logo carousel #clients {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#clients .clients-wrap {
  display: block;
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}

#clients .clients-wrap ul {
  display: block;
  list-style: none;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 6200px !important;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 220px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}

#clients .clients-wrap ul li img {
  vertical-align: middle;
  width: 120px;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: 0 linear left;
  -moz-transition: 0 linear left;
  transition: 0 linear left;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
  opacity: 0.65;
}

#clients .clients-wrap ul li img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

/*......................................css for client-section end.............................*/

/*..................................css for vision-mission-section start.......................*/

.vision_main,
.mission_main {
  width: 100%;
  height: 450px;
  background-image: url("../images/imagegallery/concreteBreacking.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  overflow: hidden;
  -webkit-background-image: url("../images/imagegallery/concreteBreacking.jpg");
  -webkit-background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -webkit-position: relative;
  -webkit-overflow: hidden;
}

.mission_main {
  background-image: url("../images/homeimg/4.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-background-image: url("../images/homeimg/4.jpg");
  -webkit-background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
}

.vision_heading,
.mission_heading {
  width: 50%;
  height: 50px;
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  border-radius: 25px;
  padding-top: 10px;
}

.vision_heading h5,
.mission_heading h5 {
  font-weight: bold;
}

.vision_overlay,
.mission_overlay {
  width: 100%;
  height: 0px;
  position: absolute;
  bottom: 0;
  background-color: rgba(49, 88, 138, 0.7);
  -webkit-background-color: rgba(49, 88, 138, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  overflow: hidden;
}

.overlay_content {
  padding: 10px;
}

.overlay_content h5 {
  width: 50%;
  margin-left: 25%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #fff;
  text-transform: uppercase;
  margin-bottom: 30px;
  letter-spacing: 2px;
  border-radius: 25px;
  font-weight: bold;
}

.overlay_content p {
  color: #fff;
  letter-spacing: 2px;
  text-align: center;
  z-index: 1;
}

.vision_main:hover .vision_heading,
.mission_main:hover .mission_heading {
  opacity: 0;
}

.vision_main:hover .vision_overlay,
.mission_main:hover .mission_overlay {
  height: 450px;
  transition: 0.6s ease;
  -webkit-transition: 0.6s ease;
  opacity: 1;
}

/*..................................css for vision-mission-section end.......................*/

/*..................................css for testimonial-section start.......................*/

#customers-testimonials .item {
  text-align: center;
  padding: 20px;
  margin-bottom: 50px;
  opacity: 0.2;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  transition: all 2s ease-out;
}

#customers-testimonials h5 {
  color: #212529;
}

#customers-testimonials .item p {
  color: #000 !important;
}

#customers-testimonials .owl-item.active.center .item {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d;
  max-width: 135px;
  margin: 0 auto 17px;
  border-radius: 50%;
}

#customers-testimonials .custom_ctrl {
  font-size: 30px;
  position: absolute;
  top: 37%;
  left: 32%;
}

#customers-testimonials .custom_ctrls {
  font-size: 30px;
  position: absolute;
  top: 37%;
  left: 68%;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  background-image: url("../images/testimonialbag.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-background-image: url("../images/testimonialbag.jpg");
  -webkit-background-size: 100% 100%;
  -webkit-background-repeat: no-repeat;
}

.owl-carousel .owl-stage-outer {
  top: 40px;
}

/*..................................css for testimonial-section end.......................*/

/*----------video section starts--------*/

.video_section_mian {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 15px;
}

.video_section_mian video {
  width: 100%;
  height: auto;
}

/*..................................css for footer-section start.......................*/

footer {
  position: relative;
  z-index: 2;
}

.newsletter {
  padding: 0px 0px 25px 0px;
  background: #fff;
}

.newsletter .content {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}

.newsletter .content h2 {
  color: #243c4f;
  margin-bottom: 40px;
}

.newsletter .content .form-control {
  height: 50px;
  border-color: #000;
  border-radius: 0;
}

.newsletter .content.form-control:focus {
  box-shadow: none;
  border: 2px solid #243c4f;
}

.newsletter .content .btn {
  min-height: 50px;
  border-radius: 0;
  background: #bc9000;
  color: #000;
  font-weight: 600;
}

/*-----footer media icon section----*/

.footer_icons {
  width: 100%;
  height: 130px;
  background-color: #272727;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
}

.footer_media_icon1,
.footer_media_icon2,
.footer_media_icon3,
.footer_media_icon4 {
  width: 50px;
  height: 50px;
  background-color: #bc9000;
  border-radius: 50%;
  margin-right: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer_media_icon1 img {
  width: 15px;
}

.footer_media_icon2 img,
.footer_media_icon3 img,
.footer_media_icon4 img {
  width: 25px;
}

.footer_media_icon1:hover,
.footer_media_icon2:hover,
.footer_media_icon3:hover,
.footer_media_icon4:hover {
  background-color: #fff;
  transition: 0.8s ease;
}

.footer_links {
  height: 50px;
  background-color: #272727;
  border: none;
}

.footer_links ul {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin-right: 66px;
  border: none;
}

.footer_links ul li {
  /* width: 100px; */
  text-align: center;
  padding: 0px 10px;
}

.footer_links ul li a {
  color: #fff;
  text-transform: uppercase;
}

.footer_links .first_footer_link {
  border-right: 1px solid #fff;
}

.footer_bottom_div {
  width: 100%;
  height: auto;
  text-align: center;
  background-color: #bc9000;
  font-size: 14px;
}

.footer_bottom_div p {
  padding: 10px 5px;
  margin: 0;
}

@media only screen and (max-width: 400px) {

  .footer_media_icon1,
  .footer_media_icon2,
  .footer_media_icon3,
  .footer_media_icon4 {
    margin-right: 15px;
  }

  .footer_links ul {
    margin-right: 46px;
  }

  .footer_links ul li a {
    font-size: 14px;
  }
}

/*..................................css for footer-section end.......................*/

/*------------------------------------------------------Atul---------------------------------------------------------*/

.header_bottom_div .header_icon ul .active {
  color: orangered;
}

/*-------------css for About page start-----------------------------*/

.about_info_container {
  margin-top: 120px;
  margin-bottom: 70px;
  background-image: url("../images/aboutimg/Road-01.png");
  background-size: 100% auto;
  background-position-x: -20px;
  -webkit-background-image: url("../images/aboutimg/Road-01.png");
  -webkit-background-size: 100% auto;
  -webkit-background-position-x: -20px;
}

.about_main,
.contact_page_main,
.media_page_main,
.services_page_main,
.team_main {
  width: 100%;
  height: 378px;
  background-image: url("../images/Images/uploads/2015/03/slider_3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-background-image: url("../images/Images/uploads/2015/03/slider_3.jpg");
  -webkit-background-size: cover;
  -webkit-background-repeat: no-repeat;
  position: relative;
}

.about_main .about_main_gif,
.contact_page_main .contact_main_gif,
.media_page_main .media_main_gif,
.services_page_main .services_main_gif,
.team_main_gif {
  width: 250px !important;
  height: 250px;
  border-radius: 50%;
  position: absolute;
  top: 85%;
  left: 50%;
  border: none;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  overflow: hidden;
  border: 7px solid #fff;
}

.about_main .about_main_gif video,
.contact_main_gif video,
.services_main_gif video,
.media_page_main video,
.team_main .team_main_gif video {
  width: 100%;
  height: 100%;
}

/*-----------about info first fold----*/

.about_info_first_fold {
  position: relative;
}

.about_info_first_fold .about_info_left {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  margin-bottom: 80px;
  padding-right: 80px;
  padding-left: 120px;
}

.about_info_first_fold .about_info_left h3,
.about_info_first_fold .first_fold_content h3 {
  color: #bc3e3e;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.about_info_first_fold .about_info_left h1 {
  color: #020968;
  font-size: 25px;
  font-weight: bold;
}

.about_info_first_fold .about_info_left h5,
.about_info_first_fold .first_fold_content h5 {
  color: #5b574d;
  margin: 25px 0px;
  letter-spacing: 2px;
}

.about_info_first_fold .about_info_left p,
.about_info_first_fold .first_fold_content p {
  color: #6e6e6e;
  letter-spacing: 2px;
  margin-bottom: 25px;
  text-align: justify;
}

.about_info_first_fold .about_info_left button {
  width: 102px;
  height: 27px;
  border: 1px solid #bc3e3e;
  border-radius: 8px;
  color: #bc3e3e;
  background-color: transparent;
}

.about_info_first_fold .about_info_right {
  width: 350px;
  height: 350px;
  border-radius: 50%;
  overflow: hidden;
  border: 15px solid #bc3e3e;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-bottom: 80px;
  background-color: #000;
}

.about_info_first_fold .about_info_right video,
.about_info_third_fold .about_info_right video {
  width: 100%;
  height: 100%;
}

/*----------about info first fold end-----*/

/*---------about info second fold start----*/

.about_info_second_fold {
  margin-top: 0px;
  position: relative;
}

.about_info_second_fold .about_info_left {
  width: 350px;
  height: 350px;
  border-radius: 50%;
  overflow: hidden;
  border: 15px solid #4b3168;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  margin: 80px 0px;
}

.about_info_second_fold .about_info_left img {
  width: 100%;
  height: 100%;
}

.about_info_second_fold .about_info_right {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  margin: 80px 0px;
  padding-left: 120px;
}

.about_info_second_fold .about_info_right h5,
.about_info_second_fold .second_fold_content h5 {
  color: #4b3168;
  letter-spacing: 2px;
  margin-left: 28px;
}

.about_info_second_fold .about_info_right ul {
  list-style: none;
  margin: 25px 0px;
}

.about_info_second_fold .about_info_right ul li {
  letter-spacing: 2px;
  line-height: 30px;
}

.about_info_second_fold .about_info_right button {
  width: 102px;
  height: 27px;
  border: 1px solid #4b3168;
  border-radius: 8px;
  color: #4b3168;
  background-color: transparent;
  margin-left: 28px;
}

.third_team .team_img {
  margin-left: 80px !important;
  margin-top: -20px !important;
}

/*--------about info second fold end---*/

/*-----about info third fold start---*/

.about_info_third_fold .about_info_left {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  margin: 80px 0px;
  padding-left: 85px;
}

.about_info_third_fold {
  margin-top: 0px !important;
  position: relative;
}

.about_info_third_fold .about_info_left h5 {
  color: #443535;
  letter-spacing: 2px;
  margin-left: 28px;
  margin-right: 60px;
}

.about_info_third_fold .about_info_left ul {
  list-style: none;
  margin: 25px 0px;
}

.about_info_third_fold .about_info_left ul li {
  letter-spacing: 2px;
  line-height: 35px;
}

.about_info_third_fold .about_info_left button {
  width: 102px;
  height: 27px;
  border: 1px solid #443535;
  border-radius: 8px;
  color: #443535;
  background-color: transparent;
  margin-left: 28px;
}

.about_info_third_fold .about_info_right {
  width: 350px;
  height: 350px;
  border-radius: 50%;
  overflow: hidden;
  border: 15px solid #443535;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 80px 0px;
  background-color: #000;
}

.about_info_third_fold .about_info_right video {
  width: 100%;
  height: 100%;
  margin-top: -5px;
}

.scrolling_gif {
  position: fixed;
  transform: translate3d(0px 0px 0px);
  -webkit-transform: translate3d(0px 0px 0px);
  top: 50px;
  z-index: 1;
}

#scroll_gif {
  display: block;
  margin: auto;
  bottom: auto;
  right: 12px;
  left: 0;
  top: 88%;
  width: 112px;
  height: 78px;
  background: url("../images/slider_images/Jcp.png") no-repeat center center;
  background-size: 100% auto;
  -webkit-background: url("../images/slider_images/Jcp.png") no-repeat center center;
  -webkit-background-size: 100% auto;
}

.about_info_second_fold.row {
  margin: 0px;
  padding: 0px;
}

/*---------css for model popup-------------*/

#firstmodal .modal-dialog,
#secondmodal .modal-dialog,
#thirdmodal .modal-dialog {
  max-width: 80%;
  border: 1px solid #bc3e3e;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

#secondmodal .modal-dialog {
  border: 1px solid #4b3168;
}

#thirdmodal .modal-dialog {
  border: none;
}

#firstmodal .btn-close,
#secondmodal .btn-close,
#thirdmodal .btn-close {
  position: absolute;
  right: 0;
  margin-top: 5px;
  margin-right: 5px;
  background-color: #bc3e3e;
}

#secondmodal .btn-close {
  background-color: #4b3168;
}

#thirdmodal .btn-close {
  background-color: #443535;
}

#firstmodal .modal-header,
#secondmodal .modal-header,
#thirdmodal .modal-header {
  border: none;
}

#firstmodal .modal-body h3 {
  color: #bc3e3e;
  letter-spacing: 2px;
}

#firstmodal .modal-body h5,
#secondmodal .modal-body h5,
#thirdmodal .modal-body h5 {
  color: #5b574d;
  margin: 25px 0px;
  letter-spacing: 2px;
}

#firstmodal .modal-body p,
#secondmodal .modal-body p,
#thirdmodal .modal-body p {
  color: #4e4b4b;
  letter-spacing: 2px;
  margin-bottom: 25px;
}

#secondmodal .modal-body h5 {
  color: #4b3168;
}

#secondmodal .modal-body h6 {
  color: #ef3a01;
  letter-spacing: 2px;
}

#thirdmodal .modal-body h5 {
  color: #443535;
}

#thirdmodal .modal-body h6 {
  color: #ef3a01;
  letter-spacing: 2px;
}

/*-------------------css for About Team page start-----------*/

.team_main_container {
  margin-top: 90px;
  margin-bottom: 70px;
  position: relative;
}

.team_main_container .team_heading {
  text-align: center;
  margin-bottom: 55px;
}

.team_heading h1 {
  font-weight: 500;
  text-transform: uppercase;
  color: #020968;
  font-family: "league_spartanbold", sans-serif;
  font-size: 30px;
}

.our_associates_heading {
  text-align: center;
  margin-top: 50px;
}

.first_team .team_img,
.second_team .team_img,
.third_team .team_img {
  width: 330px;
  height: 330px;
  overflow: hidden;
  transition: 0.8s;
  -webkit-transition: 0.8s;
  border-radius: 50%;
  border: 5px solid #bc3e3e;
}

.third_team {
  margin-top: 60px;
}

.second_team .team_img {
  border: 5px solid #4b3168;
}

.first_team .team_img:hover,
.third_team .team_img:hover {
  transform: scale(0.8) rotate(15deg);
  -webkit-transform: scale(0.8) rotate(15deg);
}

.second_team .team_img:hover {
  transform: scale(0.8) rotate(-15deg);
  -webkit-transform: scale(0.8) rotate(-15deg);
}

.first_team .team_img img,
.second_team .team_img img,
.third_team .team_img img {
  width: 100%;
  height: 100%;
}

.first_team .team_content,
.second_team .team_content,
.third_team .team_content {
  width: 450px;
  height: 300px;
  text-align: justify;
}

.first_team .team_content,
.third_team .team_content {
  margin-left: 10%;
  margin-right: 80px;
}

.second_team .team_content {
  margin-left: 17%;
  margin-right: 60px;
}

.first_team .team_content h3,
.third_team .team_content h3 {
  color: #bc3e3e;
}

.second_team .team_content h3 {
  color: #4b3168;
}

.first_team .team_content h5,
.second_team .team_content h5,
.third_team .team_content h5 {
  letter-spacing: 2px;
  margin: 10px 0px;
}

.first_team .team_content p,
.second_team .team_content p,
.third_team .team_content p {
  letter-spacing: 2px;
  line-height: 30px;
  text-align: justify;
}

.first_team .team_content button,
.second_team .team_content button,
.third_team .team_content button {
  width: 102px;
  height: 27px;
  border-radius: 5px;
  border: 1px solid #bc3e3e;
  background-color: transparent;
  color: #bc3e3e;
}

/*-----second team start-----*/

.second_team {
  margin-top: 100px;
}

.second_team .team_content button {
  border: 1px solid #4b3168;
  background-color: transparent;
  color: #4b3168;
}

.team_single_name {
  display: grid;
  align-items: center;
  place-content: center;
}

/*-------------css for About page end-------------*/

/*-------------css for Contact page start---------------------------*/

.contact_main {
  margin-top: 40px;
}

.contact_col_main {
  width: 1000px;
  margin: auto;
}

.contact_main .contact_heading {
  text-align: center;
  padding: 50px 0px;
}

.contact_main .card {
  border: none;
  transition: 0.5s ease-in-out;
}

.contact_main .card:hover {
  transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
}

.contact_main .card img {
  width: 100%;
}

.contact_main .card .card-body {
  background-color: #211300;
  padding: 27px;
  height: 220px;
}

.contact_main .card .card-body button {
  width: 104px;
  height: 27px;
  border: none;
  background-color: #ef3a01;
  color: #fff;
  font-family: "futurabook";
}

.contact_main .card .card-body .card-title {
  font-size: 15px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 20px;
  margin: 15px 0px;
  font-family: "futurabook";
  font-weight: normal;
  font-style: normal;
}

.contact_main .card .card-body .card-text {
  font-size: 15px;
  color: #fff;
  font-family: "futurabook";
  font-weight: normal;
  font-style: normal;
}

.contact_main .card .card-body .card_email {
  color: #fff;
  font-family: "futurabook";
  font-weight: normal;
  font-style: normal;
}

/*-------------------card section end-----*/

.contact_form_main {
  background-image: url("../images/Contact_form_bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: 100px 0px;
  -webkit-background-image: url("../images/Contact_form_bg.png");
  -webkit-background-size: 100% 100%;
  -webkit-background-repeat: no-repeat;
}

.form_left_main {
  position: relative;
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.form_left h3 {
  font-size: 50px;
  color: #fff;
}

.form_left p {
  font-size: 18px;
  letter-spacing: 2px;
  color: #fff;
  margin-top: -5px;
}

.form_right_main {
  position: relative;
  width: 100%;
  height: 500px;
  clip-path: polygon(19% 0, 100% 0, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(19% 0, 100% 0, 100% 100%, 0% 100%);
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.form_right_main .form_right h5 {
  margin-bottom: 36px;
  color: rgb(75, 73, 73);
  font-size: 30px;
}

.form_right_main .form_right form input {
  width: 330px;
  height: 40px;
  border-radius: 33px;
  border: none;
  padding: 0px 20px;
  font-size: 15px;
  border: 1px solid grey;
}

.form_right_main .form_right form textarea {
  width: 330px;
  height: 100px;
  border-radius: 20px;
  margin-bottom: 25px;
}

.form_right_main .form_right form [type="button"] {
  width: 223px;
  height: 40px;
  border-radius: 33px;
  background-color: #212529;
  color: #fff;
}

.form_right_main .form_right form [type="submit"] {
  width: 223px;
  height: 40px;
  border-radius: 33px;
  background-color: #212529;
  color: #fff;
}

/*-----------contact form section end----*/

/*-------------css for Contact page end---------*/

/*--------css for Media page start-----------------------------*/

.media_section_main {
  width: 100%;
  height: auto;
  margin-top: 40px;
  margin-bottom: 70px;
  padding: 0;
}

.media_section_main .media_heading {
  text-align: center;
  padding: 50px 0px;
}

.media_section_main .video_content_first_fold,
.media_section_main .video_content_second_fold {
  width: 100%;
  height: auto;
}

.third_video_cont {
  margin-top: 25%;
}

.video_content_first_fold .video_section,
.video_content_second_fold .video_section {
  width: 100%;
  height: auto;
}

.video_content_first_fold .video_section video,
.video_content_second_fold .video_section video {
  width: 100%;
  height: 100%;
}

.video_content_first_fold .video_cont_year,
.video_content_second_fold .video_cont_year {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /*background-color: olivedrab; */
}

.video_content_first_fold .video_content_fold {
  padding: 25px 0px;
}

.video_content_second_fold .video_content_fold {
  padding: 40px 0px;
}

.video_content_first_fold .video_cont_year span {
  width: 100px;
  height: 2px;
  background-color: #a0a0a0;
  margin-left: -30px;
  margin-right: 16px;
  z-index: 1;
}

.video_content_second_fold .video_cont_year {
  position: relative;
  margin-bottom: 30px;
}

.video_content_second_fold .video_cont_year span {
  width: 100px;
  height: 2px;
  background-color: #a0a0a0;
  margin-left: 16px;
  z-index: 1;
  margin-right: -30px;
  position: absolute;
  right: 0;
}

.video_content_fold .video_cont_year h6 {
  margin-top: 8px;
  font-size: 20px;
  font-family: "futurabold";
}

.video_content_second_fold .video_cont_year h6 {
  position: absolute;
  right: 0;
  padding-right: 86px;
}

.video_content_first_fold .video_info {
  width: 100%;
  height: auto;
  margin-top: 25px;
  padding-left: 86px;
  /*background-color: peru;*/
}

.video_content_second_fold .video_info {
  text-align: right;
  width: 100%;
  height: auto;
  margin-top: 25px;
  padding-right: 86px;
}

.video_content_first_fold .video_info p,
.video_content_second_fold .video_info p {
  margin: 30px 0px;
  line-height: 28px;
  color: #929191;
  font-family: "futurabook";
  font-size: 18px;
  text-align: justify;
}

.video_content_first_fold .video_info h3,
.video_content_second_fold .video_info h3 {
  font-family: "futurabold";
}

.video_content_first_fold .video_info button,
.video_content_second_fold .video_info button {
  border: none;
  background-color: transparent;
  font-family: "futurabold";
  font-size: 18px;
}

.video_content_first_fold .video_info button .fa-arrow-right {
  margin-left: 10px;
}

.video_content_second_fold .video_info button .fa-arrow-left {
  margin-right: 10px;
}

.video_content_second_fold {
  margin: 80px 0px;
}

/*----------------------css for image gallery page start-----------------*/

.image_gallery_main {
  margin-bottom: 30px;
}

.image_first_col,
.image_third_col {
  height: 250px;
  position: relative;
  transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
}

.image_first_col img,
.image_third_col img {
  position: absolute;
  height: 100%;
  width: 100%;
}

.img_first_col_content,
.img_third_col_content {
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img_first_col_content::before,
.img_third_col_content::before {
  position: absolute;
  top: 0;
  content: "";
  width: 97%;
  height: 0%;
  background-color: #020968;
  opacity: 0;
  margin-top: 7px;
}

.img_first_col_content::after,
.img_third_col_content::after {
  position: absolute;
  bottom: 0;
  content: "";
  width: 97%;
  height: 0%;
  background-color: #020968;
  opacity: 0;
  margin-bottom: 7px;
}

.image_first_col:hover .img_first_col_content::before,
.image_third_col:hover .img_third_col_content::before {
  opacity: 0.8;
  transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
  height: 52.5%;
}

.image_first_col:hover .img_first_col_content::after,
.image_third_col:hover .img_third_col_content::after {
  opacity: 0.8;
  transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
  height: 42%;
}

.img_first_col_content h4,
.img_third_col_content h4 {
  transform: rotate(90deg);
  color: #fff;
  opacity: 0;
}

.image_first_col:hover .img_first_col_content h4,
.image_third_col:hover .img_third_col_content h4 {
  opacity: 1;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
}

.image_second_col {
  height: 500px;
  position: relative;
  transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
}

.image_second_col img {
  height: 100%;
  width: 100%;
  position: absolute;
}

.img_second_col_content {
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img_second_col_content h4 {
  color: #fff;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  opacity: 0;
}

.image_second_col:hover .img_second_col_content h4 {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  opacity: 1;
  transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
}

.img_second_col_content::before {
  content: "";
  position: absolute;
  top: 0;
  width: 97%;
  height: 0%;
  background-color: #020968;
  opacity: 0;
  margin-top: 7px;
}

.img_second_col_content::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 97%;
  height: 0%;
  background-color: #020968;
  opacity: 0;
  margin-bottom: 7px;
}

.image_second_col:hover .img_second_col_content::before {
  opacity: 0.8;
  height: 51%;
  transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
}

.image_second_col:hover .img_second_col_content::after {
  opacity: 0.8;
  height: 46.3%;
  transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
}

/*------------------image slider start-------------------*/

.image_slider1_main,
.image_slider2_main {
  margin: auto;
  position: relative;
  width: 95%;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.image_slider2_main {
  margin-bottom: 0px;
}

.image_slider1_main .slider1 {
  display: flex;
  width: calc(250px * 8);
  animation: scroll 8s linear infinite;
}

.image_slider2_main .slider2 {
  display: flex;
  width: calc(250px * 8);
  animation: scroll2 8s linear infinite;
  -webkit-animation: scroll2 8s linear infinite;
}

.image_slider1_main .slider1 .slide,
.image_slider2_main .slider2 .slide {
  height: 250px;
  width: 250px;
  display: flex;
  align-items: center;
  padding: 15px;
  perspective: 100px;
}

.image_slider1_main .slider1 .slide img,
.image_slider2_main .slider2 .slide img {
  width: 100%;
  height: 100%;
  transition: transform 1s;
  -webkit-transition: transform 1s;
}

.image_slider1_main .slider1 .slide img:hover,
.image_slider2_main .slider2 .slide img:hover {
  transform: translateZ(20px);
  -webkit-transform: translateZ(20px);
}

.image_slider1_main .slider1:hover,
.image_slider2_main .slider2:hover {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-250px));
    -webkit-transform: translateX(calc(-250px));
  }
}

@keyframes scroll2 {
  0% {
    transform: translateX(calc(-250px));
    -webkit-transform: translateX(calc(-250px));
  }

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

/*----------------------css for image gallery end-------*/

/*-------css for Media page end--------------------------*

/*-----------------css for project page start---------*/

.project_heading {
  width: 100%;
  height: auto;
  margin: 50px 0px;
  text-align: center;
}

.project_heading h2 {
  margin-top: 90px;
}

#light-slider {
  margin-left: 50px !important;
}

#light-slider li {
  width: 200px !important;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  color: #000;
  cursor: pointer;
  text-align: center;
}

#light-slider .active {
  background-color: #3b9aac;
  color: #fff;
  border: none;
  transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
}

.project_content_main {
  margin-top: 30px;
  margin-bottom: 70px;
}

.project_content {
  width: 100%;
  height: 600px;
  /* height: 100%; */
  display: none;
}

.project_content .atc_img,
.project_content .brd_img,
.project_content .bwc_img,
.project_content .conccut_img,
.project_content .cutexa_img,
.project_content .cutinbuild_img,
.project_content .disman_img,
.project_content .founconccut_img,
.project_content .hibridem_img,
.project_content .hirbuildem_img,
.project_content .hiricut_img,
.project_content .reb_img,
.project_content .roofconcut_img,
.project_content .ultrafan_img,
.project_content .varjobs_img,
.project_content .chemplant_img,
.project_content .indstrialdemilition_img,
.project_content .cementplant_img {
  width: 100%;
  height: 100%;
  background-image: url("../images/projectimg/ats/1.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  animation: slideatc_img 10s ease-in-out infinite;
  animation-delay: 3s;
  overflow: hidden;
  -webkit-background-image: url("../images/projectimg/ats/1.jpg");
  -webkit-animation: slideatc_img 10s ease-in-out infinite;
  -webkit-animation-delay: 3s;
}

.project_content.active {
  display: block;
}

.project_content .center_div {
  width: 100%;
  height: auto;
  background-color: rgba(29, 26, 26, 0.6);
  opacity: 0.8;
  position: absolute;
  bottom: 0;
  padding: 5px 20px;
  display: flex;
  align-items: center;
  opacity: 0;
}

.project_content .center_div ul {
  color: #fff;
  text-align: left;
}

.project_content:hover .center_div {
  bottom: 7%;
  transition: 0.6s ease;
  opacity: 1;
}

.project_content .center_div p {
  color: #fff;
  margin-top: 10px;
}

@keyframes slideatc_img {
  20% {
    background-image: url("../images/projectimg/ats/2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/ats/3.jpg");
  }

  60% {
    background-image: url("../images/projectimg/ats/1.jpg");
  }

  80% {
    background-image: url("../images/projectimg/ats/2.jpg");
  }

  100% {
    background-image: url("../images/projectimg/ats/3.jpg");
  }
}

.project_content .brd_img {
  background-image: url("../images/projectimg/bridge-demolition/1.jpg");
  animation: slidebrd_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/bridge-demolition/1.jpg");
}

@keyframes slidebrd_img {
  20% {
    background-image: url("../images/projectimg/bridge-demolition/2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/bridge-demolition/3.jpg");
  }

  60% {
    background-image: url("../images/projectimg/bridge-demolition/1.jpg");
  }

  80% {
    background-image: url("../images/projectimg/bridge-demolition/2.jpg");
  }

  100% {
    background-image: url("../images/projectimg/bridge-demolition/3.jpg");
  }
}

.project_content .bwc_img {
  background-image: url("../images/projectimg/bridge-well-cap-removal/1.jpg");
  animation: slidebwc_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/bridge-well-cap-removal/1.jpg");
}

@keyframes slidebwc_img {
  20% {
    background-image: url("../images/projectimg/bridge-well-cap-removal/2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/bridge-well-cap-removal/3.jpg");
  }

  60% {
    background-image: url("../images/projectimg/bridge-well-cap-removal/1.jpg");
  }

  80% {
    background-image: url("../images/projectimg/bridge-well-cap-removal/3.jpg");
  }

  100% {
    background-image: url("../images/projectimg/bridge-well-cap-removal/3.jpg");
  }
}

.project_content .conccut_img {
  background-image: url("../images/projectimg/concrete-cutting/1.jpg");
  animation: slideconccut_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/concrete-cutting/1.jpg");
}

@keyframes slideconccut_img {
  20% {
    background-image: url("../images/projectimg/concrete-cutting/2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/concrete-cutting/3.jpg");
  }

  60% {
    background-image: url("../images/projectimg/concrete-cutting/1.jpg");
  }

  80% {
    background-image: url("../images/projectimg/concrete-cutting/2.jpg");
  }

  100% {
    background-image: url("../images/projectimg/concrete-cutting/3.jpg");
  }
}

.project_content .cutexa_img {
  background-image: url("../images/projectimg/cuttign-and-excavation/1.jpg");
  animation: slidecutexa_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/cuttign-and-excavation/1.jpg");
}

@keyframes slidecutexa_img {
  20% {
    background-image: url("../images/projectimg/cuttign-and-excavation/2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/cuttign-and-excavation/1.jpg");
  }

  60% {
    background-image: url("../images/projectimg/cuttign-and-excavation/2.jpg");
  }

  80% {
    background-image: url("../images/projectimg/cuttign-and-excavation/1.jpg");
  }

  100% {
    background-image: url("../images/projectimg/cuttign-and-excavation/2.jpg");
  }
}

.project_content .cutinbuild_img {
  background-image: url("../images/projectimg/cutting-and-crushing-inside-building/1.jpg");
  animation: slidecutinbuild_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/cutting-and-crushing-inside-building/1.jpg");
}

@keyframes slidecutinbuild_img {
  20% {
    background-image: url("../images/projectimg/cutting-and-crushing-inside-building/2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/cutting-and-crushing-inside-building/3.jpg");
  }

  60% {
    background-image: url("../images/projectimg/cutting-and-crushing-inside-building/1.jpg");
  }

  80% {
    background-image: url("../images/projectimg/cutting-and-crushing-inside-building/2.jpg");
  }

  100% {
    background-image: url("../images/projectimg/cutting-and-crushing-inside-building/3.jpg");
  }
}

.project_content .disman_img {
  background-image: url("../images/projectimg/disaster-management/1.jpg");
  animation: slidedisman_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/disaster-management/1.jpg");
}

@keyframes slidedisman_img {
  20% {
    background-image: url("../images/projectimg/disaster-management/2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/disaster-management/3.jpg");
  }

  60% {
    background-image: url("../images/projectimg/disaster-management/4.jpg");
  }

  80% {
    background-image: url("../images/projectimg/disaster-management/1.jpg");
  }

  100% {
    background-image: url("../images/projectimg/disaster-management/3.jpg");
  }
}

.project_content .founconccut_img {
  background-image: url("../images/projectimg/foundation-concrete-cutting/1.jpg");
  animation: slidefounconccut_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/foundation-concrete-cutting/1.jpg");
}

@keyframes slidefounconccut_img {
  20% {
    background-image: url("../images/projectimg/foundation-concrete-cutting/2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/foundation-concrete-cutting/3.jpg");
  }

  60% {
    background-image: url("../images/projectimg/foundation-concrete-cutting/4.jpg");
  }

  80% {
    background-image: url("../images/projectimg/foundation-concrete-cutting/1.jpg");
  }

  100% {
    background-image: url("../images/projectimg/foundation-concrete-cutting/3.jpg");
  }
}

.project_content .hibridem_img {
  background-image: url("../images/projectimg/high-bridge-demolition/1.jpg");
  animation: slidehibridem_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/high-bridge-demolition/1.jpg");
}

@keyframes slidehibridem_img {
  20% {
    background-image: url("../images/projectimg/high-bridge-demolition/2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/high-bridge-demolition/3.jpg");
  }

  60% {
    background-image: url("../images/projectimg/high-bridge-demolition/4.jpg");
  }

  80% {
    background-image: url("../images/projectimg/high-bridge-demolition/1.jpg");
  }

  100% {
    background-image: url("../images/projectimg/high-bridge-demolition/3.jpg");
  }
}

.project_content .hirbuildem_img {
  background-image: url("../images/projectimg/high-rise-building-demolition/1.jpg");
  animation: slidehirbuildem_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/high-rise-building-demolition/1.jpg");
}

@keyframes slidehirbuildem_img {
  20% {
    background-image: url("../images/projectimg/high-rise-building-demolition/2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/high-rise-building-demolition/3.jpg");
  }

  60% {
    background-image: url("../images/projectimg/high-rise-building-demolition/4.jpg");
  }

  80% {
    background-image: url("../images/projectimg/high-rise-building-demolition/1.jpg");
  }

  100% {
    background-image: url("../images/projectimg/high-rise-building-demolition/3.jpg");
  }
}

.project_content .hiricut_img {
  background-image: url("../images/projectimg/high-rise-cutting/1.jpg");
  animation: slidehiricut_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/high-rise-cutting/1.jpg");
}

@keyframes slidehiricut_img {
  20% {
    background-image: url("../images/projectimg/high-rise-cutting/2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/high-rise-cutting/1.jpg");
  }

  60% {
    background-image: url("../images/projectimg/high-rise-cutting/2.jpg");
  }

  80% {
    background-image: url("../images/projectimg/high-rise-cutting/1.jpg");
  }

  100% {
    background-image: url("../images/projectimg/high-rise-cutting/2.jpg");
  }
}

.project_content .reb_img {
  background-image: url("../images/projectimg/rebar/1.jpg");
  animation: slidereb_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/rebar/1.jpg");
}

@keyframes slidereb_img {
  20% {
    background-image: url("../images/projectimg/rebar/2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/rebar/3.jpg");
  }

  60% {
    background-image: url("../images/projectimg/rebar/4.jpg");
  }

  80% {
    background-image: url("../images/projectimg/rebar/1.jpg");
  }

  100% {
    background-image: url("../images/projectimg/rebar/3.jpg");
  }
}

.project_content .roofconcut_img {
  background-image: url("../images/projectimg/roof-concrete-cutting/1.jpg");
  animation: slideroofconcut_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/roof-concrete-cutting/1.jpg");
}

@keyframes slideroofconcut_img {
  20% {
    background-image: url("../images/projectimg/roof-concrete-cutting/2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/roof-concrete-cutting/1.jpg");
  }

  60% {
    background-image: url("../images/projectimg/roof-concrete-cutting/2.jpg");
  }

  80% {
    background-image: url("../images/projectimg/roof-concrete-cutting/1.jpg");
  }

  100% {
    background-image: url("../images/projectimg/roof-concrete-cutting/2.jpg");
  }
}

.project_content .ultrafan_img {
  background-image: url("../images/projectimg/ultratech-fan/1.jpg");
  animation: slideultrafan_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/ultratech-fan/1.jpg");
}

@keyframes slideultrafan_img {
  20% {
    background-image: url("../images/projectimg/ultratech-fan/2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/ultratech-fan/3.jpg");
  }

  60% {
    background-image: url("../images/projectimg/ultratech-fan/4.jpg");
  }

  80% {
    background-image: url("../images/projectimg/ultratech-fan/1.jpg");
  }

  100% {
    background-image: url("../images/projectimg/ultratech-fan/3.jpg");
  }
}

.project_content .varjobs_img {
  background-image: url("../images/projectimg/various-jobs/1.jpg");
  animation: slidevarjobs_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/various-jobs/1.jpg");
}

@keyframes slidevarjobs_img {
  20% {
    background-image: url("../images/projectimg/various-jobs/2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/various-jobs/3.jpg");
  }

  60% {
    background-image: url("../images/projectimg/various-jobs/4.jpg");
  }

  80% {
    background-image: url("../images/projectimg/various-jobs/5.jpg");
  }

  100% {
    background-image: url("../images/projectimg/various-jobs/3.jpg");
  }
}

.project_content .chemplant_img {
  background-image: url("../images/projectimg/chemical-plants/chemicalplant1.jpeg");
  animation: slidechemplant_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/chemical-plants/chemicalplant1.jpeg");
}

@keyframes slidechemplant_img {
  20% {
    background-image: url("../images/projectimg/chemical-plants/chemicalplant2.jpeg");
  }

  40% {
    background-image: url("../images/projectimg/chemical-plants/chemicalplant3.jpeg");
  }

  60% {
    background-image: url("../images/projectimg/chemical-plants/chemicalplant1.jpeg");
  }

  80% {
    background-image: url("../images/projectimg/chemical-plants/chemicalplant2.jpeg");
  }

  100% {
    background-image: url("../images/projectimg/chemical-plants/chemicalplant3.jpeg");
  }
}

.project_content .indstrialdemilition_img {
  background-image: url("../images/projectimg/textile/textile1.jpeg");
  animation: slideindstrialdemilition_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/textile/textile1.jpeg");
}

@keyframes slideindstrialdemilition_img {
  20% {
    background-image: url("../images/projectimg/textile/textile2.jpeg");
  }

  40% {
    background-image: url("../images/projectimg/textile/textile1.jpeg");
  }

  60% {
    background-image: url("../images/projectimg/textile/textile2.jpeg");
  }

  80% {
    background-image: url("../images/projectimg/textile/textile1.jpeg");
  }

  100% {
    background-image: url("../images/projectimg/textile/textile2.jpeg");
  }
}

.project_content .cementplant_img {
  background-image: url("../images/projectimg/cement-plant/cementplant1.jpg");
  animation: slidecementplant_img 35s ease infinite;
  -webkit-background-image: url("../images/projectimg/cement-plant/cementplant1.jpg");
}

@keyframes slidecementplant_img {
  20% {
    background-image: url("../images/projectimg/cement-plant/cementplant2.jpg");
  }

  40% {
    background-image: url("../images/projectimg/cement-plant/cementplant1.jpg");
  }

  60% {
    background-image: url("../images/projectimg/cement-plant/cementplant2.jpg");
  }

  80% {
    background-image: url("../images/projectimg/cement-plant/cementplant1.jpg");
  }

  100% {
    background-image: url("../images/projectimg/cement-plant/cementplant2.jpg");
  }
}

/*------------css for imagebox--*/

.imagebox {
  width: 100%;
  height: 100vh;
  position: fixed;
  background-color: #0e0f11dc;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.imagebox span {
  position: absolute;
  top: 30px;
  right: 50px;
  cursor: pointer;
}

.imagebox span .fa {
  font-size: 30px;
  color: #fff;
}

.imagebox .centered_imgbox {
  width: 70%;
  height: 80vh;
  margin: auto;
}

.centered_imgbox img {
  width: 100%;
  height: 100%;
}

/*------------css for imagebox end--*/

.first_service_heading,
.second_service_heading,
.third_service_heading,
.fourth_service_heading,
.fifth_service_heading,
.sixth_service_heading,
.seventh_service_heading,
.eighth_service_heading,
.nineth_service_heading,
.tenth_service_heading,
.eleventh_service_heading,
.twelveth_service_heading,
.thirteenth_service_heading {
  height: 138px;
  overflow: hidden;
}

.service_heading h1 {
  font-size: 30px;
}

.first_service_heading img,
.second_service_heading img,
.third_service_heading img,
.fourth_service_heading img,
.fifth_service_heading img,
.sixth_service_heading img,
.seventh_service_heading img,
.eighth_service_heading img,
.nineth_service_heading img,
.tenth_service_heading img,
.eleventh_service_heading img,
.twelveth_service_heading img,
.thirteenth_service_heading img {
  width: 100%;
  height: 200%;
}

.first_service_content,
.second_service_content,
.third_service_content,
.fourth_service_content,
.fifth_service_content,
.sixth_service_content,
.seventh_service_content,
.eighth_service_content,
.nineth_service_content,
.tenth_service_content,
.eleventh_service_content,
.twelveth_service_content,
.thirteenth_service_content {
  width: 100%;
  height: 600px;
  background-image: url("../images/servicesimg/service.png");
  background-size: cover;
  z-index: 1;
  -webkit-background-image: url("../images/servicesimg/service.png");
}

.privacy_policy_content {
  width: 100%;
  height: auto;
  background-image: url("../images/servicesimg/service.png");
  background-size: cover;
  z-index: 1;
  -webkit-background-image: url("../images/servicesimg/service.png");
}

.privacy_policy_content h2 {
  text-transform: none;
  font-size: 25px;
  color: #fff;
}

.service_heading {
  margin-top: 30px;
  padding-left: 20px;
  color: #fff;
}

.first_service_text,
.second_service_text,
.third_service_text,
.fourth_service_text,
.fifth_service_text,
.sixth_service_text,
.seventh_service_text,
.eighth_service_text,
.nineth_service_text,
.tenth_service_text,
.eleventh_service_text,
.twelveth_service_text,
.thirteenth_service_text {
  margin-top: 5%;
  color: #fff;
  letter-spacing: 2px;
  text-align: justify;
  margin-left: 20px;
  margin-right: 20px;
}

.service_heading_tenth {
  margin-top: 20px;
  padding-left: 20px;
  color: #fff;
}

.tenth_service_text {
  margin-top: 3%;
}

.first_service_video img,
.second_service_video img,
.third_service_video img,
.fourth_service_video img,
.fifth_service_video img,
.sixth_service_video img,
.seventh_service_video img,
.eighth_service_video img,
.nineth_service_video img,
.tenth_service_video img,
.eleventh_service_video img,
.twelveth_service_video img,
.thirteenth_service_video img {
  width: 100%;
  height: 100%;
}

.first_service_video,
.second_service_video,
.third_service_video,
.fourth_service_video,
.fifth_service_video,
.sixth_service_video,
.seventh_service_video,
.eighth_service_video,
.nineth_service_video,
.tenth_service_video,
.eleventh_service_video,
.twelveth_service_video,
.thirteenth_service_video {
  width: 100%;
  height: 350px;
  overflow: hidden;
  margin-top: 8%;
}

.first_service_video video,
.second_service_video video,
.third_service_video video,
.fourth_service_video video,
.fifth_service_video video,
.sixth_service_video video,
.seventh_service_video video,
.eighth_service_video video,
.nineth_service_video video,
.tenth_service_video video,
.eleventh_service_video video,
.twelveth_service_video video,
.thirteenth_service_video video {
  width: 100%;
  height: 100%;
}

.first_service_imgallery,
.second_service_imgallery,
.third_service_imgallery,
.fourth_service_imgallery,
.fifth_service_imgallery,
.sixth_service_imgallery,
.seventh_service_imgallery,
.eighth_service_imgallery,
.nineth_service_imgallery,
.tenth_service_imgallery,
.eleventh_service_imgallery,
.twelveth_service_imgallery,
.thirteenth_service_imgallery {
  width: 100%;
  height: 400px;
}

.first_service_imgs,
.second_service_imgs,
.third_service_imgs,
.fourth_service_imgs,
.fifth_service_imgs,
.sixth_service_imgs,
.seventh_service_imgs,
.eighth_service_imgs,
.nineth_service_imgs,
.tenth_service_imgs,
.eleventh_service_imgs,
.twelveth_service_imgs,
.thirteenth_service_imgs {
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.first_service_imgs img,
.second_service_imgs img,
.third_service_imgs img,
.fourth_service_imgs img,
.fifth_service_imgs img,
.sixth_service_imgs img,
.seventh_service_imgs img,
.eighth_service_imgs img,
.nineth_service_imgs img,
.tenth_service_imgs img,
.eleventh_service_imgs img,
.twelveth_service_imgs img,
.thirteenth_service_imgs img {
  width: 100%;
  height: 100%;
}

.first_service_imgs .img_div,
.first_service_imgs .img_div2,
.second_service_imgs .img_div,
.second_service_imgs .img_div2,
.third_service_imgs .img_div,
.third_service_imgs .img_div2,
.fourth_service_imgs .img_div,
.fourth_service_imgs .img_div2,
.fifth_service_imgs .img_div,
.fifth_service_imgs .img_div2,
.sixth_service_imgs .img_div,
.sixth_service_imgs .img_div2,
.seventh_service_imgs .img_div,
.seventh_service_imgs .img_div2,
.eighth_service_imgs .img_div,
.eighth_service_imgs .img_div2,
.nineth_service_imgs .img_div,
.nineth_service_imgs .img_div2,
.tenth_service_imgs .img_div,
.tenth_service_imgs .img_div2,
.eleventh_service_imgs .img_div,
.eleventh_service_imgs .img_div2,
.twelveth_service_imgs .img_div,
.twelveth_service_imgs .img_div2,
.thirteenth_service_imgs .img_div,
.thirteenth_service_imgs .img_div2 {
  width: 19%;
  height: 270px;
  border-radius: 15px;
  overflow: hidden;
  margin-top: 50px;
  animation: slideup 1.4s infinite ease-in-out alternate;
  -webkit-animation: slideup 1.4s infinite ease-in-out alternate;
  cursor: pointer;
}

.first_service_imgs .img_div2,
.second_service_imgs .img_div2,
.third_service_imgs .img_div2,
.fourth_service_imgs .img_div2,
.fifth_service_imgs .img_div2,
.sixth_service_imgs .img_div2,
.seventh_service_imgs .img_div2,
.eighth_service_imgs .img_div2,
.nineth_service_imgs .img_div2,
.tenth_service_imgs .img_div2,
.eleventh_service_imgs .img_div2,
.twelveth_service_imgs .img_div2,
.thirteenth_service_imgs .img_div2 {
  height: 270px;
  border-radius: 15px;
  overflow: hidden;
  margin-top: 50px;
  animation: slidedown 1.4s infinite ease-in-out alternate;
  -webkit-animation: slidedown 1.4s infinite ease-in-out alternate;
  cursor: pointer;
}

@keyframes slideup {
  from {
    transform: translatey(0px);
    -webkit-transform: translatey(0px);
  }

  to {
    transform: translatey(-25px);
    -webkit-transform: translatey(-25px);
  }
}

@keyframes slidedown {
  from {
    transform: translatey(0px);
    -webkit-transform: translatey(0px);
  }

  to {
    transform: translatey(25px);
    -webkit-transform: translatey(25px);
  }
}

/*----------------css for services page end-------*/
/*------css for counter-----*/
.counter {
  text-align: center;
  margin-top: 30px;
}

/* loader*/
.quote_card {
  position: relative;
}

#loader {
  position: absolute;
  top: 35%;
  left: 38%;
  transform: translate(-50%, -50%);
  border: 8px solid #f3f3f3;
  /* Light grey */
  border-top: 8px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
  z-index: 9;
  display: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}



/* ///////////////////////// Media Query/////////////////////// */

@media only screen and (max-width:320px) {

  .first_team .team_img, .second_team .team_img,
  .third_team .team_img {
    width: 240px !important;
    height: 240px !important;
  }
}

@media only screen and (max-width: 368px) {
  .featured_service_mobile .content-detail {
    height: 320px;
  }

  .featured_service_mobile .content_info {
    font-size: 13px;
  }

  .featured_service_mobile .content-detail p {
    font-size: 13px;
  }

  .form_right_main .form_right form input {
    width: 310px;
  }

  .form_right_main .form_right form textarea {
    width: 300px;
  }

  .form_right_main .form_right form [type="button"] {
    width: 200px;
  }

  .form_right_main .form_right form [type="button"] {
    margin-left: 50px;
  }

  .nav_list .content_services a {
    font-size: 11px !important;
  }

  .second_team {
    margin-top: 80px !important;
  }

  .first_team .team_content,
  .second_team .team_content,
  .third_team .team_content {
    height: auto;
  }

}

@media only screen and (max-width: 500px) {

  /*---media query for mobile nav dropdown---*/
  .topnav.responsive .dropdown {
    float: none;
    padding-left: 7% !important;
    width: 100%;
  }

  .topnav.responsive .main_content {
    font-size: 19px;
  }

  .topnav.responsive .dropdown a {
    font-size: 17px;
  }

  .topnav.responsive .dropdown .dropbtn {
    font-size: 16px;
  }

  .services_content, .project_content {
    max-height: 280px;
    overflow: auto;
  }

  .detail-section h5 {
    text-align: center;
  }

  .first_team .team_content,
  .second_team .team_content,
  .third_team .team_content {
    height: auto;
  }

  .about_info_first_fold .about_info_right,
  .about_info_second_fold .about_info_left,
  .about_info_third_fold .about_info_right {
    width: 290px !important;
    height: 290px !important;
  }

  .third_team .team_img {
    margin-left: 0px !important;
    margin-top: 0px !important;
  }

  main {
    height: 230px !important;
  }

  main .carousel {
    height: 230px !important;
  }

  #customers-testimonials .custom_ctrl {
    left: 15%;
  }

  #customers-testimonials .custom_ctrls {
    left: 85%;
  }

  /*---media query for contaact page---*/
  .contact_col_main {
    width: 300px !important;
  }

  /*--------media query for project page------*/
  #light-slider li {
    width: 110px !important;
    height: 50px;
    font-size: 11px !important;
  }

  .project_content {
    height: 250px !important;
  }

  .project_content .center_div p {
    font-size: 10px;
    text-align: justify;
  }

  .project_content_main {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .media_section_main {
    margin-bottom: 0;
  }

  .image_slider2_main {
    margin-bottom: 0;
  }

  /*-----------media query for service page-----*/
  .imagebox .centered_imgbox {
    width: 90%;
    height: 60vh;
  }

  .first_service_video,
  .second_service_video,
  .third_service_video,
  .fourth_service_video,
  .fifth_service_video,
  .sixth_service_video,
  .seventh_service_video,
  .eighth_service_video,
  .nineth_service_video,
  .tenth_service_video,
  .eleventh_service_video,
  .twelveth_service_video,
  .thirteenth_service_video {
    height: auto;
  }

  .first_service_imgs .img_div,
  .first_service_imgs .img_div2,
  .second_service_imgs .img_div,
  .second_service_imgs .img_div2,
  .third_service_imgs .img_div,
  .third_service_imgs .img_div2,
  .fourth_service_imgs .img_div,
  .fourth_service_imgs .img_div2,
  .fifth_service_imgs .img_div,
  .fifth_service_imgs .img_div2,
  .sixth_service_imgs .img_div,
  .sixth_service_imgs .img_div2,
  .seventh_service_imgs .img_div,
  .seventh_service_imgs .img_div2,
  .eighth_service_imgs .img_div,
  .eighth_service_imgs .img_div2,
  .nineth_service_imgs .img_div,
  .nineth_service_imgs .img_div2,
  .tenth_service_imgs .img_div,
  .tenth_service_imgs .img_div2,
  .eleventh_service_imgs .img_div,
  .eleventh_service_imgs .img_div2,
  .twelveth_service_imgs .img_div,
  .twelveth_service_imgs .img_div2,
  .thirteenth_service_imgs .img_div,
  .thirteenth_service_imgs .img_div2 {
    width: 70px !important;
    height: 70px !important;
    margin-top: 0px;
  }

  .first_service_imgallery,
  .second_service_imgallery,
  .third_service_imgallery,
  .fourth_service_imgallery,
  .fifth_service_imgallery,
  .sixth_service_imgallery,
  .seventh_service_imgallery,
  .eighth_service_imgallery,
  .nineth_service_imgallery,
  .tenth_service_imgallery,
  .eleventh_service_imgallery,
  .twelveth_service_imgallery,
  .thirteenth_service_imgallery {
    height: 150px;
    margin-bottom: 0px;
  }

  .first_service_imgs,
  .second_service_imgs,
  .third_service_imgs,
  .fourth_service_imgs,
  .fifth_service_imgs,
  .sixth_service_imgs,
  .seventh_service_imgs,
  .eighth_service_imgs,
  .nineth_service_imgs,
  .tenth_service_imgs,
  .eleventh_service_imgs,
  .twelveth_service_imgs,
  .thirteenth_service_imgs {
    height: 180px;
  }
}

@media only screen and (max-width: 768px) {

  /*-----navbar media query-------*/
  #topbar {
    height: 0;
  }

  .cont_email {
    display: none;
  }

  #header {
    display: none;
    visibility: hidden;
    -webkit-display: none;
    -webkit-visibility: hidden;
  }

  .topnav a:not(:first-child),
  .dropdown .dropbtn {
    display: none;
  }

  .mobile_nav_main {
    width: 100%;
    background-color: #000021;
    display: block;
    position: sticky;
    top: 0;
    -webkit-position: sticky;
    -webkit-top: 0;
    z-index: 111;
  }

  .mobile_nav {
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .mobile_logo {
    width: 60%;
    height: 90px;
  }

  .mobile_logo video {
    width: 100%;
    height: 100%;
    margin-left: 20px;
  }

  .topnav {
    overflow: hidden;
    padding-left: 5%;
    width: 100%;
    position: absolute;
    top: 18%;
  }

  .topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }

  .topnav .icon {
    display: none;
  }

  .topnav .dropdown {
    float: left;
    overflow: hidden;
  }

  .topnav .dropdown .dropbtn {
    font-size: 17px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 10px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
  }

  .topnav .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 500px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }

  .topnav .dropdown-content a {
    float: none;
    color: black;
    padding: 4px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
  }

  .topnav .bar1,
  .bar2,
  .bar3 {
    width: 34px;
    height: 4px;
    background-color: #f8f9fa;
    margin: 6px 0;
    transition: 0.4s;
  }

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

  .topnav .change .bar2 {
    opacity: 0;
  }

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

  .topnav .content_about,
  .topnav .content_services,
  .topnav .content_media {
    width: 80%;
    color: #000;
    background-color: #fff;
  }

  .topnav.responsive {
    position: relative;
    top: -85px;
    background: #000021;
    height: 100vh;
  }

  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav a.icon {
    float: right;
    display: block;
  }

  .topnav.responsive .main_content {
    float: none;
    display: block;
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    height: 80px;
    line-height: 40px;
    padding-left: 10%;
  }

  .topnav.responsive .dropdown {
    float: none;
    padding-left: 8.5%;
    width: 100%;
  }

  .topnav.responsive .dropdown a {
    font-size: 20px;
  }

  .topnav.responsive .dropdown-content {
    position: relative;
    width: 30%;
    color: #000;
    background-color: #fff;
    border-radius: 8px;
    border-left: 3px solid #ef3a01;
    border-bottom: 3px solid #ef3a01;
    box-shadow: 0px 3px 10px 0px rgba(13, 39, 80, 0.6);
  }

  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 500;
    font-size: 22px;
    height: 80px;
  }

  .topnav .active {
    color: #ef3a01;
  }

  .topnav .dropdown .active {
    background: none;
    color: #ef3a01;
  }

  .topnav.active {
    background-color: #ef3a01;
  }

  .topnav .dropdown .active a {
    color: #fff;
  }

  .topnav .about_content .active,
  .topnav .services_content .active,
  .topnav .media_content .active {
    color: #fff !important;
    background-color: #ef3a01;
  }

  .topnav .about_content a,
  .topnav .services_content a,
  .topnav .media_content a {
    font-size: 20px;
    color: #000;
  }

  .topnav .about_content,
  .topnav .services_content,
  .topnav .media_content a {
    box-shadow: 0px 0px 1px 0px rgb(231, 231, 231);
  }

  .wrapper_div {
    display: none;
  }

  main {
    height: 350px;
  }

  main .carousel {
    height: 350px;
  }

  .featured_service-section .card_custom {
    height: 40px;
    font-size: 10px;
  }

  .detail-section .frame_card {
    width: 300px !important;
    height: 420px !important;
    margin-top: 10px;
  }

  .detail-section .welcome_info {
    width: 300px !important;
    height: 420px !important;
    margin-top: 15px;
    margin-left: 15px;
    padding: 15px;
  }

  .detail-section .quote_card {
    margin: 0px 20px !important;
  }

  .content-details .content_info {
    height: 40px;
    font-size: 10px;
  }

  .content-details .content-text {
    font-size: 10px;
  }

  .featured_service-section {
    display: none;
  }

  .featured_service_mobile {
    display: block;
    margin-bottom: 20px;
  }

  /*--------media query for about page-------*/
  .about_info_container {
    background-image: none;
    margin-top: 70px;
  }

  .about_main {
    height: 250px;
  }

  /* .about_main .about_main_gif,
  .contact_page_main .contact_main_gif,
  .media_page_main .media_main_gif,
  .services_page_main .services_main_gif,
  .team_main_gif {
    width: 200px;
    height: 200px;
    top: 85%;
  } */
  .about_info_first_fold,
  .about_info_third_fold {
    margin-top: 0px;
    padding: 20px 0px;
  }

  .about_info_third_fold {
    padding: 0;
    margin-top: -50px !important;
  }

  .about_info_first_fold .about_info_left {
    margin-top: 30px;
    margin-bottom: 10;
  }

  /* .about_info_first_fold .about_info_right,
  .about_info_third_fold .about_info_right {
    margin-top: 50px;
  } */
  .about_info_first_fold .about_info_left p,
  .about_info_third_fold .about_info_left p {
    font-size: 15px;
  }

  .about_info_first_fold .about_info_left,
  .about_info_third_fold .about_info_left {
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
  }

  .about_info_second_fold .about_info_right {
    padding-right: 0px;
    margin-top: 50px;
  }

  .about_info_second_fold .about_info_right ul,
  .about_info_third_fold .about_info_left ul {
    padding-left: 0px;
  }

  #scroll_gif {
    display: none;
  }

  #firstmodal .modal-dialog,
  #secondmodal .modal-dialog,
  #thirdmodal .modal-dialog {
    max-width: 90%;
    margin: auto;
  }

  .about_info_first_fold .first_fold_content,
  .about_info_second_fold .second_fold_content,
  .about_info_third_fold .third_fold_content {
    padding: 15px;
    width: 100%;
  }

  .about_info_second_fold .row {
    flex-direction: column-reverse;
  }

  .about_info_first_fold .about_info_right {
    margin-top: 10px;
  }

  .about_info_second_fold .about_info_right {
    margin-top: 150px;
    margin-bottom: 50px;
    padding-left: 0%;
    text-align: center;
  }

  .about_info_second_fold .about_info_left {
    margin: 0px;
  }

  .about_info_second_fold .about_info_right h5,
  .about_info_second_fold .second_fold_content h5 {
    margin-left: 0px;
  }

  .about_info_second_fold .about_info_right button,
  .about_info_third_fold .about_info_left button {
    margin-left: 0px;
  }

  .about_info_third_fold .about_info_left {
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .about_info_third_fold .about_info_right {
    margin: 0px;
  }

  .about_info_third_fold .about_info_left h5 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .second_team .row {
    flex-direction: column-reverse;
  }

  .second_team {
    margin-top: 50px;
  }

  .first_team .team_content,
  .second_team .team_content,
  .third_team .team_content {
    margin-top: 50px;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }

  .third_team .team_img {
    margin-left: 0px !important;
    margin-top: 0px !important;
  }

  .team_main_container {
    margin-top: 95px;
    margin-bottom: 10px;
  }

  .team_main_container .team_heading {
    margin-bottom: 50px;
  }

  /*------------media query for contact page------------*/
  .contact_main {
    margin-top: 80px;
  }

  .contact_main .contact_heading {
    padding-top: 15px !important;
  }

  .contact_form_main {
    margin: 50px 0px;
  }

  .contact_col_main {
    width: 520px;
  }

  .first_card {
    margin-bottom: 50px;
  }

  .form_left_main {
    height: 150px;
    text-align: center;
  }

  .form_right_main {
    height: 460px;
    text-align: center;
    clip-path: none;
  }

  .form_right_main .form_right form [type="button"] {
    margin-left: 53.5px;
  }

  /*-----media query for video gallery page---*/
  .video_content_second_fold .row {
    flex-direction: column-reverse;
  }

  .video_content_first_fold .video_cont_year span {
    margin-left: 0px;
  }

  .video_content_second_fold .video_cont_year span {
    margin-right: 0px;
  }

  .video_content_second_fold .video_cont_year h6 {
    margin-right: 25px;
  }

  .media_section_main {
    margin-top: 70px;
  }

  /*------media query for image gallery page-----*/
  .media_section_main .media_heading {
    padding-top: 25px;
  }

  .image_slider1_main,
  .image_slider2_main {
    width: 98%;
  }

  .image_slider1_main .slider1,
  .image_slider2_main .slider2 {
    width: calc(150px * 8);
  }

  .image_slider1_main .slider1 .slide,
  .image_slider2_main .slider2 .slide {
    height: 150px;
    width: 150px;
    padding: 10px;
  }

  .image_slider1_main .slider1 .slide img:hover,
  .image_slider2_main .slider2 .slide img:hover {
    transform: translateZ(15px);
  }

  .image_gallery_main {
    margin-bottom: 15px;
  }

  /*------media query for project page-----*/
  .project_list ul li {
    font-size: 13px;
  }

  .triangle_div {
    margin-top: 70px;
  }

  .project_heading h2 {
    margin-top: 120px;
  }

  .project_list2 ul li {
    font-size: 13px;
  }

  /*-----media query for project page---*/
  #light-slider li {
    width: 150px;
    font-size: 15px;
  }

  .project_content {
    height: 450px;
  }

  /*-------------media query for service page----*/
  .imagebox .centered_imgbox {
    width: 90%;
    height: 60vh;
  }

  .imagebox span {
    top: 10%;
    right: 15px;
  }

  .imagebox span .fa {
    font-size: 20px;
    color: #fff;
  }

  .first_service_content,
  .second_service_content,
  .third_service_content,
  .fourth_service_content,
  .fifth_service_content,
  .sixth_service_content,
  .seventh_service_content,
  .eighth_service_content,
  .nineth_service_content,
  .tenth_service_content,
  .eleventh_service_content,
  .twelveth_service_content,
  .thirteenth_service_content {
    height: auto;
  }

  .tenth_service_text p {
    letter-spacing: 1px;
  }

  .first_service_text,
  .second_service_text,
  .third_service_text,
  .fourth_service_text,
  .fifth_service_text,
  .sixth_service_text,
  .seventh_service_text,
  .eighth_service_text,
  .nineth_service_text,
  .tenth_service_text,
  .eleventh_service_text,
  .twelveth_service_text,
  .thirteenth_service_text {
    margin-top: 5%;
    text-align: justify;
    letter-spacing: 1px;
  }

  .first_service_video,
  .second_service_video,
  .third_service_video,
  .fourth_service_video,
  .fifth_service_video,
  .sixth_service_video,
  .seventh_service_video,
  .eighth_service_video,
  .nineth_service_video,
  .tenth_service_video,
  .eleventh_service_video,
  .twelveth_service_video,
  .thirteenth_service_video {
    height: auto;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .service_heading {
    margin-top: 30px;
    padding-left: 20px;
  }

  .first_service_heading,
  .second_service_heading,
  .third_service_heading,
  .fourth_service_heading,
  .fifth_service_heading,
  .sixth_service_heading,
  .seventh_service_heading,
  .eighth_service_heading,
  .nineth_service_heading,
  .tenth_service_heading,
  .eleventh_service_heading,
  .twelveth_service_heading,
  .thirteenth_service_heading {
    height: 90px;
  }

  .first_service_imgs .img_div,
  .first_service_imgs .img_div2,
  .second_service_imgs .img_div,
  .second_service_imgs .img_div2,
  .third_service_imgs .img_div,
  .third_service_imgs .img_div2,
  .fourth_service_imgs .img_div,
  .fourth_service_imgs .img_div2,
  .fifth_service_imgs .img_div,
  .fifth_service_imgs .img_div2,
  .sixth_service_imgs .img_div,
  .sixth_service_imgs .img_div2,
  .seventh_service_imgs .img_div,
  .seventh_service_imgs .img_div2,
  .eighth_service_imgs .img_div,
  .eighth_service_imgs .img_div2,
  .nineth_service_imgs .img_div,
  .nineth_service_imgs .img_div2,
  .tenth_service_imgs .img_div,
  .tenth_service_imgs .img_div2,
  .eleventh_service_imgs .img_div,
  .eleventh_service_imgs .img_div2,
  .twelveth_service_imgs .img_div,
  .twelveth_service_imgs .img_div2,
  .thirteenth_service_imgs .img_div,
  .thirteenth_service_imgs .img_div2 {
    width: 120px;
    height: 120px;
    margin-top: 0px;
  }

  .first_service_imgallery,
  .second_service_imgallery,
  .third_service_imgallery,
  .fourth_service_imgallery,
  .fifth_service_imgallery,
  .sixth_service_imgallery,
  .seventh_service_imgallery,
  .eighth_service_imgallery,
  .nineth_service_imgallery,
  .tenth_service_imgallery,
  .eleventh_service_imgallery,
  .twelveth_service_imgallery,
  .thirteenth_service_imgallery {
    height: 250px;
  }

  .first_service_imgs,
  .second_service_imgs,
  .third_service_imgs,
  .fourth_service_imgs,
  .fifth_service_imgs,
  .sixth_service_imgs,
  .seventh_service_imgs,
  .eighth_service_imgs,
  .nineth_service_imgs,
  .tenth_service_imgs,
  .eleventh_service_imgs,
  .twelveth_service_imgs,
  .thirteenth_service_imgs {
    height: 250px;
  }

  /*--------media query for footer--------------*/
  .video_section_mian {
    margin-bottom: 0px;
  }

  .newsletter {
    padding: 8px 0;
  }

  .newsletter .content h2 {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .newsletter .content .form-control {
    height: 37px;
  }

  .newsletter .content .btn {
    min-height: 35px;
    font-weight: 500;
  }

  .footer_icons {
    height: 60px;
    padding-left: 20px;
  }

  .footer_media_icon1,
  .footer_media_icon2,
  .footer_media_icon3,
  .footer_media_icon4 {
    width: 35px;
    height: 35px;
    margin-right: 20px;
  }

  .footer_media_icon1 img {
    width: 11px;
  }

  .footer_media_icon2 img,
  .footer_media_icon3 img,
  .footer_media_icon4 img {
    width: 18px;
  }

  .footer_links ul li a {
    font-size: 14px;
  }

  .footer_links,
  .footer_links ul {
    height: 40px;
  }

  .footer_links ul {
    margin-right: 50px;
  }

  .footer_bottom_div p {
    font-size: 12px;
    padding: 5px;
  }

  .our_associates_heading {
    margin-top: 20;
  }
}

@media only screen and (max-width: 1024px) {
  .logo_sec {
    width: 35%;
  }

  .navbar>ul>li {
    width: 11.1%;
    margin-top: 5px;
  }

  main::before {
    height: 570px;
  }

  .main-section {
    height: 567px;
  }

  .featured_service-section .card_custom {
    height: 65px;
  }

  .detail-section .frame_card {
    width: 400px;
    height: 400px;
  }

  .detail-section .welcome_info {
    width: 400px;
    height: 400px;
  }

  .detail-section .quote_card {
    width: 370px;
    margin: 5px 50px auto;
  }

  .detail-section .welcome_info p {
    font-size: 11px;
  }

  #scroll_gif {
    top: 62%;
  }

  /*----navbar----*/
  .navbar>ul>li {
    padding: 10px;
  }

  .vision_main,
  .mission_main {
    height: 300px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .vision_main:hover .vision_overlay,
  .mission_main:hover .mission_overlay {
    height: 300px;
  }

  /*-----media query for about page---*/
  .about_main {
    height: 310px;
  }

  .about_main .about_main_gif {
    top: 90%;
  }

  .about_info_container {
    background-position-x: 0px;
  }

  /*-----media query for contact page----*/
  .contact_main .card .card-body {
    height: 255px;
    padding: 20px;
  }

  /*-------media query for video gallery page---*/
  .video_content_first_fold .video_content_fold {
    padding: 0px;
  }

  .video_content_second_fold .video_content_fold {
    padding: 20px 0px;
  }

  .video_content_first_fold .video_info {
    margin-top: 10px;
    padding-left: 20px;
  }

  .video_content_second_fold .video_info {
    margin-top: 10px;
    padding-right: 20px;
  }

  .video_content_first_fold .video_info p,
  .video_content_second_fold .video_info p {
    margin: 0px;
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) {
  .detail-section .frame_card {
    top: 214%;
    left: 6.5%;
  }

  main::before {
    height: 665px;
  }

  .main-section {
    height: 642px;
  }

  #scroll_gif {
    top: 69% !important;
  }

  .form_right {
    margin-left: 80px;
  }
}

@media only screen and (min-width: 1700px) {
  main .carousel {
    height: 700px;
  }

  main .carousel img {
    height: 100vh;
  }

  .featured_service-section {
    margin-top: 150px;
  }

  .project_list ul li,
  .project_list2 ul li {
    font-size: 16px;
  }

  .project_content {
    height: 700px;
  }

  .about_info_first_fold .about_info_left {
    padding-right: 110px;
    padding-left: 80px;
  }

  .about_info_first_fold .about_info_right {
    left: 55%;
  }

  .about_info_second_fold .about_info_left {
    left: 45%;
  }

  .about_info_second_fold .about_info_right {
    padding-left: 175px;
  }

  .about_info_third_fold .about_info_left {
    padding-left: 50px;
  }

  .about_info_third_fold .about_info_right {
    left: 55%;
  }

  #scroll_gif {
    top: 66% !important;
  }
}

.CounterProject {
  background-color: #f5943f;
  margin-bottom: 15px;
}

.projectNumDiv {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
}

.projectNumDiv h2 {
  margin: 0;
  color: white;
  padding: 0 auto;
}

.projectNumDiv p {
  margin: 0;
  color: white;
  margin: auto;
  font-size: 16px;
}

.teamMainSection {
  background-color: #EEEDEF;
}

.teamMainSection h2 {
  text-align: center;
  margin: 15px 0;
}

.teamImgDiv {
  width: 100%;
  height: 400px;
  text-align: center;
  margin: 10px 0;
}

.teamImgDiv .membersImg {
  width: 100%;
  height: 80%;
  position: relative;
  overflow: hidden;
}

.membersContentMain {
  position: absolute;
  background-color: rgba(53, 53, 53, 0.719);
  height: 0%;
  bottom: 0;
  left: 0;
  overflow: auto;
  transition: 0.3s;
  color: white;
  text-align: center;
}

.membersContentMain p {
  padding: 2px 10px;
  margin: 0;
}

.teamBullet {
  padding: 2px 10px;
  margin: 0;
}

.membersContentMain::-webkit-scrollbar {
  width: 0;
}

.membersImg:hover .membersContentMain {
  height: 40%;
}

.teamImgDiv .membersImg img {
  width: 100%;
  height: 100%;
}

.teamImgDiv h5 {
  color: #bc3e3e;
  font-weight: bold;
}


/* /////////////////////////////// AOS /////////////////////////////// */

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0)
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
  transform: scale(.6)
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
  transform: scale(1.2)
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0)
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0)
}



/* //////////////////// Fonts ///////////////////// */

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 25, 2021 */



@font-face {
  font-family: 'futurabold';
  src: url('futura_bold_font-webfont.woff2') format('woff2'),
    url('futura_bold_font-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'futurabold_italic';
  src: url('futura_bold_italic_font-webfont.woff2') format('woff2'),
    url('futura_bold_italic_font-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'futurabook';
  src: url('futura_book_font-webfont.woff2') format('woff2'),
    url('futura_book_font-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'futurabook_italic';
  src: url('futura_book_italic_font-webfont.woff2') format('woff2'),
    url('futura_book_italic_font-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'futuraextra_black';
  src: url('futura_extra_black_font-webfont.woff2') format('woff2'),
    url('futura_extra_black_font-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'futuraheavy';
  src: url('futura_heavy_font-webfont.woff2') format('woff2'),
    url('futura_heavy_font-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'futuraheavy_italic';
  src: url('futura_heavy_italic_font-webfont.woff2') format('woff2'),
    url('futura_heavy_italic_font-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'futuralight';
  src: url('futura_light_bt-webfont.woff2') format('woff2'),
    url('futura_light_bt-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'futuralight';
  src: url('futura_light_font-webfont.woff2') format('woff2'),
    url('futura_light_font-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'futuralight_italic';
  src: url('futura_light_italic_font-webfont.woff2') format('woff2'),
    url('futura_light_italic_font-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'futuramedium';
  src: url('futura_medium_bt-webfont.woff2') format('woff2'),
    url('futura_medium_bt-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'futuramedium';
  src: url('futura_medium_condensed_bt-webfont.woff2') format('woff2'),
    url('futura_medium_condensed_bt-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}