@charset "utf-8";



 body {

	font-family: 'Lato', sans-serif;

	-webkit-transition: right 0.5s;

	-moz-transition: right 0.5s;

    transition: right 0.5s;

	right: 0;

	position: relative;

 }

h1, h2, h3, h4, h5, h6, p{font-family: 'Lato', sans-serif; color: #988f80;}

p{ color: #ccc;}

li{font-family: 'Lato', sans-serif;}

a, a:hover{ text-decoration: none;}

.m-t-30{

	margin-top: 30px;

}

body.toggle-active{

	right: 250px;

    width: 100%;

    overflow: hidden;

    height: 100%;

    -webkit-transition: right 0.5s;

    transition: right 0.5s;

	width: 100%;

	height: 100%;

 }

/* Toggle Styles */

#wrapper {

    padding: 0;

}

#sidebar-wrapper {

	width: 250px;

    z-index: 1000;

    position: fixed;

    right: -250px;

    /*height: 100%;

    overflow: hidden;*/

    background: #303030;

    -moz-transition: right 0.5s;

    -o-transition: right 0.5s;

	-webkit-transition: right 0.5s;

    transition: right 0.5s;

	padding: 0;

	top: 0;

	bottom:0;

}

#wrapper.toggled #sidebar-wrapper {

    width: 250px;

	right: 0;

	padding: 0;

	-moz-transition: right 0.5s;

    -o-transition: right 0.5s;

	-webkit-transition: right 0.5s;

    transition: right 0.5s;

	overflow-y: scroll;

    overflow-x: hidden;

}

#page-content-wrapper {

    width: 100%;

    position: relative;

	background: #252525;

}

.header{

	width: 100%;

	padding: 15px 30px 10px;

    position: absolute;

	top: 0;

    z-index: 999;

}

#wrapper.toggled #page-content-wrapper {

    position: relative;

}

#wrapper.toggled .header {

    position: absolute;

    top: 0;

    z-index: 999;

	padding: 15px 30px 10px;

}

.menu-toggle{

	width: 48px;

	height: 48px;

	background: url(../images/toggle.png) no-repeat;

	border: none;

	position: absolute;

    top: 10px;

    right: 25px;

    margin: 0;

}

.menu-toggle-close{

	width: 48px;

    height: 48px;

    background: url(../images/toggle-close.png) no-repeat;

    position: absolute;

    right: 25px;

    padding: 0;

    top: 10px;

}

.dropdown-menu-item{

	margin: 0;

	padding: 0;

	display: none;

	background: #231f20;

}

.icon-right{

    padding: 28px;

	width: 30px;

    height: 30px;

	background: #2a2627 url(../images/icon-right.png) no-repeat 21px 21px;

	position: absolute;

    right: 0;

    top: 0;

}

.icon-down{

    padding: 28px;

	width: 30px;

    height: 30px;

	background: #2a2627 url(../images/icon-down.png) no-repeat 20px 21px;

	position: absolute;

    right: 0;

    top: 0;

}

.logo{

	margin: 0;

	padding: 0;

	display: inline-block;

}

/* Sidebar Styles */

.sidebar-nav {

    position: absolute;

    top: 0;

    width: 250px;

    margin: 0;

    padding: 25px 0;

    list-style: none;

	overflow: hidden;

	oveflow-y: scroll;

	}

.sidebar-nav li {

	display: block;

    position: relative;

}

.sidebar-nav li a {

    font-size: 18px;

    display: block;

    padding: 15px 25px;

    border-bottom: 1px solid #222;

	color: #eee;

}

.sidebar-nav li a.active{

	color: #a78d62;

}

.sidebar-nav li a:hover {

    text-decoration: none;

    color: #fff;

    background: rgba(255,255,255,0.2);

}

.sidebar-nav li a:active,

.sidebar-nav li a:focus {

    text-decoration: none;

}

.dropdown-menu-item li a{

	border-bottom: 1px solid #2a2627;

	 font-size: 14px;

	 padding: 15px 15px 15px 45px;

}

.video-slider {

    position: relative;

    overflow: hidden;

}

video {

    max-width: 100%;

    width: 100%;

	height: 100%;

}

