* {

    margin: 0;

}



@font-face {

    font-family: 'ProximaNovaBold';

    src: url('../fonts/Proxima/ProximaNovaBold.otf');

}

/* @font-face {

  font-family: 'Montserrat-Medium';

  src: url('../fonts/montserrat/Montserrat-Medium.ttf');

} */

@font-face {

  font-family: 'ProximaNovaReg';

  src: url('../fonts/Proxima/ProximaNovaReg.otf');

}

/* @font-face {

  font-family: 'Montserrat-SemiBold';

  src: url('../fonts/montserrat/Montserrat-SemiBold.ttf');

} */

html {

  scroll-behavior: smooth;

  overflow-x: hidden;

}

body {

  font-family: 'ProximaNovaReg' !important;
  overflow-x: hidden;

}



header {

  padding: 10px 0px;

}

header .logo img {

  width: 90%;

margin: auto 0;

  display: block;

}

header .menu-list {

  padding-left: 0px;

  display: flex;

  justify-content: space-evenly;

  list-style-type: none;

  margin-bottom: 0px;

}

header .menu-list li a {

  text-decoration: none;

  color: #000;

}



/* Effect 21: borders slight translate */

header .menu-list li a {

	padding: 10px;

	color: #000;

	text-shadow: none;

	-webkit-transition: color 0.3s;

	-moz-transition: color 0.3s;

	transition: color 0.3s;

  position: relative;

}



header .menu-list li a::before,

header .menu-list li a::after {

	position: absolute;

	left: 0;

	width: 100%;

	height: 1px;

	background: #d7121c;

	content: '';

	opacity: 0;

	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

	-moz-transition: opacity 0.3s, -moz-transform 0.3s;

	transition: opacity 0.3s, transform 0.3s;

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	transform: translateY(-10px);

}



header .menu-list li a::before {

	top: 0;

	-webkit-transform: translateY(-10px);

	-moz-transform: translateY(-10px);

	transform: translateY(-10px);

}



header .menu-list li a::after {

	bottom: 0;

	-webkit-transform: translateY(10px);

	-moz-transform: translateY(10px);

	transform: translateY(10px);

}



header .menu-list li a:hover,

header .menu-list li a:focus {

	color: #d7121c;

}



header .menu-list li a:hover::before,

header .menu-list li a:focus::before,

header .menu-list li a:hover::after,

header .menu-list li a:focus::after {

	opacity: 1;

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	transform: translateY(0px);

}



header .menu-list li a.active::before,

header .menu-list li a.active:before,

header .menu-list li a.active:after,

header .menu-list li a.active:after {

	opacity: 1;

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	transform: translateY(0px);

}

header .menu-list li a.active,

header .menu-list li a.active {

	color: #d7121c;

}

.social-line_icon {

  list-style-type: none;

  display: flex;

  justify-content: space-between;

  margin-bottom: 0;

  padding-left: 0;

}

.social-line_icon li img {

  width: 22px;

}



.social-line_icon li {

	box-shadow: 0 0 0 4px rgba(255,255,255,1);

	overflow: hidden;

	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;

	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;

	transition: background 0.3s, color 0.3s, box-shadow 0.3s;

}

.social-line_icon li:hover img {

	-webkit-animation: toBottomFromTop 0.3s forwards;

	-moz-animation: toBottomFromTop 0.3s forwards;

	animation: toBottomFromTop 0.3s forwards;

}



@-webkit-keyframes toBottomFromTop {

	49% {

		-webkit-transform: translateY(100%);

	}

	50% {

		opacity: 0;

		-webkit-transform: translateY(-100%);

	}

	51% {

		opacity: 1;

	}

}

@-moz-keyframes toBottomFromTop {

	49% {

		-moz-transform: translateY(100%);

	}

	50% {

		opacity: 0;

		-moz-transform: translateY(-100%);

	}

	51% {

		opacity: 1;

	}

}

@keyframes toBottomFromTop {

	49% {

		transform: translateY(100%);

	}

	50% {

		opacity: 0;

		transform: translateY(-100%);

	}

	51% {

		opacity: 1;

	}

}





.about-section_bg {

  /* background: #f6f7f8; */

}

.pt-30 {

  padding-top: 30px;

}

.p-t90 {

  padding-top: 60px;

}

.p-b90 {

  padding-bottom: 90px;

}

.font-weight-300 {

  font-weight: 300;

}

.font-30 {

  font-size: 30px;

  line-height: 36px;

}

.font-40 {

  font-size: 40px;

  line-height: 46px;

}

.about-section_left h2 {

  /* font-weight: 600; */

  margin-top: 20px;

  margin-bottom: 24px;

  font-family: 'ProximaNovaBold';

}

.about-section_left p {

  font-size: 14px;

  line-height: 22px;

}

