@font-face {
  font-family: "logo"; /* set name */
  src: url("../fonts/arno_bold.otf"); /* url of the font */
}
.logofont{
	font-family: "logo";
	font-size: 30px;
	text-align: center;
	color: #E90003;
}
.logosub{
	font-family: "logo";
	font-size: 24px;
	text-align: left;
	color: #E90003;
}
.padbottom{
	margin-bottom: 8px;
}
.popbg{
	background-color: #fbfbfb;
    padding: 25px 25px 0px 25px;
	box-shadow: 0px 0px 15px 0px #ffb3b3;
	text-align: center;
}

/*gallery*/
.gbg{
	background-color: #faf3e9;
	margin-bottom: 25px;
}
.imgellery{
	background-color: #fff;
	padding: 15px;
	margin-bottom: 15px;
	box-shadow: 2px 0px 0px 5px #000;
	text-align: center;
}
.padbottom {
    margin-bottom: 20px;
}
.padbtom15{
	margin-bottom: 15px
}
.padbtom20{
	margin-bottom: 15px
}
.padbtom25{
	margin-bottom: 15px
}
.padbtom30{
	margin-bottom: 15px
}
.padbtom35{
	margin-bottom: 15px
}
.padbtom40{
	margin-bottom: 15px
}
.padbtom50{
	margin-bottom: 15px
}
.padbtom55{
	margin-bottom: 55px
}
.padbtom60{
	margin-bottom: 60px
}


.gaymenu{
	display: flex;
	width: 100%;
}


/*new menu*/
.clickh-fil {
  
      text-align: center;
    margin-bottom: 25px;
	
}
.fil-wrap .clickh-fil > li {
  display: inline-block;
	
}
.fil-wrap .clickh-fil > li:last-child {
  margin-right: 0;
}
.fil-wrap .clickh-fil li {
  position: relative;
  z-index: 1;
  margin-bottom: 4px;
}
.fil-wrap .clickh-fil li.active a {
  border-radius: 3px;
  transition: 0.5s all ease;
  color: #fff;
  background-color: #fbae12;
  box-shadow: 0 8px 10px rgba(12, 12, 12, 0.1);
}
.fil-wrap .clickh-fil li.active a:hover {
  background-color: #fbae12;
}
.fil-wrap .clickh-fil li.active a:hover a {
  color: #fff;
}
.fil-wrap .clickh-fil li a {
  color: #443935;
  font-size: 14px;
  position: relative;
  z-index: 1;
  display: block;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 5px 10px;
  border-radius: 3px;
  transition: 0.5s all ease;
}
.fil-wrap .clickh-fil li a:hover {
  background-color: #fbae12;
  box-shadow: 0 8px 10px rgba(12, 12, 12, 0.1);
  color: #fff;
}











/*new menu end*/


.breadcumb-wrapper {
	position: relative;
	background-color: var(--title-color);
	background-position: left top;
	padding: 163px 0;
	overflow: hidden;
	text-align: center
}

@media (max-width: 1199px) {
	.breadcumb-wrapper {
		padding: 150px 0
	}

	.breadcumb-title {
		margin: -0.18em 0 -0.18em 0
	}

	.breadcumb-menu li,
	.breadcumb-menu a,
	.breadcumb-menu span {
		font-size: 16px;
		line-height: 26px
	}
}

@media (max-width: 991px) {
	.breadcumb-wrapper {
		padding: 130px 0
	}
}

@media (max-width: 575px) {
	.breadcumb-wrapper {
		padding: 130px 0
	}

	.breadcumb-title {
		font-size: 44px;
		line-height: 54px
	}
}
@media (max-width: 600px) {
  .blog-post-5-outer .wt-post-media {
    background-color: #fff;
  margin-right: 0px;
  position: relative;
  z-index: 1;
  }
}


