@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body {  font-family: "Montserrat", sans-serif; font-size:15px; overflow-x: hidden !important;} 
.humburger {  width: 33px;  height: 28px;  display: flex;  flex-direction: column;  align-items: center;  justify-content: space-between;  position: fixed;
  right: 6%;  top: 20px;  cursor: pointer;  transition: 0.5s all ease-in;  z-index: 5555;}
.humburger:after {  content: "";  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  background: #EC1C24;  transform: scale(0);  transition: 0.5s all ease-in;  z-index: 1;}
.humburger .line {  height: 4px;  width: 100%;  background: #666666;  display: flex;  transition: 0.5s all ease-in;  position: relative;  z-index: 2; }
.humburger .line:after {  content: "";  position: absolute;  height: 100%;  left: 0;  top: 0;  bottom: 0;  background: white;  width: 0;  transition: 0.5s all ease-in-out;  z-index: 1;}
.humburger:hover:after {  transform: scale(1.4);}
.humburger:hover .line:after {  width: 100%;}
.humburger.open .line {  background: white;}
.humburger.open .line:nth-of-type(1) {  transform: rotate(45deg);  margin-top: 12px;}
.humburger.open .line:nth-of-type(2) {  transform: rotate(-45deg);  margin-top: -13px;}
.humburger.open .line:nth-of-type(3) {  visibility: hidden;  opacity: 0;}
.menu_body {  position: fixed;  top: 0;  right: 0;  bottom: 0;  width: 30%;  height: 100vh;  display: flex;  background: rgb(0 0 0 / 100%);  transform: translateX(100%);
  transition: 0.5s all ease; z-index: 99;}
.menu_body.open {  transform: translateX(0);}
.menu_body__item_wrapper {  padding: 40px 40px 40px 0;  display: flex;  justify-content: flex-start;  align-items: flex-end;  width: 100%;}
.menu_body__item_wrapper .menu_list {  list-style: none;    width: 100%;    padding: 0 0 0 0;    position: absolute;    top: 15%;}
.menu_body__item_wrapper .menu_list li {  margin-bottom: 20px;  position: relative;  padding-left: 75px;}
.menu_body__item_wrapper .menu_list li:last-child {  margin-bottom: 0;}
.menu_body__item_wrapper .menu_list li a {  color: #ffffff;  font-weight: 600;  font-size: 28px;  text-decoration: none;  position: relative;  transition: 0.5s all ease;  text-transform: uppercase;}
.menu_body__item_wrapper .menu_list li a:after {  content: "";  position: absolute;  height: 1px;  left: 0;  width: 0;  bottom: 0;  background: #EC1C24;  transition: 0.5s all ease;}
.menu_body__item_wrapper .menu_list li a:hover:after {  width: 100%;}
.menu_body__item_wrapper .menu_list li.has_child .sub-menu {  position: absolute;  background: black;  list-style: none;  padding: 30px;  left: unset;  top: 0;  right: 100%;
  min-width: 135px;  opacity: 0;  visibility: hidden;}
.menu_body__item_wrapper .menu_list li.has_child .sub-menu li {  padding-left: 0;  margin-bottom: 15px;}
.menu_body__item_wrapper .menu_list li.has_child .sub-menu li a:after {  display: none;}
.menu_body__item_wrapper .menu_list li.has_child:hover .sub-menu {  opacity: 1;  visibility: visible;}

@media (max-width: 992px) {
.menu_body {    width: 100%;  }
.menu_body__item_wrapper .menu_list li.has_child {    position: relative;  }
.menu_body__item_wrapper .menu_list li.has_child a {    position: relative;  }  
.menu_body__item_wrapper .menu_list li.has_child a:after {    content: "+";    color: white;    left: calc(100% + 25px);    position: absolute;    top: 0;    width: 0;  }
.menu_body__item_wrapper .menu_list li.has_child .sub-menu {    position: relative;    background: transparent;    list-style: none;    padding: 0;
    left: unset;    top: unset;    right: unset;    min-width: auto;    opacity: 1;    visibility: visible;    margin-top: 15px;    padding-left: 25px;    display: none;  }
}
.section { width: 100%; display: inline-block;}
.about-sec, .core-team-sec, .testimonials-sec, .footer-sec {min-height:625px !important;}
.intro-sec {min-height:475px !important;}
.core-team-sec { position: relative;}
.gallery-sec {    min-height: 875px !important;}
.vision-sec {min-height:675px !important;}
.service-sec {  height: 1550px; }
.mnu-sec { height:12vh;}
.slider-sec { height:88vh; overflow: hidden;}
.slider-sec .im-wrp:after {  content: '';  position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0;  background: rgb(34 90 141 / 25%);  
  background-image: radial-gradient(#EC1C24 10%, transparent 10%);  background-size: 2px 2px;  z-index: 9;}
.slider-sec img {    margin-top: -70px;}
.carousel {  height: 88vh; z-index:9;}

.carousel-fade .carousel-inner .item {
  opacity: 0;  transition-property: opacity;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.im-wrp {position: relative;}
.im-wrp .caption {    position: absolute;  width: 100%;  text-align: center;  bottom: 20%; z-index: 999; width: 75%;  margin: 0 auto;  left: 0;  right: 0;}
.im-wrp .caption h4 {color: #fff;  font-size: 45px;  font-weight: 700;     margin-bottom: 30px; text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);}
.im-wrp .caption a {background-color: #b31313; padding: 12px 30px;  color: #fff;  font-weight: 600;  border-radius: 8px; cursor: pointer; }
.im-wrp .caption a:hover {color: #fff; text-decoration: none;}
a.carousel-control-prev span i {font-size: 25px !important;}
a.carousel-control-next span i {font-size: 25px !important;}
/* Bounce In */
.hvr-bounce-in {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-transition-duration: 0.5s;  transition-duration: 0.5s;}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);  transform: scale(1.2);  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);}
.container h4 {font-size: 40px;  font-weight: 700; padding-top: 5%; margin-bottom: 2%;}
.rd { color: #b31313;}
.blck { color: #000000;}
.wte { color: #ffffff;}
.gry { color:#8a8a8a;}
.red { background-color: #b31313;}
.black { background-color: #000000;}
.white { background-color: #ffffff;}
.grey {background-color: #D9D9D9;}
h5, h6 { font-weight: 700; font-size: 22px;}
.r1 { margin:0;}
.bm {margin-bottom:1%;}
.intro-lft {    float: left;  width: 22%; border-right: 3px solid #9F9F9F;}
.intro-rht {    float: left;  width: 78%; padding-left: 5%}
.intro-lft h4 {       font-size: 28px;  font-weight: 700;  width: 85%;  padding-top: 0%;  line-height: 30px;  text-transform: uppercase;}
p{ text-align: justify;}
.about-sec-lft {  float: left;  width: 35%;}
.about-sec-rht { float: left;  width: 65%;  padding-left: 4%;     padding-right: 6%;}
.innr-sec-lft {  float: left;  width: 20%;}
.innr-sec-rht {  float: left;  width: 80%;}
.cvr{     width: 100%;  display: inline-block;  margin-bottom: 3%;}
.lft-bg {  background: url(../images/cone-bg.png);  width: 305px;  height: 602px;  position: absolute;  z-index: -100;     bottom: -10%;}
.rht-bg {  background: url(../images/cone-bg.png);  width: 305px;  height: 602px;  position: absolute;  z-index: -100;  -webkit-transform: scaleX(-1);  transform: scaleX(-1); right: 0px;  top: 25%;}
.vision-innr {  float: left;  width: 50%;}
.vision-innr img{width: 80%;    margin-top: -125px;}
.blk {  color: #000000;  border-radius: 3px;  float: left;  width: 25%;  text-align: center;  border: 2px solid #fff;  height: 325px; padding-top: 25px;}
.blk h5 { color:#ffffff !important;}
.blk.brl { border-left: 0px solid transparent;}
.blk.brr {border-right: 0px solid transparent;}
.rdx {color: #000000;}
.blk p{    width: 80% !important;  margin: 0 auto;  color: #ffffff;     text-align: center;}
.ftr-inr { float:left; width: 25%;}
.cpy { width:100%; display: inline-block;     min-height: 55px;}

.footer-sec {background: url(../images/cman.png);  background-color: #000;  background-repeat: no-repeat;  background-position: right 16% bottom 0px;}
.footer-sec p{ font-size:14px;     padding-left: 20%; background: url(..images/cman.png);}
.pd-left {    padding-left: 20%;}
.footer-sec ul { float:right; }
.footer-sec ul li {text-align: center;     margin-bottom: 35%;}
.footer-sec ul li a{ color: #B31313; }
.footer-sec ul li a i {font-size: 30px;}
.ov {font-size: 18px;  width: 90%;  margin-top: 27%;}
.ov.vlc {
    font-size: 18px;
    width: 75%;
    margin-top: 22%;
}
.form-wrp {
    padding-left: 30%;
    min-height: 245px;
}
.form-wrp h2 { color:#fff;}
.modal-dialog {  max-width: 630px; }
.footer-sec .cpy p a:hover { color: #fff;}
.form-wrp h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 2%;
}
.form-wrp button{    background-color: #b31313;
    color: #fff;
    padding: 10px 35px;
    float: right;
    outline: none;
    border-radius: 8px;
    cursor: pointer;
        border: 0px;
}
.form-control {
    font-size: 14px;
    background-color: #666;
    border: 1px solid #666666;
    color: #FFF;
}
.form-control:focus {
    color: #ffffff;
    background-color: #666;
    border-color: #ffffff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 25%);
}
.form-control::placeholder {
     color: #FFF;
  opacity: 1; /* Firefox */
}

.form-control::-ms-input-placeholder { /* Edge 12 -18 */
      color: #FFF;
}


img.rrd {    margin-top: -245px;}

.card {	margin: 0 auto;	border: none;}
.card .carousel-item {	min-height: 190px;}
.card .carousel-caption {	padding: 0;	right: 15px;	left: 15px;	top: 15px;	color: #3d3d3d;	border: 1px solid #ccc;	min-height:175px;	padding: 15px; border-radius: 8px;}
.card .carousel-caption .col-sm-3 {	display: flex;	align-items: center;}
.card .carousel-caption .col-sm-9 {	text-align: left;}
.card .carousel-control-prev, .card .carousel-control-next {	color: #3d3d3d !important;	opacity: 1 !important;}
.carousel-control-prev-icon, .carousel-control-next-icon {	background-image: none;	color: #fff;	font-size: 14px;	background-color: #cd3a54;	height: 32px;
	line-height: 32px;	width: 32px;}
.carousel-control-prev-icon:hover, .carousel-control-next-icon:hover {	opacity: 0.85;}
.carousel-control-prev {	left: 40%;	top: 110%;}
.carousel-control-next {	right: 40%; top: 110%;}
.midline {	width: 60px;	border-top: 1px solid #d43025;}
.carousel-caption h2 {	font-size: 14px;}
.carousel-caption h2 span {	color: #cd3a54;}

 @media (min-width: 320px) and (max-width: 575px) {
.carousel-caption {	position: relative;}
.card .carousel-caption {	left: 0; top: 0;	margin-bottom: 15px;}
.card .carousel-caption img {	margin: 0 auto;}
.carousel-control-prev {	left: 35%;	top: 105%;}
.carousel-control-next {	right: 35%;	top: 105%;}
.card .carousel-caption h3 {	margin-top: 0;	font-size: 16px;	font-weight: 700;}
}
@media (min-width: 576px) and (max-width: 767px) {
.carousel-caption {	position: relative;}
.card .carousel-caption {	left: 0;	top: 0;	margin-bottom: 15px;}
.card .carousel-caption img {	margin: 0 auto;}
.card .carousel-caption h3, .card .carousel-caption small {	text-align: center;}
.carousel-control-prev {	left: 35%;	top: 105%;}
.carousel-control-next {	right: 35%;	top: 105%;}
}
@media (min-width: 767px) and (max-width: 991px) {
.card .carousel-caption h3 {	margin-top: 0;	font-size: 16px;	font-weight: 700;}
}

.footer-sec .cpy p {  padding-left: 0%;}
#slider{      margin: 20px auto;  width: 800px;  height: 608px;  padding: 5px 5px;  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;  position: relative;  background-color: #fff;  border-radius: 4px;}
.slide{  list-style:none;}
#slider>li{  position:absolute; padding:8px;}
#slider img {margin-left:-2px;  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}
span.hd1 {font-size: 15px;}
span.hd2 {font-size: 23.5px;}
span.hd3 {font-size: 27px; color: #9F9F9F;}
.test-innr {  background-color: #000000;  border-radius: 3px;  min-height: 425px;  padding: 25px;  border-radius: 3px;  color: #fff; margin:25px 0px;}
.test-innr h4{ font-size: 22px;}
.test-innr p{ text-align: justify; font-size: 13px;}
.test-innr h4 span{ font-size: 18px; color: #9F9F9F; margin-left:10px;}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {	z-index: 1;	width: 40px;	height: 40px;	border-radius: 50%;	position: absolute;	top: 50%;	transform: translatey(-50%);  border:none;}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next:focus {outline: none;}
.owl-nav button span {	font-size: 60px;	height: 100%;	display: block;	width: 100%;  margin-top: -60px;}
.owl-carousel .owl-nav button.owl-prev {	left: -60px;}
.owl-carousel .owl-nav button.owl-next {	right: -60px;}
.owl-carousel .owl-nav {	margin: 0;}
.cnt{ width:100%; display: inline-block;     padding: 30px 0px; height:80px;     height: 120px;}
ul.contact-wrp {     width: 100%;     padding: 0px 0px;}
ul.contact-wrp li { list-style: none; float: left; margin-right:20px;}
ul.contact-wrp li a { color: #b31313;}
ul.contact-wrp li.conc {     margin-top: 25px;  padding: 4px 12px;  border-radius: 4px;  font-size: 18px;  font-weight: 600;}
li.wte.conc.red a { color: #fff;}
.wht-icn {  display: block;  width: 50px;  height: 50px;  border-radius: 8px;  position: fixed;  top: 50%;  z-index: 99;  background-color: #1ad03f;
  text-align: center;  right: 35px;}
.wht-icn  a {    color: #fff;    font-size: 35px;}  
.soc ul {margin-left:-40px;     float: left;}
.soc ul li { list-style: none; float:left;     margin-right: 18px;     margin-top: 2%;}
.lgo-lft {padding-top: 10px;}
.mob {display: none !important;}
.desk { display: block !important;}
.wrapper { height: 100vh !important;}
.ftr-inr p b { font-size: 18px;}
.rbt{text-align:right;}

.about-sec {background: url(../images/abt.png);
    background-color: #000000;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 27%;}
.about-sec-lft {    
width: 28%;    
min-height: 625px !important;
}
.about-sec-rht {
    width: 72%;
}
.about-sec h4 {font-size: 40px;  font-weight: 700; padding-top: 15%; margin-bottom: 2%;}


@media(min-width:320px) and (max-width:767px) {
html {    overflow-x: hidden;}
ul.contact-wrp li {  float: initial;}
.footer-sec {  background-position: right 0% bottom 0px;}
.footer-sec h4 {  font-size: 30px; margin:0;}
.ftr-inr { width: 100%;}
.soc ul {  margin: 0 auto; }
.footer-sec p {  padding-left: 2%;}
.footer-sec ul li {  margin-bottom: initial;}
.cnt {  height: 285px;}
ul.contact-wrp li {margin-right: 0px !important;}
.cpy {  margin: 20px 0px;}
.pd-left {  padding-left: 0%;}
#slider { width:100%; height: 275px;}
.gallery-sec {  min-height: 560px !important;}
.blk {  width: 100%;}
.service-sec {  height: 5335px;}
.vision-innr {  float: left;  width: 100%;}
.ov {  margin: 0 auto;  margin-top: 15%;}
.innr-sec-lft {  float: left;  width: 100%;  text-align: center !important; margin-bottom: 10%;}
.innr-sec-rht {  float: left;  width: 100%;}
.r1 {  margin: 0;  text-align: center;}
.innr-sec-rht h5 { margin-bottom: 3%;}
.innr-sec-rht h5.r1{margin-bottom: 1%;}
.innr-sec-rht h6 {margin-bottom: 3%;}
.about-sec-lft {  float: left;  width: 100%;}
.about-sec-rht {  float: left;  width: 100%;  padding: 20px;}
.intro-lft {  float: left;  width: 100%;  border-right: 0px solid #9F9F9F;}
.intro-rht {  float: left;  width: 100%;}
.mnu-sec {  height: 15vh;}
.desk {display: none !important;}
.mob { display: block !important;}
.slider-sec {  height: 85vh;}
.slider-sec img {margin-top: 0px;}
.wht-icn {  top: 35%;}
.menu_body__item_wrapper .menu_list li {  padding-left: 35px;}
.intro-rht {  padding-left: 0%;}
.intro-lft {  margin: 8% 0px;}
.intro-sec {  min-height: 680px !important;}
.im-wrp .caption {  width: 90%;}
.im-wrp .caption h4 {  font-size: 35px;}
.about-sec h4 {  padding-top: 10%;  margin-bottom: 5%;}
.core-team-sec {  padding-top: 10%; padding-bottom:10%}
.core-team-sec h5 { text-align: center;}
.vision-sec {  padding-top: 10%;}
.service-sec { padding-top:10%}
.gallery-sec {  padding-top: 10%;}
.testimonials-sec { padding-top:10%;}
.modal.show .modal-dialog {  top: 10%;}
.modal-body {    height: 225px;}
.modal-body iframe {height: 200px;}
.blk {    border-top: 2px solid #ffff;    border-bottom: 2px solid #fff;
    border-left: 0px solid #ffff;    border-right: 0px solid #fff;}
.carousel-indicators {    display: none !important;}

.about-sec {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
}
.about-sec {
    min-height: 1505px !important;
}
.vision-innr {
    float: left;
    width: 100%;
    height: 225px;
}
.vision-innr img {
    width: 100%;
    margin-top: 0px;
}
.form-wrp {
    padding-left: 0%;
    height: 525px;
    padding-top: 5%;
}
.form-wrp button {
    width: 100%;
}
}

@media(min-width:480px) and (max-width:599px) {
.gallery-sec {    min-height: 650px !important;}
#slider {  height: 350px;}
}

@media(min-width:1200px) and (max-width:1359px) {
  ul.contact-wrp li {    width: 31.3%;}
  .soc ul li {    margin-right: 12px;    margin-top: 2%;}
  .container h4 {    width: 55%;}
}

@media(min-width:1200px) and (max-width:1499px) {
  .container {    max-width: 90% !important;}
  .slider-sec img {    margin-top: -90px;    height: 100vh;}
  .innr-sec-rht {    padding-left: 3%;}
  .innr-sec-rht.ctr {  padding-left: 0%;  padding-right: 3%;}
.intro-lft {  width: 25%;}
.intro-lft h4 {  width: 100%;}
.intro-rht {  width: 75%;}

}

@media(min-width:1500px) and (max-width:2560px) {
  .container {    max-width: 90% !important;}

}

@media(min-width:1920px) and (max-width:2560px){
  .vision-innr {    float: left;    width: 38%;}
  .footer-sec {    overflow: hidden;}
  .intro-lft h4 {    width: 84%;}
}