.overlay-video{

	position: absolute;

    z-index: 100;

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

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.slider-title{

	position: absolute;

    top: 35%;

    width: 100%;

    text-align: center;

	z-index: 99999;

}

.slider-title h2{

	 font-size: 50px;

	 color: #ccc;

	 text-shadow: 3px 0px 7px #000;

	 font-family: 'Playfair Display', serif;

}

.about-container{

	padding: 60px 0;

}

.about-container-inner{

	display: block;

	padding: 0 180px;

}

.about-container p{

	font-size: 22px;

	font-family: 'Playfair Display', serif;

	line-height:42px;

	font-style: italic;

}

.portfolio-container{

	display: block;

	padding: 0 0 60px;

}



.about-container h3, .portfolio-container h3{

	margin: 0 0 5px;

	color: #988f80;

	font-weight: 700;

	text-transform: uppercase;

	font-size: 15px;

	line-height: 32px;

}

.portfolio-thumb{

	max-height: 367px;

	overflow: hidden;

	margin: 0 0 50px;

}

.portfolio-thumb a {

    overflow: hidden;

    position: relative;

    display: block;

}

.portfolio-thumb img {

    position: relative;

    width: 100%;

    height: auto;

    display: block;

	opacity: 0.8;

}

.portfolio-thumb .icon-play {

    position: absolute;

    width: 62px;

    height: 62px;

    top: 40%;

    left: 40%;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    opacity: 0.6;

	background: url(../images/icon-play.png) no-repeat;

}

.portfolio-desc{

	display: block;

	margin-top: 15px;

}

.portfolio-desc p{

	color: #fff;

	letter-spacing: 0.5px;

}

.portfolio-desc a{

	font-size: 12px;

    text-transform: uppercase;

	font-weight: 700;

    display: block;

    margin: 5px 0 3px;

    color: #988f80;

	text-decoration: none;

}

.portfolio-desc span{

	font-size: 12px;

	color: #bab5a9;

	text-transform: uppercase;

	margin-bottom: 15px;

	display: block;

}

.portfolio-thumb .thumb-zoom {

    position: absolute;

    border: 2px solid #ffffff;

    width: 110%;

    height: 110%;

    top: -5%;

    left: -5%;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

    transition: all 0.5s;

}

.portfolio-thumb a:hover .thumb-zoom {

    width: 90%;

    height: 90%;

    top: 5%;

    left: 5%;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

    transition: all 0.5s;

}

.portfolio-thumb a:hover .icon-play{

	opacity: 1;

	-webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.quick-info{

	display: block;

	padding: 0 0 60px;

}

.quick-info h3{

	margin: 0 0 30px;

}

/*testimonials*/

.testimonial{

	padding: 60px 0;

	background: #f2f2f2;

}

.testimonial-content{

	position:relative;

	padding: 0;

}

.testimonial-content p span{

	padding: 3px 20px;

	font-size: 18px;

}



.testimonial-name{

	margin: 0;

	color: #a78d62;

	font-size: 20px;

}

.testimonial-designation{

	color: #a78d62;

	font-size: 14px;

}

#testimonialCarousel .carousel-control{

	top: 240px;

}

#testimonialCarousel .carousel-control.left{

	left: 150px;

	background-image: none;

}

#testimonialCarousel .carousel-control.right{

    right: 150px;

	background-image: none;

}

.test-img{

	width: 80px;

	height: 80px;

	border-radius: 50%;

	margin: 20px 0 10px;

}

/*testimonials*/

.service-list li{

}

.service-list li a{

	font-size: 14px;

	color: #ccc;

	background: #333;

	margin: 5px 0;

	display: block;

	padding: 5px 15px;

	border-radius: 3px;

	transition: 1s ease;

}

.service-list li a:hover{

	background: #444;

	transition: 1s ease;

}

.btn-read{

	background: #444;

	color: #ccc;

	border-radius: 5px;

}

.btn-read:hover{

	color: #fff;

}

.footer{

	padding: 25px 0;

    background: #303030;

}

.footer p.copyright{

	font-size: 10px;

	margin: 15px 0;

	color: #eee;

	letter-spacing: 0.7px;

	text-transform: uppercase;

}

.footer p{

	margin: 0;

	font-size: 13px;

}

.footer p a{

	color: #fff;

}



.quick-links li{

	float: left;

	padding: 0 3px;

	color: #ccc;

}

.quick-links li a{ 

    color: #ccc;

	font-size: 13px;

	padding: 0 5px 0 0;

}

.social-media-icon {

	display: inline-block;

    float: right;

}

.social-media-icon ul {

    margin: 0;

    padding: 11px 0 0;

	display: inline-block;

}

.social-media-icon ul li{

	float: left;

}

.social-media-icon ul li a{

    display: inline-block;

    margin: 0 8px;

    padding: 0;

	color: #7e7e7e;

	font-size: 24px;

}

.social-media-icon ul li a:hover{

	color: #fff;

}

.banner .banner-content {

    padding: 130px 15px;

    text-align: center;

	background-size: cover;

	min-height: 350px;

}

.banner-about{

    background: url(../images/banner-about.jpg) no-repeat center top; 

}

.banner-contact{

    background: url(../images/banner-contact.jpg) no-repeat center top; 

}

.banner-portfolio{

    background: url(../images/banner-portfolio.jpg) no-repeat center top; 

}

.banner-txt{

	font-size: 60px;

	color: #eee;

}

.about-content{

	padding: 60px 0;

}

.about-content{

	display: block;

	padding: 0;

}

.about-content p{

	font-size: 14px;

	font-family: 'Lato', sans-serif;

}