@media (max-width: 375px) {
	.breadcumb-wrapper {
		padding: 120px 0
	}
	.breadcumb-wrapper {
   
	background-size: cover;
}




	.breadcumb-title {
		font-size: 34px;
		line-height: 44px
	}

	.breadcumb-menu {
		margin: 15px 0 -0.5em 0
	}
}

.breadcumb-title {
    margin: -0.12em 0 -0.18em 0;
    font-size: 54px;
    font-family: var(--title-font);
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
}
.breadcumb-wrapper {
    position: relative;
    background-color: var(--title-color);
    background-position: left top;
    padding: 240px 0;
    overflow: hidden;
    text-align: center;
	background-size: cover;
}
/**/
.innbg_a{
	background-image: url("../images/inner/cont.jpg");
    background-size: cover;
	padding: 240px 0;
	color: #fff;
}
@media (max-width: 600px) {
	.innbg_a {
		padding: 120px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
	}
	@media only screen and (min-width: 600px) {
		.innbg_a {
		padding: 226px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
	
	}

/*/
/**/
.innbg_b{
	background-image: url("../images/inner/com.jpg");
    background-size: cover;
	padding: 240px 0;
	color: #fff;
}
@media (max-width: 600px) {
	.innbg_b {
		padding: 120px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
	}
	@media only screen and (min-width: 600px) {
		.innbg_b {
		padding: 226px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
	
	}

/*/
/**/
.manakody{
	background-image: url("../images/project/1/banner.jpg");
    background-size: cover;
	padding: 240px 0;
	color: #fff;
}
@media (max-width: 600px) {
	.manakody {
		padding: 120px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
	}
	@media only screen and (min-width: 600px) {
		.manakody {
		padding: 226px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
	
	}

/*/

/*social works*/
.socialwrk{
	background-image: url("../images/social_wrk.jpg");
    background-size: cover;
	padding: 240px 0;
	color: #fff;
}
@media (max-width: 600px) {
	.socialwrk {
		padding: 120px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
	}
	@media only screen and (min-width: 600px) {
		.socialwrk {
		padding: 226px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
	
	}

/*/
/*social works*/
.videob{
	background-image: url("../images/video.jpg");
    background-size: cover;
	padding: 240px 0;
	color: #fff;
}
@media (max-width: 600px) {
	.videob {
		padding: 120px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
	}
	@media only screen and (min-width: 600px) {
		.videob {
		padding: 226px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
	
	}

/*/
/*completepro works*/
.completepro{
	background-image: url("../images/comp.jpg");
    background-size: cover;
	padding: 240px 0;
	color: #fff;
}
@media (max-width: 600px) {
	.completepro {
		padding: 120px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
	}
	@media only screen and (min-width: 600px) {
		.completepro {
		padding: 226px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
	
	}

/*/

/*ongoing works*/
.ongoingpro{
	background-image: url("../images/ongoing.jpg");
    background-size: cover;
	padding: 240px 0;
	color: #fff;
}
@media (max-width: 600px) {
	.ongoingpro {
		padding: 120px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
		.logofont {
  font-family: "logo";
  font-size: 22px;
  text-align: center;
  color: #E90003;
}
	.breadcumb-title {
  margin: -0.12em 0 -0.18em 0;
  font-size: 35px;
  font-family: var(--title-font);
  color: #fff;
  font-weight: 700;
  text-transform: capitalize;
}
	}
	@media only screen and (min-width: 600px) {
		.ongoingpro {
		padding: 226px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
	
	
	}

/*/
/*Inugration works*/
.inugrationwk{
	background-image: url("../images/inug.jpg");
    background-size: cover;
	padding: 240px 0;
	color: #fff;
}
@media (max-width: 600px) {
	
	
	.inugrationwk {
		padding: 120px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
	}
	@media only screen and (min-width: 600px) {
		.inugrationwk {
		padding: 226px 0;
    background-size: cover;
    text-align: center;
    background-position: center;
  
	}
	
	}

/*/

/*gallery end*/


.linkmem {
    position: fixed;
    right: 0px;
    float: right;
    padding: -11px;
    /* height: 350px; */
    /* display: block; */
 
    /* border-radius: 30px 0 0 30px; */
    overflow: hidden;
    z-index: 94;
    border-radius: 15px;
    top: 355px;
    LINE-HEIGHT: 16px;
    text-align: center;
    font-size: 12px;
    border-radius: 10px;
  
    padding: 8px;
    color: #fff;
}
.linkmem2 {
    position: fixed;
    right: 0px;
    float: right;
    padding: -11px;
    /* height: 350px; */
    /* display: block; */
 
    /* border-radius: 30px 0 0 30px; */
    overflow: hidden;
    z-index: 94;
    border-radius: 15px;
    top: 400px;
    LINE-HEIGHT: 16px;
    text-align: center;
    font-size: 12px;
    border-radius: 10px;
  
    padding: 8px;
    color: #fff;
}

/*scroll effects*/

:root {
	 --animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	 --animation-duration: 1s;
}
 @keyframes slideInUp {
	 0% {
		 opacity: 0;
		 transform: translateY(25%);
	}
	 100% {
		 opacity: 1;
		 transform: none;
	}
}
 @keyframes slideInDown {
	 0% {
		 opacity: 0;
		 transform: translateY(-25%);
	}
	 100% {
		 opacity: 1;
		 transform: none;
	}
}
 @keyframes slideInleft {
	 0% {
		 opacity: 0;
		 transform: translateX(25%);
	}
	 100% {
		 opacity: 1;
		 transform: none;
	}
}
 @keyframes slideInRight {
	 0% {
		 opacity: 0;
		 transform: translateX(-25%);
	}
	 100% {
		 opacity: 1;
		 transform: none;
	}
}
 @keyframes fadeIn {
	 0% {
		 opacity: 0;
	}
	 100% {
		 opacity: 1;
	}
}
 @keyframes zoomIn {
	 0% {
		 opacity: 0;
		 transform: scale(0.75);
	}
	 100% {
		 opacity: 1;
		 transform: none;
	}
}
 @keyframes zoomReverseIn {
	 0% {
		 opacity: 0;
		 transform: scale(1.25);
	}
	 100% {
		 opacity: 1;
		 transform: none;
	}
}
 @keyframes flipInY {
	 0% {
		 opacity: 0;
		 transform: perspective(90vw) rotateY(67.5deg);
	}
	 100% {
		 opacity: 1;
		 transform: none;
	}
}
 [data-animation] {
	 opacity: 0;
	 animation-timing-function: var(--animation-timing-function);
	 animation-fill-mode: both;
	 animation-duration: var(--animation-duration);
	 will-change: transform, opacity;
}
 .animations-disabled, .animations-disabled [data-animation] {
	 animation: none !important;
	 opacity: 1 !important;
}
 .slideInUp {
	 animation-name: slideInUp;
}
 .slideInDown {
	 animation-name: slideInDown;
}
 .slideInLeft {
	 animation-name: slideInleft;
}
 .slideInRight {
	 animation-name: slideInRight;
}
 .fadeIn {
	 animation-name: fadeIn;
}
 .zoomIn {
	 animation-name: zoomIn;
}
 .zoomReverseIn {
	 animation-name: zoomReverseIn;
}
 .flipInY {
	 animation-name: flipInY;
}
 .flipOutY {
	 animation-name: flipInY;
	 animation-direction: reverse;
}
 * {
	 box-sizing: border-box;
	 line-height: calc(1em + 0.25rem);
}
 .box {
	 width: 7rem;
	 height: 7rem;
	 margin: 1rem;
	 background: radial-gradient(circle at top right, #e61a5d, #5e1ae6);
	 border-radius: 1.5rem;
	 box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) inset, 0 3px 9px rgba(0, 0, 0, 0.3);
}
 
/*end*/
/*projects*/
.pro{
	margin-bottom: 	15px;
	
}
.htextc{
	text-align: center;
    margin-bottom: 14px;
    font-size: 40px;
    color: #000;
    font-family: "Marcellus", serif;
    margin-top: 25px;
}
.htextl{
	text-align: left;
    margin-bottom: 14px;
    font-size: 40px;
    color: #000;
    font-family: "Marcellus", serif;
}
.comhd{
	text-align: center;
    margin-bottom: 45px;
    font-size: 40px;
    color: #000;
    font-family: "Marcellus", serif;
}
.comsubhd{
	text-align: center;
    margin-bottom: 45px;
    font-size: 30px;
    color: #000;
    font-family: "Marcellus", serif;
}
.txt{
	text-align: center;
	text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
}

/*end*/
/*gallery start*/
.imgslider{
	width: 100%;
	margin: auto;
	
}
.prolink{
	    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    font-size: 15px;
    color: #242121;
    background-color: #ffffff;
    padding: 15px;
    margin-top: 9px;
}
a.prolink{
	    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    font-size: 15px;
    color: #fff;
    background-color: #DF6303;
    padding: 15px;
    margin-top: 9px;
}

.prolink:hover{
	    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    font-size: 15px;
    color: #fff;
    background-color: #DF6303;
    padding: 15px;
    margin-top: 9px;
	transition-duration: 0.4s;
}
.imageslide2{
	position: relative;
	
}
.protexthd{
	position: absolute;
    text-align: center;
    background-color: red;
    top: 0px;
    border: 0;
	color: #fff;
	padding: 15px;
	z-index: 9;
}

/*gallery end*/


/*li tag css*/
.tagl{
	margin-right: 7px;
	font-size: 18px;
	padding-top: 3px;
	text-align: left;
	
}
.wbg{
	background-color: #fff;
	padding-top: 25px;
	margin-top: 35px;
	
}
.quk{
	
	padding-top: 25px;
	margin-top: 35px;
	padding-bottom: 25px;
}

/*li tag css end*/
.uleftpad{
	padding-left: 	25px;
}


/*image slider script css*/

/*image slider cript css end*/


/*re edit home page*/
.bgal{
	width: 100%;
	margin: auto;
	padding: 10px 0px 10px 0px;
	
}



/*re edit home page end*/


/**/
@font-face {
  font-family: "logo"; /* set name */
  src: url("../fonts/arno_bold.otf"); /* url of the font */
}
.bgwt{
	background-color: #fff;
	padding: 45px 0px 85px 0px;
}
.tophd{
	font-family:"Marcellus", serif;
	font-size: 25px;
	text-align: center;
	color: #008505;
	padding-bottom: 10px;	
}
.onginghd{
	font-family: "logo";
	font-size: 47px;
	text-align: center;
	color: #E90003;
	padding-bottom: 18px;	
}
.para p{
	margin-top: 25px;
    margin-bottom: 25px;
    font-size: 17px;
    font-family: "arial";
    line-height: 25px;
	text-align: justify;
}
.uline{
    border-bottom: 1px dotted #ccc;
    padding-bottom: 6px;
    width: 100%;
    margin-bottom: 5px;
	 font-family: "arial";
	
}
.accesstxt{
	font-size: 22px;
	color: #E80003;
	margin-top: 10px;
	font-family:"Marcellus", serif;
	font-weight: bold;
	margin-bottom: 15px;
}

.radiuimg{
	border-radius: 15px;	
} 
/**/




/*real estate*/
.realbg{
background-color: #fffefb;
    box-shadow: 0px 0px 11px 1px #e9e9e9;
    border-radius: 15px;
    padding: 15px;
}
.realhd{
	text-align: center;
    margin-bottom: 5px;
    font-size: 40px;
    color: #000;
	padding-top: 10px;
    font-family: "Marcellus", serif;
}

.realtitle{
	text-align: center;
    margin-bottom: 15px;
    font-size: 40px;
    color: #000;
    font-family: "Marcellus", serif;
}
/**/