.about-section_left a {

  text-decoration: none;

  margin-top: 15px;

}



.button-lg {

  padding: 15px 35px;

  font-size: 16px;

}

.m-b15 {

  margin-bottom: 15px;

}

/* 1.45(5) half effect button outline style */

.btn-half{cursor: pointer;  background-color: #E94E4E;  z-index: 0;  display:inline-block;  position:relative;}

  

.btn-half span {color: #fff;  display: block;  padding-left: 0%; padding-right: 25px;  text-transform: uppercase; font-size:12px; letter-spacing:5px; transform: scaleX(0.9);  transform-origin: center left;  transition: color 0.3s ease;

  position: relative;  z-index: 1;}

  

.btn-half em {  position: absolute;  height: 1px;  background: #fff;  width: 22%;  right: 23px;  top: 50%;  transform: scaleX(0.25);  transform-origin: center right;  transition: all 0.3s ease;  z-index: 1;}



.btn-half:before,

.btn-half:after {  content: '';  

  /* background-color:rgba(255,255,255,0.2);   */

  height: 50%;  width: 0;  position: absolute;  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}

.btn-half::before {

  background: linear-gradient(to right, #db1952,#d7100b);

}

.btn-half::after {

  background: linear-gradient(to right, #db1952,#d7100b);

}

.btn-half:before {  top: 0;  left: 0;  right: auto;}

.btn-half:after {  bottom: 0;  right: 0;  left: auto;}



.btn-half.site-button:hover{ background-color: #E94E4E; }

.btn-half:hover:before {  width: 100%;  right: 0;  left: auto;}

.btn-half:hover:after {  width: 100%;  left: 0;  right: auto;}



.btn-half:hover span {  color: #fff;}

.btn-half:hover em {  background: #fff;  transform: scaleX(1);}







.m-carousel-1::after {

  content: "";

  position: absolute;

  /* top: 70px;

  left: -70px;

  width: 100%;

  height: 100%;

  background-color: transparent;

  border: 30px solid rgba(0,0,0,0.1); */

  top: 56px;

left: -65px;

width: 100%;

height: 100%;

background-color: transparent;

border: 25px solid rgba(0,0,0,0.1);

}

.m-l100 {

  margin-left: 100px;

}

.m-carousel-1 {

  position: relative;

}

.about-section_right img {

  z-index: 111;

  position: relative;

}





.p-lr80 {

  padding-left: 80px;

  padding-right: 80px;

}

.section-head {

  margin-bottom: 40px;

}

.section-head h2 {

  font-family: 'ProximaNovaBold';

}

.font-36 {

  font-size: 36px;

  line-height: 42px;

}

.wt-separator {

  display: inline-block;

  height: 3px;

  width: 50px;

  position: relative;

}

.bg-black {

  background-color: #000;

}





/*********** Latest Projects ***************/

.bg-repeat {

  background-repeat: repeat;

}

.section-head {

  margin-bottom: 40px;

}

.wt-separator-outer {

  overflow: hidden;

}

.wt-separator {

  display: inline-block;

  height: 3px;

  width: 50px;

  position: relative;

}

.latest-blog-dark-outer {

  height: 250px;

}

.bg-no-repeat {

  background-repeat: no-repeat;

}

.bg-cover {

  background-size: cover;

}

.overlay-wraper {

  position: relative;
  z-index: 111 !important;

}

.m-b30 {

  margin-bottom: 30px;

}

.p-a20 {

  padding: 20px;

}

.overlay-main {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0.5;

}

.opacity-04 {

  opacity: 0.5;

}

.latest-blog-dark {

  position: absolute;

  left: -20px;

  bottom: 20px;

  width: 260px;

  min-height: 100px;

  /* background-color: #000; */

  padding-left: 17px;

  /* background: linear-gradient(#db1952,#d7100b); */

  background: linear-gradient(170deg, #F39158 0%, #E43E3D 50%, #D7084E 75%);

}

.latest-blog-dark-outer2 {

  height: 530px;

}

.latest-blog-square {

  position: absolute;

  right: -60px;

  bottom: 60px;

  width: 400px;

  min-height: 400px;

  padding: 25px 25px 25px 70px;

  /* border: 15px solid #000; */

    border: 10px solid transparent;

    /* border-image: linear-gradient(#db1952,#d7100b); */

    border-image: linear-gradient(170deg, #EB541A 0%, #E43E3D 33%, #D7084E 75%);

    border-image-slice: 1;

    /* background: #00000082; */

    /* -webkit-transform: scale(0); */

    -webkit-transition:0.5s;

    transition: 0.5s;

}

/* .latest-blog-dark-outer2:hover .latest-blog-square {

  border: 10px solid transparent;

    border-image: linear-gradient(#fff,#fff);

    border-image-slice: 1;

    transition: 0.5s;

} */



.latest-blog-square .btn-half:before,

.latest-blog-square .btn-half:after {

  background: #fff;

}

.latest-blog-square .btn-half:hover span {

  color: #000;

}

.latest-blog-square h2 {

  font-family: 'ProximaNovaBold';

}

.latest-blog-dark h3 {

  font-family: 'ProximaNovaBold';

  font-size: 21px;

}

.latest-blog-square p {

  font-size: 14px;

  line-height: 22px;

}

.latest-blog-square a {

  text-decoration: none;

  /* background: transparent !important;

  padding-left: 0; */

}

/* .latest-blog-square .btn-half::before, .latest-blog-square  .btn-half::after { 

  background: transparent !important;

} */

.latest-blog-dark a {

  text-decoration: none;

  background: transparent !important;

  padding-left: 13px;
padding-top: 8px;
margin-bottom: 0px;
border: 1px solid #fff;
padding-bottom: 8px;
padding-right: 13px;
margin-top: 5px;
}

.latest-blog-dark .btn-half::before, .latest-blog-dark .btn-half::after { 

  background: #fff !important;

}
.latest-blog-dark .btn-half:hover span {
  color: #000;
}

.arr-btn {

  position: relative;

bottom: 9px

}

.arrow {

  border: solid black;

  border-width: 0 3px 3px 0;

  display: inline-block;

  padding: 3px;

}



.right {

  transform: rotate(-45deg);

  -webkit-transform: rotate(-45deg);

}

.p-t140 {

  padding-top: 50px;

}

.comp-pro {

  /* box-shadow: inset 0 0 0 2px #f45e61; */

  position: relative;

  vertical-align: middle;

}

/* .comp-pro::before, .comp-pro::after {

  box-sizing: inherit;

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

}

.draw {

  transition: color 0.25s;

}

.draw::before, .draw::after {

  border: 5px solid transparent;

  width: 0;

  height: 0;

}

.draw::before {

  top: 0;

  left: 0;

}

.draw::after {

  bottom: 0;

  right: 0;

}

.draw:hover::before, .draw:hover::after {

  width: 100%;

  height: 100%;

}

.draw:hover::before {

  border-top-color: #fff;

  border-right-color: #fff;

  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;

}

.draw:hover::after {

  border-bottom-color: #fff;

  border-left-color: #fff;

  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;

} */

.comp-pro {

  background-image: url(../images/projects/project-co-1.png);

  transition: .5s;

  border: 5px solid transparent;

}

/* .comp-pro img {

  width: 100%;

  height: 100%;

} */

.ongoing-pro {

  background: url(../images/projects/project-on-1.jpg);

  transition: .5s !important;

  background-size: cover;

  border: 5px solid transparent;

}

.upcoming-pro {

  background: url(../images/projects/project-up-1.png);

  transition: .5s !important;

  background-size: cover;

  border: 5px solid transparent;

}

.comp-pro:hover {

  /* background-image: url(../images/projects/proj-2.jpg); */

  /* transition: .5s; */

  box-shadow: 0 .5rem 1rem rgba(215, 16, 11, 0.24) !important;

  border: 5px solid #fff;

  /* transform: scale(0.8); */

}

.ongoing-pro:hover {

  /* background: url(../images/projects/proj-4.jpg); */

  /* transition: .4s !important; */

  box-shadow: 0 .5rem 1rem rgba(215, 16, 11, 0.24) !important;

  border: 5px solid #fff;

}

.upcoming-pro:hover {

  /* background: url(../images/projects/proj-6.jpg); */

  /* transition: .4s !important; */

  box-shadow: 0 .5rem 1rem rgba(215, 16, 11, 0.24) !important;

  border: 5px solid #fff;

}





.the-arrow.-right > .shaft::after {

  transform: rotate(-40deg);

}

.the-arrow.-right > .shaft::before, .the-arrow.-right > .shaft::after {

  width: 8px;

  transition-delay: 0.3s;

  transition: all 0.5s;

}

.the-arrow > .shaft::after {

  transform-origin: bottom right;

}

.the-arrow > .shaft::before, .the-arrow > .shaft::after {

  background-color: #fff;

  content: "";

  display: block;

  height: 1px;

  position: absolute;

  top: 0;

  right: 0;

  transition: all 0.2s;

  transition-delay: 0;

}

.the-arrow.-right > .shaft::before {

  transform: rotate(40deg);

}

.the-arrow > .shaft::before {

  transform-origin: top right;

}

.the-arrow.-right > .shaft {

  width: 64px;

  transition-delay: 0.2s;

}

.the-arrow > .shaft {

  /* background-color: #999; */

  display: block;

  height: 1px;

  position: relative;

  transition: all 0.2s;

    transition-delay: 0s;

  transition-delay: 0;

  will-change: transform;

}

.the-arrow {

  position: absolute !important;

  right: -39px;

  /* bottom: 23px; */

}

.latest-blog-square .btn-half em {

  width: 40%;

}

.latest-blog-square .btn-half:hover em {

  background: #000;

  transform: scaleX(1);

  width: 20%;

}

.latest-blog-dark .btn-half em {

  width: 40%;

  right: 0;

}

.latest-blog-dark .btn-half:hover em {

  background: #000;

  transform: scaleX(1);

  width: 20%;

}
.latest-blog-dark .btn-half:hover .the-arrow > .shaft::before, .latest-blog-dark .btn-half:hover .the-arrow > .shaft::after {
  background: #000;
}




/************ Highlights section *************/

.bg-parallax {

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

.p-tb100 {

  padding-bottom: 100px;

  padding-top: 100px;

}

.opacity-08 {

  opacity: 0.8;

}

.some-facts::after {

  bottom: -14.5px;

  /* background: linear-gradient(to right, #d7100b,#d7100b); */

}

.some-facts::before {

  top: -15px;

  /* background: linear-gradient(to right, #d7100b,#d7100b); */

}

.some-facts::after, .some-facts::before {

  content: "";

  position: absolute;

  background-color: #fff;

  right: -15px;

  width: 15px;

  height: 140px;

}

.some-facts {

  position: relative;

  padding: 60px 30px 60px 50px;

  border: 15px solid #fff;

  border-right: 0px !important;

  /* border: 15px solid transparent;

    border-image: linear-gradient(to right, #db1952,#d7100b);

    border-image-slice: 1; */

}

.some-facts h2 {

  font-family: 'ProximaNovaBold';

  font-size: 37px;

  margin-bottom: 28px;

}

.some-facts p {

  line-height: 26px;

}

.some-facts-counter {

  padding-top: 130px;

}

.some-facts-counter .counter {

  font-family: 'ProximaNovaBold';

}

.wt-icon-box-wraper {

  position: relative;

}

.m-b30 {

  margin-bottom: 30px;

}

.p-a10 {

  padding: 10px;

}

.bg-white {

  background-color: #FFF;

}

.pb-60 {

  padding-bottom: 60px;

}

.m-b20 {

  margin-bottom: 12px;

}

.icon-content span.title {

  font-size: 14px;

}



/*-------------------------------------

	7. Testimonials 

-------------------------------------*/

.testimonial-pic {background:#FFF; 	width:100px; 	height:100px;	position:relative;	display:inline-block;	border:5px solid #FFF; }

.testimonial-pic.radius {border-radius:100%; 	-webkit-border-radius:100%;	-moz-border-radius:100%;}

.testimonial-pic.radius img {width:100%; 	border-radius:100%; 	-webkit-border-radius:100%;	-moz-border-radius:100%;}

.testimonial-pic.shadow {

	-webkit-box-shadow:2px 3px 6px -3px rgba(0, 0, 0, 0.35);

	-moz-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);

	box-shadow:2px 3px 6px -3px rgba(0, 0, 0, 0.35);

}

.quote-left,

.quote-right {position:relative;}



.quote-left:before,

.quote-right:after {font-family: "FontAwesome";	position:absolute ;	z-index:10;	top:15px;}



.quote-left:before {content:"\f10d"; 	left:0;}

.quote-right:after {content:"\f10e";	left:auto;	right:0; }

.testimonial-text {	padding:15px;	position:relative;}

.testimonial-text p:last-child{	margin:0;}

.testimonial-detail {padding:5px;}



.testimonial-name,

.testimonial-position {display:block;}

.testimonial-position {font-style:italic;}

.testimonial-text p {margin:0;}



/*7.1 testimonial with background image*/

.testimonial-bg {color:#fff;}



.testimonial-6,

.testimonial-grid-6{position: relative;}



.testimonial-6{	padding:4px 4px 4px 4px;}

.testimonial-6 .testimonial-text,

.testimonial-grid-6 .testimonial-text{

	padding: 30px 30px 12px;

	/* margin-bottom:20px;

	-webkit-box-shadow: 3px 3px 5px rgb(0,0,0,0.1) ;

	box-shadow: 3px 3px 5px 0 rgb(0,0,0,0.1); */

}

.testimonial-6 .testimonial-pic,

.testimonial-grid-6 .testimonial-pic{

	width:80px;

	height:80px;

	position:relative;

	border:0px; 

}

.testimonial-paragraph.p-t15 {

  padding-top: 8px !important;

}

.testimonial-6 .testimonial-pic:after,

.testimonial-6 .testimonial-pic:before,

.testimonial-grid-6 .testimonial-pic:after,

.testimonial-grid-6 .testimonial-pic:before{

	content:"";

	position:absolute;

	background-color:#000;

}

.testimonial-6 .testimonial-pic:after,

.testimonial-grid-6 .testimonial-pic:after{

	left:-3px;

	top:-3px;

	width:3px;

	height:30px;

}

.testimonial-6 .testimonial-pic:before,

.testimonial-grid-6 .testimonial-pic:before{

	left:0px;

	top:-3px;

	width:30px;

	height:3px;

}



.testimonial-6 .testimonial-name,

.testimonial-grid-6 .testimonial-name,

.testimonial-6 .testimonial-position,

.testimonial-grid-6 .testimonial-position{

    display: block;

}

.testimonial-6 .fa-quote-left,

.testimonial-grid-6 .fa-quote-left{

	font-size:18px;

}



.testimonial-6 .testimonial-paragraph p,

.testimonial-grid-6 .testimonial-paragraph p{

	padding:0px 0px;

  font-size: 14px;

line-height: 24px;

}



.testimonial-6 .testimonial-name,

.testimonial-grid-6 .testimonial-name{

    color:#000;

	/* text-transform:uppercase; */

	font-size:18px;

  font-family: 'ProximaNovaBold';

  font-weight: normal !important;

}



.testimonial-6 .testimonial-position,

.testimonial-grid-6 .testimonial-position{

	font-style: italic;

  font-size: 13px;

}



.testimonial-6 .testimonial-detail,

.testimonial-grid-6 .testimonial-detail{

	padding-left:0px;

	padding-right:0px;

}



/* testimonial 6 owl-dots*/

.testimonial-home.owl-carousel .owl-page .owl-page span{

	height:10px;

	width: 20px;

	background: no-repeat;

	border: 1px solid #000;

	-webkit-transition: all 0.5s linear;

	-moz-transition: all 0.5s linear;

	-ms-transition: all 0.5s linear;

	-o-transition: all 0.5s linear;

	transition: all 0.5s linear;

}

.testimonial-home.owl-carousel .owl-pagination .owl-page.active span{

	border: none;

	background-color: #000 !important;

	-webkit-transition: all 0.5s linear;

	-moz-transition: all 0.5s linear;

	-ms-transition: all 0.5s linear;

	-o-transition: all 0.5s linear;

	transition: all 0.5s linear;

}

.testimonial-pic img {

  width: 100%;

}

.testimonial-home.owl-carousel .owl-item:nth-of-type(odd) {

  /* margin-right: 80px; */

  /* padding-right: 30px; */

}

.testimonial-home.owl-carousel .owl-item:nth-of-type(even) {

  /* padding-left: 30px; */

}

.owl-theme .owl-controls .owl-page span {

  width: 22px !important;

  height: 8px !important;

  border-radius: 0px !important;

  border: 1px solid #000 !important;

  background: transparent !important;

  opacity: 1 !important;

  margin: 5px 2px !important;

}

.p-t15 {

  padding-top: 15px;

}

.owl-theme .owl-controls {

  text-align: left !important;

  padding: 0px 30px !important;

}



/************* Contact section **************/

.square_shape4::after {

  left: -820px;

  top: -260px;

}

.square_shape1::after, .square_shape2::before, .square_shape3::before, .square_shape4::after {

  width: 800px;

  height: 800px;

  position: absolute;

  content: "";

  border: 40px solid rgba(191,191,191,0.1);

  -moz-transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

  z-index: -1;

}

.square_shape1, .square_shape2, .square_shape3, .square_shape4 {

  position: relative;

  overflow: hidden;

  z-index: 0;

  background: linear-gradient(#db1952,#d7100b);

  /* height: 200px; */

}

.square_shape4 h2 {

  font-family: 'ProximaNovaBold';

}

.p-tb40 {

  padding-bottom: 40px;

  padding-top: 40px;

}

.cont-info img {

  width: 33px;

}

.cont-info a {

  color: #fff;

  text-decoration: none;

}

.w-23 {

  width: 23px !important;

}

.enquire-sec {

  position: absolute;

  right: 0px;

  width: 126px;

  transform: translateY(-50%);

top: 50%;

}

.enqiure-btn {

  background: #fff;

  border-radius: 0px;

  color: #000;

  width: 100%;

}

.enqiure-btn img {

  width: 20px;

  margin-right: 5px;

}

/* .enquire-sec .the-arrow.-right > .shaft::after {

  transform: rotate(36deg);

}

.enquire-sec .the-arrow.-right > .shaft::before, .enquire-sec .the-arrow.-right > .shaft::after {

  width: 8px;

  transition-delay: 0.3s;

  transition: all 0.5s;

}

.enquire-sec .the-arrow > .shaft::after {

  transform-origin: bottom left;

}

.enquire-sec .the-arrow > .shaft::before, .enquire-sec .the-arrow > .shaft::after {

  background-color: #000;

  content: "";

  display: block;

  height: 1px;

  position: absolute;

  top: 0;

  right: unset;

  left: 0;

  transition: all 0.2s;

  transition-delay: 0;

}

.enquire-sec .the-arrow.-right > .shaft::before {

  transform: rotate(-45deg);

}

.enquire-sec .the-arrow > .shaft::before {

  transform-origin: top left;

}

.enquire-sec .the-arrow.-right > .shaft {

  width: 64px;

  transition-delay: 0.2s;

}

.enquire-sec .the-arrow > .shaft {

  background-color: #000;

  display: block;

  height: 1px;

  position: relative;

  transition: all 0.2s;

    transition-delay: 0s;

  transition-delay: 0;

  will-change: transform;

}

.enquire-sec .the-arrow {

  position: absolute !important;

  right: unset;

  left: 0px;

} */





/************* Form ***************/

.floating-label { 

  position:relative; 

  /* margin-bottom:20px;  */

}

.floating-input , .floating-select {

  font-size:14px;

  padding:4px 4px;

  display:block;

  width:100%;

  height:30px;

  background-color: transparent;

  border:none;

  border-bottom: 1px solid rgba(255, 255, 255, 0.33);

  color: #fff;
  border-radius: 0px;

}



.floating-input:focus , .floating-select:focus {

     outline:none;

     border-bottom:2px solid #fff; 

}



.floating-label label {

  color:rgba(255, 255, 255, .71);

  font-size:15px;

  font-weight:normal;

  position:absolute;

  pointer-events:none;

  left:5px;

  top:0px;

  transition:0.2s ease all; 

  -moz-transition:0.2s ease all; 

  -webkit-transition:0.2s ease all;

  letter-spacing: 0.01em;

  /* font-style: italic; */

}



.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {

  top:-18px;

  font-size:12px;

  color:#fff;

}



.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {

  top:-18px;

  font-size:14px;

  color:#fff;

}



/* active state */

.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {

  width:50%;

}



.floating-select option {

  background: #000;

}

.floating-textarea {

   min-height: 30px;

   max-height: 260px; 

   overflow:hidden;

  overflow-x: hidden; 

}

.drop-section .btn {

  background: #DC4226;

  border-radius: 6px;

  height: 30px;

  line-height: 18px;

  width: 100px;

  margin: 20px auto 60px;

}



footer {

  background: linear-gradient(#1b1a1a,#0a0a0a);

}

footer p {

  font-size: 13px;

  color: #ffffffb5;

  margin-bottom: 0px;

  padding: 15px 0px;

}

footer a {

  font-size: 13px;

  color: #ffffffb5 !important;

  margin-bottom: 0px;

  padding: 15px 0px;

  text-decoration: none !important;

}

.req {

  color: #fff;

}

.error {

  color: #fff;

  font-size: 12px;

}

.mt-40 {

  margin-top: 40px;

}

.overlay-popup-bg {

	position: fixed;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: rgba(0, 0, 0, 0.7);

	transition: opacity 500ms;

	display: none;

	z-index: 11111;

}

.popup {

	margin: 35px auto;

	padding: 20px;

	background: #fff;

	border-radius: 5px;

	width: 30%;

	position: relative;

	transition: all .5s ease-in-out;

	top: 100px;

}

.popup .close {

	position: absolute;

	top: 6px;

	right: 10px;

	transition: all 200ms;

	font-size: 23px;

	font-weight: bold;

	text-decoration: none;

	color: #333;

    cursor: pointer;

}

.popup .close:hover {

  	color: #C54E47;

}

.popup .content {

  	max-height: 30%;

  	overflow: auto;

/*	margin-top: 5%;*/

	text-align: center;

/*	font-weight: bold;*/

}

.popup .content h3 {

    font-size: 20px;

    margin: auto;

}

.popup .content a {

    font-size: 15px;

}

.popup .content a:hover {

    text-decoration: none;

}



.mt-15 {

  margin-top: 15px;

}

.sub-btn {

  background: #fff;

  padding: 3px 10px;

  border-radius: 0px;

  box-shadow: none;
  color: #000;

}

.f-20 {

  font-size: 20px !important;

line-height: 1px !important;

}



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

  .popup{

    width: 70%;

  }

}





.go-back {

  background-color: #fff;

  color: #d7100c;

  text-decoration: none;

  border-radius: 60px;

  height: 32px;

  display: inline-flex;

  align-items: center;

  overflow:hidden;

  width: auto;

  max-width: 32px; /** I'm animating max-width because width needs to be auto, and auto can't be animated **/

  -webkit-transition: max-width 0.5s;

  transition: max-width 0.5s;

  position: absolute;

  right: 5px;

  transform: translateY(-50%);

top: 12%;

cursor: pointer;

}



.go-back:hover {

  max-width: 300px;

}



.go-back .icon {

  /* font-family: "Font Awesome 5 Free"; */

  font-size: 16px;

  /* margin-right: 15px; */

  padding: 0px 8px;

  display: flex;

  align-items: center;
  margin: 0;
opacity: 1;

}



.go-back .text {

  white-space: nowrap;

  padding-right: 15px;

}

.go-back img {

  width: 20px !important;

}



.rev_slider_wrapper {

  height: 630px !important;

}

.rev_slider {

  height: 630px !important;

}

.tp-revslider-mainul, .tp-revslider-slidesli {

  height: 630px !important;

}

.new-bullet-bar.tparrows::before { 

  line-height: 56px !important;

}

.new-bullet-bar.tparrows {

  min-width: 55px !important;

  min-height: 55px !important;

  top: 55% !important;

}

.tp-rightarrow {

  right: -80px !important;

}



/* .abt-title {

  display: flex;

} */

.abt-title h2 {

  font-family: 'ProximaNovaBold';

  font-size: 25px

}

.abt-title h2 span {

  background: #fff;

  padding: 5px 10px;

}

.abt-title hr {

  margin-top: -26px;

  border-color: #AEA8A8;

}

.abt-title #h2inpre, .abt-title #h2inpos{

  /* background-color:#fff; */

  background: #fff;

  height:50px;

   width:20px;

   border-bottom:1px solid #000;

   border-top:1px solid #000;

}

.abt-title #h2inpre{

      border-left:1px solid #000;   

}

.abt-title #h2inpos{

    border-right:1px solid #000;   

   clear:right;

}

.abt-title #h2cont{

color: #212529;

font-family: 'ProximaNovaBold';

font-size: 25px;

line-height: 50px;

background: #fff;

width: 203px;

text-align: center;

}

.abt-title #h2pre{

  height:1px;

   width:100%;

   background-color:#000;

   margin-top:25px;

   position:absolute;

   float:none;

}

.mt-60 {

  margin-top: 60px;

}



@media (max-width: 600px) {

  .testimonial-home.owl-carousel .owl-item:nth-of-type(odd) {

    padding-right: 0px;

  }

  .testimonial-home.owl-carousel .owl-item:nth-of-type(even) {

    padding-left: 0px;

  }

  .latest-blog-square {

    position: absolute;

    left: 5%;

    bottom: 60px;

    width: 90%;

    padding: 25px 25px 25px 25px;

  }

  .some-facts-counter {

    padding-top: 60px;

  }

  .p-tb100 {

    padding-bottom: 60px;

  }

  .some-facts::after, .some-facts::before {

    content: "";

    position: absolute;

    background-color: #fff;

    right: -10px;

    width: 13px;

  }

  .button-lg {

    padding: 15px 20px;

  }

  .cont-info {

    margin-top: 7%;

padding: 0;

  }

  .font-36 {

    font-size: 32px;

  }

  .font-40 {

    font-size: 35px;

  }

  .p-t90, .p-b90 {

    padding-top: 25px;

  }

  .about-section_left h2 {

    margin-bottom: 6px;

    margin-top: 3px;

  }

  .some-facts h2 {

    font-size: 30px;

  }

  .m-carousel-1::after {

    content: "";

    position: absolute;

    top: 32px;

    left: -33px;

    width: 100%;

    height: 100%;

    background-color: transparent;

    border: 13px solid rgba(0,0,0,0.1);

}

.m-l100 {

  margin-left: 53px;

}

.latest-blog-square h2 {

  line-height: 29px;

}

.font-30 {

  font-size: 25px;

}

.rev_slider_wrapper {

  height: 160px !important;

}

.rev_slider {

  height: 160px !important;

}

.tp-revslider-mainul, .tp-revslider-slidesli {

  height: 160px !important;

}

.testimonial-6 .testimonial-text, .testimonial-grid-6 .testimonial-text {

  padding: 0;

}

.owl-theme .owl-controls {

  text-align: left !important;

  padding: 0px 0px !important;

}

}

@media screen and (min-width: 576px) and (max-width: 767px) {

  .container {

      max-width: 100%;

    }

    .latest-blog-square {

      left: -20px;

    }

    .rev_slider_wrapper {

      height: 250px !important;

    }

    .rev_slider {

      height: 250px !important;

    }

    .tp-revslider-mainul, .tp-revslider-slidesli {

      height: 250px !important;

    }

    .p-t90 {

      padding-top: 25px;

    }

}

@media screen and (min-width: 767px) and (max-width: 992px) {

  .latest-blog-square {

    position: absolute;

    left: -20px;

  }

  .rev_slider_wrapper {

    height: 300px !important;

  }

  .rev_slider {

    height: 300px !important;

  }

  .tp-revslider-mainul, .tp-revslider-slidesli {

    height: 300px !important;

  }

  .p-t90 {

    padding-top: 30px;

  }

}



@media screen and (min-width: 992px) and (max-width: 1199px) {

  .latest-blog-square {

    position: absolute;

    right: -30px;

  }

  .rev_slider_wrapper {

    height: 450px !important;

  }

  .rev_slider {

    height: 450px !important;

  }

  .tp-revslider-mainul, .tp-revslider-slidesli {

    height: 450px !important;

  }
  .d-b-m {
    display: block;
  }
  .d-n-m {
    display: none;
  }
}



@media (max-width: 1199px) {

  .p-b90 {

    padding-bottom: 50px !important;

  }

}



@media (max-width: 992px) {

  .d-b-m {
    display: none;
  }

}
@media (min-width: 1199px) {

  .d-b-m {
    display: none;
  }

}

@media screen and (min-width: 1920px) {

/* header {
  position: absolute;
width: 100%;
background: #fff;
z-index: 1;
} */
  .rev_slider_wrapper {

    height: 96vh !important;

  }

  .rev_slider {

    height: 96vh !important;

  }

  .tp-revslider-mainul, .tp-revslider-slidesli {

    height: 96vh !important;

  }
}


.factory-section {
  margin-bottom: 5%;
}
.factory-carousel-main {
  margin-top: 72px;
  margin-right: -2%;
  z-index: 1;
}
.factory-carousel .owl-item img {
  width: 90%;
  margin-left: auto;
  display: block;
}
.factory-carousel.owl-theme .owl-controls .owl-page span {
  width: 13px !important;
  height: 13px !important;
  border-radius: 100px !important;
}

.factory-carousel.owl-theme .owl-controls .owl-page.active span {
  background: #1b1a1a !important;
}
.factory-carousel .owl-pagination {
  justify-content: center;
  display: flex;
}
.factory-section .title-box {
  border: 1px solid #000;
  height: 300px;
}
.factory-section .title-box h4 {
  font-family: 'ProximaNovaBold';
  font-size: 30px;
  text-transform: uppercase;
  color: #000;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  margin-left: 62%;
  z-index: 1;
}
.factory-section .title-box-2 {
  height: 300px;
  padding: 0px 5px;
}
.factory-section .title-box-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 600px) {
  .factory-section .title-box, .factory-section .title-box-2 {
    height: 145px;
  }
  .factory-carousel-main {
    order: 2;
    margin-top: 7px;
  }
  .factory-carousel .owl-item img {
    width: 100%;
  }
  #projects.pb-60 {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 600px) and (max-width: 992px) {
  .factory-section .title-box h4 {
    margin-left: 48%;
  }
  .factory-section .title-box, .factory-section .title-box-2 {
    height: 260px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .factory-section .title-box h4 {
    margin-left: 53%;
  }
}



.onload-overlay-popup-bg {
	position: fixed;
	/* top: 0; */
	/* bottom: 0; */
	/* left: 0; */
	right: 0;
	background: #fff;
	transition: opacity 500ms;
	/* display: none; */
	z-index: 11111;
  bottom: -250px;
  -webkit-transition: opacity 2s ease-out, bottom 2s ease-out;
  -moz-transition: opacity 2s ease-out, bottom 2s ease-out;
  -o-transition: opacity 2s ease-out, bottom 2s ease-out;
  transition: opacity 2s ease-out, bottom 2s ease-out;
  opacity: 0;
}
.onload-popup {
	margin: 0px auto;
	padding: 15px 12px;
	background: #fff;
	/* border-radius: 5px; */
	width: 100%;
	position: relative;
	/* transition: all .5s ease-in-out; */

}
.onload-popup .onload-close {
	position: absolute;
  top: -32px;
  right: 10px;
  transition: all 200ms;
  font-size: 23px;
  font-weight: bold;
  text-decoration: none;
  color: #000 !important;
  cursor: pointer;
  background: #fff;
  width: 22px;
  height: 22px;
  border-radius: 100px;
  line-height: 23px;
  text-align: center;
}
.onload-popup .onload-close:hover {
  	color: #C54E47;
}
.onload-popup .onload-content {
  	max-height: 30%;
  	overflow: auto;
/*	margin-top: 5%;*/
	text-align: center;
/*	font-weight: bold;*/
padding: 5px;
cursor: pointer;
}
.onload-popup .onload-content h3 {
  font-size: 16px;
  font-family: 'ProximaNovaBold';
  margin: auto;
  text-transform: uppercase;
}
.onload-popup .onload-content a {
    font-size: 15px;
}
.onload-popup .onload-content a:hover {
    text-decoration: none;
}

.onload-popup .onload-content img {
  width: 230px;
}
.onload-content hr {
  margin: 5px auto;
  border-style: dashed;
}

@media (max-width: 600px) {
  .onload-popup .onload-content img {
    width: 230px;
  }
}