p.txt-caption{

	font-family: 'Berkshire Swash', cursive;

	font-size: 16px;

}

.about-list{

	margin: 0;

	padding: 0 20px;

}

.about-list li{

	color: #ccc;

	padding: 4px 0;

}

.contact-container{

	display: block;

	padding: 60px 0;

}

.contact-container h3{

	margin: 0 0 20px;

	color: #ccc;

	font-weight: 500;

}

.input-control{

	background: #333;

	border: 1px solid #222;

	border-radius: 0;

	padding: 18px 12px;

}

.input-control[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{

	appearance: none;

	-webkit-appearance: none;

    -moz-appearance: none;

}

.textarea-control{

	background: #333;

	border: 1px solid #222;

	border-radius: 0;

	height: 180px !important;

	resize: none;

}

.address{

	display: block;

	padding: 0 30px;

}

.btn-submit{

	border-radius: 3px;

	background: #333;

	color: #ccc;

	font-size: 16px;

	padding: 8px 20px;

}

.map .embed-responsive-4by3{

	padding-bottom: 50%;	

}

.portfolio-wrapper{

	display: block;

	padding: 60px;

	position: relative;

}

.portfolio-wrapper h3{

	margin: 0 0 20px;

	color: #ccc;

	font-weight: 500;

}

.portfolio-content{

	width: 100%;

	height: 100%;

	position: relative;

}

.portfolio-item{

    position: absolute;

}

.portfolio-item-holder{

	float: left;

    width: 100%;

    height: auto;

    position: relative;

    overflow: hidden;

}

.portfolio-img{

	float: left;

    width: 100%;

    position: relative;

	overflow: hidden;

}

.portfolio-img img{

    width: 100%;

    height: auto;

    position: relative;

    z-index: 1; 

	display: block; 

}

.portfolio-img .image-popup{

    position: absolute;

    top: -60px;

    left: 40%;

    width: 50px;

    height: 50px;

    line-height: 50px;

	margin: 0;

    border-radius: 100%;

    z-index: 11;

    color: #000;

    cursor: pointer;

    background: rgba(255,255,255,0.6);

	transition: 1s ease;

	display: block;

	text-align: center;

}

.portfolio-img:hover a.image-popup{

    top: 60px;

	transition: 1s ease;

}	

.portfolio-detail{

    border: 1px solid #eee;

    position: absolute;

    bottom: -90px;

    z-index: 20;

    background: transparent;

    padding: 0 18px 10px;

    border: none;

	width: 100%;

    -webkit-transition: 1s ease;

    transition: 1s ease;

	text-align: center;

}

.portfolio-detail h3{

	margin: 0 0 10px;

	color: #fff;

}

.portfolio-detail h3 a{

    font-weight: 700;

    font-size: 14px;

    position: relative;

    padding: 10px 0;

	color: #fff;

}

.portfolio-detail span {

    font-weight: 600;

    color: #fff;

    float: left;

    position: relative;

    z-index: 2;

    text-align: center;

    width: 100%;

    letter-spacing: 1px;

    font-size: 11px;

}	

.portfolio-item-holder:hover .portfolio-detail{

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

	z-index: 50;

}

.portfolio-item:hover .portfolio-detail {

	text-align: center;

    bottom: 40%;

	-webkit-transition: 1s ease;

    transition: 1s ease;

}

@media (max-width: 767px){

	.portfolio-wrapper{

		 padding: 60px 0;

		 overflow: hidden;

	}

   .portfolio-thumb{

		margin: 0 0 20px;

	}

   .portfolio-container{

		padding: 0 0 30px;

	}

   .about-container-inner{

		 padding: 0 10px;

	}

   .mob-t-20{

		margin-top: 20px;

	}

   #testimonialCarousel .carousel-control{

	    top: 270px;

    }

   #testimonialCarousel .carousel-control.left{

	    left: 0;

	    background-image: none;

     }

   #testimonialCarousel .carousel-control.right{

        left: 40px;

		right: inherit;

	    background-image: none;

     }

   .address{

	   display: block;

	   padding: 0;

   }

}
.tricta_Proj p{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
	text-align: justify;
}	

.sitemap-container h2 {
	font-size: 24px;
	margin-bottom: 20px;
  }

  .sitemap-container ul {
	list-style-type: none;
	padding: 0;
  }
  .sitemap-container ul li {
	margin: 10px 0;
  }
  .sitemap-container ul li i {
	color: #e2e8ee;
	margin-right: 8px;
	width:20px;
  }
  .sitemap-container a {
	text-decoration: none;
	color: #f0efef;
	font-size: 18px;
	position: relative;
  }
  .sitemap-container a:hover {
	color: #988f80;
  }

  /* Custom underline */
  .sitemap-container a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px; /* Position underline below the text */
	width: 100%;
	height: 2px;
	background-color: #007bff; /* Custom underline color */
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform 0.3s ease;
  }
  /* Hover effect */
  .sitemap-container a:hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
  }