/*
	Template Name: BizCraft Responsive HTML5/CSS3 Template
	Author: tripples
	Author URI: http://shapebootstrap.net/user/tripples
	Description: BizCraft Responsive HTML5/CSS3 Template.
	Version: 1.0
*/

/* Table of Content
==================================================
1.	Global Styles
2. 	Typography
3. 	Common Styles
4.	Header area
5.	Slideshow
6.	Services and Features
7.	Image Block
6.	About (Landing and Featured Tab)
9.	Portfolio
10.	Counter
11.	Team
12.	Pricing
13.	Testimonial
14. Video block
15.	Recent Post
16. Clients
17. Twitter
18. Contact
19. Footer
20. Copyright
21. Sub pages
22. Blog
23. Landing page
24.	Style Swithcer (you can delete the css)
*/





/* Global styles
================================================== */

html{
	overflow-x: hidden !important;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body{
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #1a1a1a;
	background: #fff;
}
.about .about-item .about-item-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    background: var(--bs-light);
    transition: 0.5s;
}

h1, h2, h3{
	color: #1a1a1a;
}
  
.body-inner{
	position: relative;
	overflow: hidden;
}

a:link,
a:visited{
    text-decoration: none;
}


a:hover{
	text-decoration: none;
	color: #000;
}

a.read-more{
	color: #1a1a1a;
}

section{
	padding: 20px 0;
	position: relative;
}

.ts-padding {
  padding: 50px;
}

.no-padding{
	padding: 0;
}

.media>.pull-left{
	margin-right: 20px;
}
.isotope {
    padding-left: 20px; /* Adjust left padding */
    padding-right: 20px; /* Adjust right padding */
}

.isotope-item {
    margin: 0 20px; /* Adjust horizontal spacing between cards */
}
@media (min-width: 1024px){
    .isotope-nav {
    margin: -30px auto 100px;
    display: inline-block;
    position: relative;
    z-index: 100;
    }
    	.title.classic {
		line-height: 40px;
		height: 34px;
		margin-left: -1px;
	}
	.title-icon {
		font-size: 32px;
		margin-right: 0px;
		margin-top: 9px;
		color: #ee3b24;
		margin-left: -1px;
	}
}
.heading{
	padding-bottom: 50px;
	margin-top: 10px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.gap-60 {
	clear: both;
	height: 60px;
}

.gap-40 {
	clear: both;
	height: 40px;
}

.gap-30 {
	clear: both;
	height: 30px;
}
.gap-20 {
	clear: both;
	height: 20px;
}

a:focus{
	outline: 0;
}
.features-section-three .row {
    display: flex; /* Use flexbox for layout */
    flex-wrap: wrap; /* Allow wrapping of items */
    justify-content: center; /* Center align items */
}

.feature-block-three {
    flex: 0 0 calc(33.33%- 20px); /* Set width to 40% for shorter blocks */
    max-width: calc(33.33% - 20px); /* Ensure max width is consistent */
    margin: 10px; /* Space between items */
}

@media (max-width: 768px) {
    .feature-block-three {
        flex: 0 0 calc(90% - 20px); /* Full width on smaller screens */
        max-width: calc(90% - 20px);
    }
}

.responsive-image {
    width: 100%; /* Make the image responsive */
    height: 200px; /* Reduce height to make images smaller */
    object-fit: cover; /* Maintain aspect ratio */
    border-radius: 20px; /* Keep rounded corners */
}

.features-section-three.no-pd-top{
	padding-top: 0;
}
.more{
	margin: 10px 0;
	padding: 10px;
	cursor: pointer;
	border-radius: 20px;
	color: #FFF;
	background: #ee3b24;
	border: none;
}


.inner-box {
    padding: 10px; /* Optional padding within the inner box */
}

.image-container {
    margin-bottom: 15px; /* Space between image and heading */
	display: flex;
	align-items: flex-start;
}

.feature-block-three .inner-box{
	position: relative;
	padding: 20px 30px;
	padding-left: 170px;
	padding-right: 100px;
	background-color:#ffffff;
	border: 1px solid #ee3b24;
	box-shadow: 0 30px 40px rgba(0,0,0,0.10);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	overflow: hidden;
	border-radius: 20px;
}

.feature-block-three .inner-box:hover{
	box-shadow: none;
}

.feature-block-three .icon-box{
	position: absolute;
	left: 50px;
	top: 0;
	height: 100%;
	width: 70px;
	padding: 0 20px;
}

.feature-block-three .icon-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #ee3b24;
	content: "";
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(-15deg);
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.feature-block-three .inner-box:hover .icon-box:before{
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(15deg);
}

.feature-block-three .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	font-size: 40px;
	line-height: 1em;
  	margin-top: -20px;
  	margin-left: -20px;
	color: #ffffff;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.feature-block-three .inner-box:hover .icon-box .icon{
	-webkit-transform: scale(-1) rotate(180deg);
	-moz-transform: scale(-1) rotate(180deg);
	-ms-transform: scale(-1) rotate(180deg);
	-o-transform: scale(-1) rotate(180deg);
	transform: scale(-1) rotate(180deg);
}

.feature-block-three h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #1a1a1a;
	font-weight: 700;
	margin-bottom: 10px;
}

.feature-block-three h4 a{
	color: #1a1a1a;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block-three h4 a:hover{
	color: #ee3b24;
}

.feature-block-three .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #1a1a1a;
	font-weight: 400;
	cursor: default;
}

.feature-block-three .link-box{
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -20px;
	font-size: 20px;
	border-radius: 50%;
}

.feature-block-three .link-box a{
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	line-height: 20px;
	font-size: 14px;
	color: #ffffff;
	background-color: #ee3b24;
	border-radius: 10px;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.feature-block-three .inner-box:hover .link-box a{
	transform:rotate(360deg);
	border-radius:0px;
}

.feature-block-three .inner-box:hover .link-box a{
	color: #ffffff;
	box-shadow: 0 10px 20px rgba(0,0,0,0.10);
}







/* Typography
================================================== */

body, p{
	font-family: "Poppins";
	 
	font-size: 15px;
	line-height: 1.6em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Ubuntu";
	text-transform: capitalize;
	letter-spacing: 0.5px;
}

h1{
    font-size: 36px;
    line-height: 48px;
}

h2{
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
}

h3{
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
}

h4{
    font-size: 18px;
    line-height: 28px;
}

h5{
    font-size: 14px;
    line-height: 24px;
}

/* Button variation */

.btn.btn-primary{
	color: #1a1a1a;
	border-radius: 50px;
	padding: 10px 30px;
	background: none;
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.btn.btn-primary:hover{
	color: #fff;
}

.btn.btn-primary.white{
	border: 2px solid #fff;
	color: #fff;
}

.btn.btn-primary.white:hover{
	border: 2px solid transparent;
}

.btn.btn-primary.square{
	border-radius: 0;
	color: #fff;
}

.btn.btn-primary.solid{
	color: #fff;
}


.btn.btn-primary.solid.blank:hover{
	color: #333;
}

.btn.btn-primary.solid:hover{
	background: none;
}

ul.circle, ul.check-list{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.circle li{
	position: relative;
	margin-left: 30px;
	padding-bottom: 20px;

}

ul.circle li:before{
	content: "\f111";
	font-family: "Poppins";
	font-size: 8px;
	line-height: 8px;
	border: 2px solid rgba(0, 0, 0,.1);
	border-radius: 100%;
	position: absolute;
	left: -33px;
	top: 5px;
}

ul.unstyled{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.check-list li{
	margin-bottom: 5px;
}

ul.check-list li i{
	margin-right: 10px;
	font-size: 14px !important;
}

ul.arrow li:before{
	content: "\f105";
	font-family: "Poppins";
	margin-right: 10px;
}

blockquote p{
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	font-style: italic;
	color: #959595;
}

blockquote {
	margin: 20px 0;
}



/* Common styles
================================================== */

/* Angle */

.angle:before {
	background: #fff;
	content: "";
	height: 75px;
	top: -37px;
	position: absolute;
	width: 100%;
	z-index: 2;
	-webkit-transform: skew(0deg,2deg);
	-moz-transform: skew(0deg,2deg);
	-ms-transform: skewX(0deg) skewY(2deg);
	-o-transform: skew(0deg,2deg);
	transform: skew(0deg,2deg);
}

.portfolio.angle:before{
	background: #f5f5f5;
}

.portfolio.angle{
	padding-bottom: 120px;
}

.clients.angle{
	padding: 120px 0;
}

/* Parallax */

.parallax {
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-attachment: fixed !important;
	padding: 110px 0;
	color: #fff;
	position: relative;
}

.parallax h2, .parallax h3{
	color: #fff;
	margin-top: 0;
}
.parallax .btn{
	color: #fff;
}

.parallax-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url(../images/banner/overlay\ \(1\).jpg) no-repeat center center; /* Darker gradient overlay */
    background-size: cover; /* Cover the entire area */
}
@media (min-width: 740px) and (max-width: 1480px) {
	.feature-block-three .inner-box {
	  position: relative;
	  padding: 20px 30px;
	  padding-left: 10px;
	  padding-right: 10px;
	  background-color: #ffffff;
	  border: 1px solid #ee3b24;
	  box-shadow: 0 30px 40px rgb(0 0 0 / 10%);
	  -webkit-transition: all 500ms ease;
	  -moz-transition: all 500ms ease;
	  -ms-transition: all 500ms ease;
	  -o-transition: all 500ms ease;
	  transition: all 500ms ease;
	  overflow: hidden;
	  border-radius: 20px;
	}
  }
  
.parallax-overlay2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 89%;
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../images/liberty.jpg) no-repeat center center; /* Darker gradient overlay */
    background-size: cover; /* Cover the entire area */
}

/* Additional media query for small devices */
@media (max-width: 768px) {
    .parallax-overlay .footer {
        background-position: center; /* Ensure the image stays centered on small screens */
        background-size: cover;
		background-size: cover; /* Adjust size to fit within the overlay */
    }
    
	.title-icon {
		font-size: 32px;
		margin-right: 0px;
		margin-top: 9px;
		color: #ee3b24;
		margin-left: -1px;
	}
}
.bannerr{
	width: fit-content;
	object-fit: cover;
}

.parallax h3{
	margin-bottom: 30px;
}

.parallax1{
	background: url(../images/parallax/parallax1.jpg) no-repeat;
}

.parallax2{
	background: url(../images/parallax/parallax2.jpg) no-repeat;
}

.parallax3{
	background: url(../images/parallax/parallax3.jpg) no-repeat;
}

.parallax4{
	background: url(../images/parallax/parallax4.jpg) no-repeat;
}

.parallax .btn.solid {
	margin-left: 10px;
}


/* Deafult title */

.title-icon{
	font-size: 32px;
	margin-right: 0px;
	margin-top: 9px;
	color: #ee3b24;
	margin-left: -200px;
}

.title-icon.classic{
	margin-top: 0;
}

.title{
	position: relative;
	margin: 0;
	line-height: 32px;
	border-left: 2px solid #e7e7e7;
	display: inline-block;
	padding-left: 15px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
 }

 .title.classic{
	line-height: 40px;
  	height: 34px;
	margin-left: -75px;
}

 .title-desc{
 	font-family: "Poppins";
 	font-size: 16px;
 	line-height: 18px;
 	font-weight: 400;
 	text-transform: capitalize;
 	display: block;
 	color: #6A6A6A
 }

/* Title style 2 */

.title2{
	position: relative;
	margin-top: 30px;
}

.title2:after{
	content: '';
	width: 150px;
	left: 50%;
	margin-left: -75px;
	top: 50%;
	height: 3px;
	background: #dedede;
	position: absolute;
}

.title2 .title-desc{
	padding-top: 30px;
}


/* Title border */

.title-border{
	line-height: normal;
	margin-top: 0;
}

.widget-title{
	margin-bottom: 25px;
	font-size: 20px;
}

.post-title{
	font-size: 24px;
	line-height: normal;
}

.post-title a{
	color: #1a1a1a;
}

.long-desc{
	font-size: 16px;
}


/* Icon pentagon */

.icon-pentagon{
	display: inline-block;
	height: 24px;
	width: 40px;
	position: relative;
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.icon-pentagon:hover{
	color: #ee3b24;
}

.icon-pentagon:before{
	border-left: 20px solid rgba(0, 0, 0, 0);
	border-right: 20px solid rgba(0, 0, 0, 0);
	top: -10px;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}

.icon-pentagon:after {
	border-left: 20px solid rgba(0, 0, 0, 0);
	border-right: 20px solid rgba(0, 0, 0, 0);
	bottom: -10px;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}

.icon-pentagon i{
	font-size: 20px;
	line-height: 24px;
}

.service-icon {
	height: 36px;
	width: 50px;
	margin-bottom: 30px;
}

.service-icon i {
	font-size: 30px;
	line-height: 30px;
}

/* Carousel controller */

.carousel-control{
	width: auto;
}
.ts-carousel-controller{
	text-align: center;
	padding-top: 50px;
	z-index: 1;
	position: relative;
}

.ts-carousel-controller .left,
.ts-carousel-controller .right, 
.owl-controls .owl-prev, 
.owl-controls .owl-next{
	cursor: pointer;
	background: #f6f6f6;
	width: 38px;
	height: 38px;
	line-height: 38px;
	color: #989898;
	opacity: 1;
	top: auto;
	text-shadow: none;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
}
.owl-controls .owl-next{
	margin-left: 6px;
}

.ts-carousel-controller .left:hover,
.ts-carousel-controller .right:hover,
.owl-controls .owl-prev:hover, 
.owl-controls .owl-next:hover{
	color: #fff;
}

.owl-controls .owl-page, 
.owl-controls .owl-buttons div{
	display: inline-block;
}

/* Input form */

.form-control{
	box-shadow: none;
	border: 1px solid #dedede;
	padding: 6px 20px;
	height: 50px;
	background: none;
	color: #959595;
	font-size: 14px;
	border-radius: 0;
}

.form-control:focus{
	box-shadow: none;
}

/*-- Flex slider --*/

.portfolio-slider .flexslider,
.ts-flex-slider .flexslider{
	border: 0;
	box-shadow: none ;
}

.portfolio-slider .flex-direction-nav a,
.ts-flex-slider .flex-direction-nav a{
	opacity: 0;
	background: #000;
	color: #fff !important;
	text-align: center;
	text-shadow: none;
	line-height: 40px;
}

.portfolio-slider .flex-direction-nav a:before{
	font-size: 32px;
}

.portfolio-slider .flex-direction-nav a:hover,
.ts-flex-slider .flex-direction-nav a:hover {
	color: #fff;
	opacity: 1;
}

.flexportfolio.flexslider .slides img{
	height: auto;
}

/*-- Pagination --*/

.pagination li a{
	border-radius: 0 !important;
	margin-right: 8px;
}

.pagination>.active>a, .pagination>.active>a:hover,
.pagination>li>a:hover{
	color: #fff;
	border: 1px solid transparent;
}

/* Header area
================================================== */

/*-- Header style 1 --*/

.header-solid{
	background: #1a1a1a;
	box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2);
}

.header-solid ul.navbar-nav > li > a{
	color: #fff;
}

/*-- Logo --*/

.navbar-header{
	z-index: 9999;
}

.navbar-brand.navbar-bg{
	position: absolute;
	left: 0;
	padding: 3px 15px 10px;
	width: 20%;
	height: 62px;
	line-height: 62px;

}

.navbar-brand img{
	float: right;
	padding: 0 15px;

}
.grid {
    position: relative; /* Make the grid a positioning context for absolute children */
}

.click-me {
    position: absolute; /* Position it over the image */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust for centering */
    color: #fff; /* Change color as needed */
    background-color: rgba(0, 0, 0, 0.5); /* Optional background for visibility */
    padding: 10px;
    cursor: pointer; /* Change cursor to pointer */
}

.effect-oscar figcaption {
    display: none; /* Hide figcaption initially */
}

.grid .close-icon {
    position: absolute;
    top: 10px; /* Adjust as needed */
    right: 10px; /* Adjust as needed */
    color: #fff; /* Change color as needed */
    cursor: pointer; /* Change cursor to pointer */
    font-size: 30px !important; /* Set the size of the icon */
    width: 40px; /* Set a width for the icon */
    height: 40px; /* Set a height for the icon */
	
}

/* Main navigation */

.navbar{
	border-radius: 0;
	border: 0;
	margin-bottom: 0;
}

.navbar-right{
	padding-right: 0;
}

.navbar-right .dropdown-menu {
	right: auto;
	left: 0;
}

.navbar-toggle{
	border-radius: 0;
	margin-right: 5px;
}

.navbar-toggle .icon-bar{
	background: #fff;
}

ul.navbar-nav > li > a{
	font-family: "Poppins";
  	text-transform: uppercase;
  	font-size: 14px;
	color: #fff;
	padding-top: 22px;
	padding-bottom: 20px;
	line-height: 20px;
}

ul.navbar-nav > li:last-child a{
	padding-right: 0;
}


ul.navbar-nav > li > a i{
	font-weight: 700;
}

.nav .open>a, .nav .open>a:hover, 
.nav .open>a:focus{
	background: transparent;
	border:0;
}

/* Dropdown */

.dropdown-menu{
	border: 0;
	border-radius: 0px;
	width: 100%;
	box-shadow: none;
	background: none;
	min-width: 180px;
}

.dropdown-menu > ul{
	list-style: none;
	padding: 0 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: -5px;
	background: #fff;
	background-color: rgba(255,255,255,0.95);
	box-shadow: 0 2px .09px rgba(0,0,0,0.15);
}

.dropdown-menu > ul > li > a{
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
	padding: 15px;
	color: #333;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}


.dropdown-menu > ul > li:last-child > a{
	border-bottom: 0;
}

.dropdown-menu > ul > li>a:hover, 
.dropdown-menu > ul > li>a:focus{
	background: none;
}

.nav>li.megamenu{ 
	position: static;
}

.nav>li.megamenu .dropdown-menu {
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding:20px !important;
	z-index: 1000;
	border-radius: 0;
	top: auto;
}

.nav>li.megamenu .dropdown-menu ul{
	margin-top: 4px;
	padding: 20px;
}


/* Header Style - 2
================================================== */

.header2{
	padding: 8px 0;
}

.header2 .navbar-brand{
	background: none;
	padding-top: 3px;
}

/*-- Header bgnone fixed --*/

.header-bgnone{
	padding: 5px 0;
	width: auto;
	box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2);
}

.header-bgnone ul.navbar-nav > li:hover > a,
.header-bgnone ul.navbar-nav > li.active > a{
	color: #000;
}


/* Header Style - 3
================================================== */

.header3{
	background: #fff;
	border-radius: 0 0 5px 5px;
	box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2);
}

.header3 .navbar-brand{
	padding-top: 10px;
}

.header3 ul.navbar-nav > li > a{
	padding-top: 30px;
	padding-bottom: 25px;
	color: #333;
}

.header3 ul.navbar-nav > li:last-child a{
	padding-right: 15px;
}

.header3 .navbar-collapse{
	padding-right: 30px;
}


/* Header Style - 4
================================================== */

.header4{
	background: #fff;
	box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.2);
}

.header4 .navbar-brand{
	padding-top: 10px;
}

.header4 ul.navbar-nav > li > a{
	padding-top: 30px;
	padding-bottom: 25px;
	color: #333;
}



/* Slideshow
================================================== */

/*-- Main slide --*/

.overlay {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(../images/overaly.png);
}

#main-slide .item img{
	width: 100%;
	--webkit-backface-visibility: hidden;

}

#main-slide .item{
	--webkit-backface-visibility: hidden;
}

#main-slide .item .slider-content {
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}

#main-slide .slider-content{
	top: 50%;
	margin-top: -70px;
	left: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	color: #fff;
}

#main-slide .carousel-indicators {
	bottom: 70px;
}

.carousel-indicators li{
	width: 30px !important;
	height: 10px !important;
	margin: 1px !important;
	border-radius: 0 !important;
	background: rgba(255,255,255,.5);
}

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
    -moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}


#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
	opacity: 0;
	filter: alpha(opacity=0);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

#main-slide:hover .carousel-control.left,
#main-slide:hover .carousel-control.right{
	opacity: 1;
	filter: alpha(opacity=100);
}

#main-slide:hover .carousel-control.left{
	left: 20px;
}

#main-slide:hover .carousel-control.right {
	right: 20px;
}

#main-slide .carousel-control.left span {
	padding: 15px;
}

#main-slide .carousel-control.right span {
	padding: 15px;
}

#main-slide .carousel-control .fa-angle-left, 
#main-slide .carousel-control .fa-angle-right{
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
}

#main-slide .carousel-control .fa-angle-left{
	left: 0;
}

#main-slide .carousel-control .fa-angle-right{
	right: 0;
}

#main-slide .carousel-control i{
	background: none;

	color: #fff;
	line-height: 56px;
	width: 56px;
	height: 56px;
	border: 1px solid #fff;
	border-radius: 100%;
	font-size: 36px;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

#main-slide .carousel-control i:hover{
	border: 1px solid rgba(0,0,0,.3);
}

#main-slide .slider-content h2{
	font-size: 52px;
	text-transform: uppercase;
	color: #fff;
}

#main-slide .slider-content h3{
	font-size: 28px;
	margin-top: 40px;
	color: #fff;
}

.slider.btn{
	padding: 10px 35px;
	margin-top: 40px;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
}

.slider.btn.solid{
	margin-left: 15px;
}

.slider-content-left {
	position: relative;
	margin: 0 0 0 40px;
}

.slider-content-right{
	position: relative;
}

/*-- Animation */


.carousel .item.active .animated2,
 .flex-active-slide .animated2{
	-webkit-animation: lightSpeedIn 1s ease-in 200ms both;
	animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .item.active .animated3,
.flex-active-slide .animated3 {
	-webkit-animation: bounceInLeft 2s ease-in-out 800ms both;
	animation: bounceInLeft 1.5s ease-in-out 800ms both;
}

.carousel .item.active .animated4,
.flex-active-slide .animated4 {
	-webkit-animation: flipInX 2s ease-in 800ms both;
	animation: flipInX 2s ease-in 800ms both;
}

.carousel .item.active .animated5,
.flex-active-slide .animated5 {
	-webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
	animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6,
.flex-active-slide .animated6 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated7,
.flex-active-slide .animated7 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8,
.flex-active-slide .animated8{
	-webkit-animation: bounceInDown 1s ease-in 800ms both;
	animation: bounceInDown 1s ease-in 800ms both;
}


/* Flex slider */

.ts-flex-slider{
    position: relative;
}

.ts-flex-slider .flexSlideshow{
	width: 100%;
	overflow: hidden;
}


.overlay2{
    position: relative;

}



.overlay2 img{
	width: 100%;

}

.overlay2::before {
    position: absolute;
    content: '';
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background: url(/images/overaly.png);
	background-position: center; /* Ensure the image stays centered on small screens */
    background-size: cover;
}

.ts-flex-slider .flexslider .slides{
    z-index: 0;
}

.ts-flex-slider .slider-content{
    z-index: 3;
}


.ts-flex-slider .flex-direction-nav a {
	width: 55px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 32px;
}

.ts-flex-slider .flex-direction-nav a.flex-next{
	border-radius: 3px;
}

.ts-flex-slider .flex-direction-nav a.flex-prev{
	border-radius: 3px;
}


/* Services
================================================== */

.service{
	padding-top: 40px;
}

.service-heading {
	padding-bottom: 30px;
	text-align: center;
}

.service-content{
	margin-top: 30px;
}

.service-content h3{
	font-size: 16px;
}

/* Feature box
================================================== */

.feature-icon{
	font-size: 28px;
  	margin-top: 5px;
}

.feature-content{
	padding-right: 20px;
	padding-left: 55px;
}

.feature-content h3{
	margin-top: 0;
	font-size: 18px;
}


/* Feature center */

.feature-center-content .feature-center-icon{
	font-size: 72px;
	margin-bottom: 5px;
	display: inline-block;
}

.feature-center-content h3{
	font-size: 18px;
}


/* Image Block
================================================== */

.image-block{
	background: #f4f4f4;
}

.img-block-right{
	padding-right: 140px;
}

.img-block-head h2{
	font-size: 18px;
	line-height: normal;
	margin: 5px 0 0 0;
}

.img-block-head h3{
	font-size: 40px;
	line-height: 100%;
}

.image-block-content{
	padding: 0 50px;
	margin-bottom: 30px;
}

.image-block-content .feature-icon{
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
}

.image-block-content .feature-content{
	padding-left: 85px;
}

.image-block-content .feature-content h3{
	margin-bottom: 0;
}




/* About us
================================================== */


/* Landing Tab */

.landing-tab{
	position: relative;
	z-index: 10;
}

.landing-tab .nav-tabs{
	border-right: 1px solid #e7e7e7;
	padding: 25px 0;
	border-bottom: 0;
}

.landing-tab .nav-tabs>li.active{
	margin-right: -3px;
}

.landing-tab .nav-tabs>li.active .tab-info h3{
	color: #1a1a1a;
}

.landing-tab .nav-tabs>li{
	padding: 15px 0;
}

.landing-tab .nav-tabs>li>a{
	background: none !important;
	border-radius: 0;
	padding: 0 15px 0;
	color: #6A6A6A !important;
	position: relative;
	border: 0 !important;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}


.landing-tab .nav-tabs>li>a:hover{
	background: none;
}


.landing-tab .tab-icon{
	font-size: 28px;
	display: inline-block;
}

.landing-tab .tab-info{
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 70px;
	top: 50%;
	margin-top: -12px;
}

.landing-tab .tab-info h3{
	font-size: 18px;
	line-height: normal;
	margin: 0;
	color: #6A6A6A
}


.landing-tab .tab-pane h3{
	margin-top: 0;
	line-height: normal;
}

.landing-tab .tab-pane h3.text-center{
	margin-bottom: 25px;
}

.landing-tab .tab-pane{
	padding-left: 95px;
	text-align: justify;
}

.landing-tab .tab-pane i.big{
	font-size: 200px;
	margin-bottom: 30px;
	display: block;
}



/* Featured Tab */


.featured-tab{
	padding: 30px 0;
}

.featured-tab .nav-tabs{
	border-bottom: 0;
}

.featured-tab .nav-tabs>li.active>a{
	color: #fff;
}


.featured-tab .nav-tabs>li>a{
	background: #f2f2f2;
	border-radius: 0;
	padding: 0 15px 0;
	color: #1a1a1a;
	position: relative;
	border: 0 !important;
	line-height: 52px;
	height: 52px;
	margin-bottom: 3px;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.featured-tab .nav-tabs>li>a:after{
	left: 100%;
	border: transparent solid;
	content: " ";
	position: absolute;
	border-width: 25px;
	top: 50%;
	border-left-color: #f2f2f2;
	margin-top: -25px;
		-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.featured-tab .nav-tabs>li>a:hover{
	color: #fff;
}

.featured-tab .nav-tabs>li.active>a,
.featured-tab .nav-tabs>li.active .tab-info h3,
.featured-tab .nav-tabs>li>a:hover .tab-info h3{
	color: #fff !important;
}

.featured-tab .tab-icon{
	font-size: 28px;
	display: inline-block;
}

.featured-tab .tab-info{
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 70px;
	top: 50%;
	margin-top: -12px;
}

.featured-tab .tab-info h3{
	font-size: 16px;
	line-height: normal;
	margin: 0;
}

.featured-tab .tab-pane img.pull-left{
	margin: 0 30px 10px 0;
}

.featured-tab .tab-pane img.pull-right{
	margin: 0 0 0 15px;
}
.featured-tab .tab-pane h3{
	margin-top: 0;
	line-height: normal;
	text-align: left;
	font-size: 20px;
}

.featured-tab .tab-pane h3.text-center{
	margin-bottom: 25px;
}

.featured-tab .tab-pane{
	padding-left: 25px;
	text-align: justify;
}

.featured-tab .tab-pane i.big{
	font-size: 230px;
}




/* Portfolio
================================================== */

.portfolio{
	background: #f5f5f5;
	padding-bottom: 0;
}

#main-container.portfolio{
	background: none;
}

/*-- Isotope Portfolio start --*/

#isotope .isotope-item{
	padding:0;
}

.isotope-nav {
  	margin: -80px auto 100px;
  	display: inline-block;
    position: relative;
  	z-index: 100;
}

.isotope-nav ul{
	list-style: none;
	margin: 0;
	padding: 20px;
}

.isotope-nav ul li{
	float: left;
	margin-right: 5px;
}

.isotope-nav ul li a{
	color: #1a1a1a;
  	padding: 5px 15px 8px;
  	border: 1px solid #ddd;
  	-webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
  	-o-transition: all 0.3s;
  	transition: all 0.3s;
}

.isotope-nav ul a.active, 
.isotope-nav ul a:hover{
	color: #fff;
	position: relative;
	border: 1px solid transparent;
}

.isotope-nav ul a.active:after, 
.isotope-nav ul a:hover:after{
  	position: absolute;
  	content: " ";
  	width: auto;
  	height: auto;
  	bottom: -13px;
  	margin-left: -8px;
  	left: 50%;
  	border-width: 7px;
  	border-style: solid;
}

#isotope .isotope-item .grid{
	position: relative;
	margin-bottom: -8px;
}

.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	background: #3085a3;
	text-align: center;
	width: 100%;
	height: 100%;
}
.grid figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-oscar {
	background: #000;
	background: rgba(0,0,0,.8);
}

figure.effect-oscar img {
	display: block;
	width: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-oscar figcaption {
	padding: 2.5em;
	background-color: rgba(0,0,0,0.1);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid rgba(255,255,255,.3);
	content: '';
}

figure.effect-oscar h3 {
	font-size: 18px;
	color: #fff;
	opacity: 0;
	margin: 25% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar a{
	color: #fff;
	font-size: 18px;
	margin: 20px 5px 0;
	display: inline-block;
	z-index: 1;
	position: relative;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
	transition: all 0.35s;
}


figure.effect-oscar a.link i{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar a {
	opacity: 0;
	-webkit-transition: all 0.35s, -webkit-transform 0.35s;
	transition: all 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h3 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover h3,
figure.effect-oscar:hover a {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


figure.effect-oscar:hover figcaption {
	background-color: rgba(0,0,0,0.5);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}


/* Portfolio box */

.portfolio-box{
	padding-bottom: 80px;
}

.portfolio-box .isotope-nav{
	margin: 0 auto 60px;
	float: none;
}


/* Portfolio details */

.portfolio-static-item{
	padding-bottom: 20px;
}

.portfolio-static-item figure.effect-oscar a{
	margin-top: 70px;
}

.portfolio-static-desc h3{
	font-size: 16px;
	margin: 5px 0 -5px 0;
	line-height: normal;
}

.portfolio-static-desc a{
	color: #6A6A6A;
}


/* Portfolio details */

.portfolio-desc h3{
	margin-top: 0;
}
.portfolio-desc .project-btn{
	margin-top: 20px;
	padding: 8px 25px;
}

/*** Section Title ***/
.section-title::before {
    position: absolute;
    content: "";
    width: 150px;
    height: 5px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
}

.section-title.text-center::before {
    left: 50%;
    margin-left: -75px;
}

.section-title.section-title-sm::before {
    width: 90px;
    height: 3px;
}

.section-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 5px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section-title-run 5s infinite linear;
    animation: section-title-run 5s infinite linear;
}

.section-title.section-title-sm::after {
    width: 4px;
    height: 3px;
}

.section-title.text-center::after {
    -webkit-animation: section-title-run-center 5s infinite linear;
    animation: section-title-run-center 5s infinite linear;
}

.section-title.section-title-sm::after {
    -webkit-animation: section-title-run-sm 5s infinite linear;
    animation: section-title-run-sm 5s infinite linear;
}

@keyframes section-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
}

@keyframes section-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
}

@keyframes section-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
}
.facts-wrapper{
	color: #fff;
}
.ts_counter.elements {
    display: flex; /* Use flexbox for horizontal layout */
    justify-content: space-between; /* Space out the items evenly */
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
}

.ts_counter.elements .facts {
    padding: 10px;
    display: flex; /* Use flexbox for alignment */
    flex-direction: column; /* Stack items vertically within each fact */
    align-items: center; /* Center items horizontally */
    justify-content: center; /* Center items vertically */
    height: 200px; /* Set a fixed height */
    width: 25%; /* Set a fixed width, adjust as needed */
    transition: background 300ms ease;
	overflow-x: hidden;
}

.facts-icon {
    margin-bottom: 10px; /* Space between icon and number */
}

.facts-num {
    font-size: 42px;
    font-weight: 700;
    margin-top: 20px;
}

.facts h3 {
    font-size: 18px;
    margin-top: 8px;
    color: #fff;
}

/* Optional hover effect */
.ts_counter.elements .facts:hover {
    background-color: rgba(0, 0, 0, 0.5); /* Change background on hover */
}

.facts {
  	position: relative;
  	padding: 46px 40px 30px;
  	-moz-transition: all 300ms ease;
  	-webkit-transition: all 300ms ease;
  	-ms-transition: all 300ms ease;
  	-o-transition: all 300ms ease;
  	transition: all 300ms ease;
}


.facts.one{
	background: rgba(0,0,0,.3);
}

.facts.two{
	background: rgba(0,0,0,.2);
}

.facts.three{
	background: rgba(0,0,0,.15);
}

.facts.four{
	background: rgba(0,0,0,.09);
}

.facts i{
	font-size: 36px;
	text-shadow: 1px 3px 3px rgba(0,0,0,0.3);
}




/* Counter parallax bg */

.facts-wrapper{
	background: #2a2d32;
	color: #fff;
}

.facts {
  	position: relative;
  	padding: 46px 40px 30px;
  	-moz-transition: all 300ms ease;
  	-webkit-transition: all 300ms ease;
  	-ms-transition: all 300ms ease;
  	-o-transition: all 300ms ease;
  	transition: all 300ms ease;
}

.facts:hover{
	background: #000 !important;
}

.facts.one{
	background: rgba(0,0,0,.3);
}

.facts.two{
	background: rgba(0,0,0,.2);
}

.facts.three{
	background: rgba(0,0,0,.15);
}

.facts.four{
	background: rgba(0,0,0,.09);
}

.facts i{
	font-size: 36px;
	text-shadow: 1px 3px 3px rgba(0,0,0,0.3);
}

.facts-num span{
	font-size: 42px;
  	font-weight: 700;
  	margin-top: 20px;
  	display: inline-block;
}

.facts h3{
	font-size: 18px;
	margin-top: 8px;
	color: #fff;
}


/* Counter parallax bg */

.ts_counter_bg .facts{
	padding: 0 15px;
}
.ts_counter_bg .facts:hover{
	background: none !important;
}

.ts_counter_bg .facts-num span{
	margin: 30px 0 20px;
}

.ts_counter.elements .facts{
	padding: 15px;
}

.small-icon {
	width: 20px; /* Adjust size as needed */
	height: auto;
	margin-right: 5px; /* Space between icon and text */
	vertical-align: middle; /* Align icon with text */
}
.card {
	margin-bottom: 20px; /* Space between cards */
	border: 1px solid #ddd; /* Optional border */
	border-radius: 20px; /* Rounded corners */
	overflow: hidden; /* Ensure content fits within rounded corners */
	padding: 10px; /* Add padding inside the card */
	height: auto; /* Allow dynamic height based on content */
}
.smaller-card {
	max-width: 300px; /* Set maximum width for smaller cards */
	margin: 5px auto; /* Center the card in its column with vertical spacing */
}
.icon-container {
	padding: 10px; /* Adjust padding around the icon */
}

.shadow {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow effect */
}
.more-content{
	display: none;
	margin-top: 10px;
}
.modal-dialog{
	display: flex;
	align-items: center;
	min-height: calc(100% - 1rem);
}
.close{
	color: #ee3b24;
	font-size: 30px;
	opacity: 1;
}
.modal-title{
	color: #ee3b24;
}
.gallery__page {
	padding: 80px 15px 65px;
}

@media (max-width: 576px) {
	.gallery__page {
		padding: 30px 15px 65px;
	}
}

.gallery__warp {
	max-width: 1570px;
	margin: 0 auto;
}

.gallery__item {
	display: block;
	margin-bottom: 30px;
}

.gallery__item img {
	min-width: 100%;
}

.fr-position-outside {
	left: 0;
	top: 0;
	right: auto;
	bottom: auto;
}

.fr-position-text {
	color: #fff;
}

.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background {
	background-color: transparent;
}

.fr-thumbnail-active {
	border: 2px solid #ee3b24;
}




@media (max-width: 576px) { /* Adjustments for small devices */
	.col-sm-6 {
		flex: 0 0 100%; /* Full width on small devices */
		max-width: 100%;/* Full width on small devices */
		margin-left: 2px;
		
	}
	.smaller-card {
		margin-bottom: 10px; /* Reduce bottom margin for small devices */
		margin-left: 20px;
	}
	.col-md-3 {
		margin-left: 15%;
	}
}

/* Prevent horizontal overflow */
body {
	overflow-x: hidden;
}
.bott{
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn-project{
	position: relative;
	margin-right: 40PX;
	background: #ee3b24;
	padding: 10PX 30PX 10px;
	color: #FFF;
	align-items: center;
	justify-content: center;
	border-radius: 20PX;
	margin-top: 10px;
}
.btn-project a{
	align-items: center;
	text-align: center;
	font-size: 18px;
}
.main{
	background: #f5f5f5;
}
.btn-project:hover{
	color: #ee3b24;
	background: #fff;
	border: 1px solid #ee3b24;
	cursor: pointer;
}
.objective{
	color: #ee3b24;
	font-weight: 600;
	font-size: 16px;

}

.thumbnail2{
	align-items: center;
	text-align: center;
}
.thumbnail2 img{
	width: 300px;
	justify-content: center;
	align-items: center;
	border-radius: 15px 25px 35px;
	object-fit: cover;
	

}
.theme-btn{
	position: relative;
    display: inline-block;
    padding: 10px 20px;
    line-height: 20px;
    font-size: 14px;
    color: #ffffff;
    background-color: #ee3b24;
    border-radius: 10px;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
}
.thumbp{
	color: #ee3b24;
	text-align: center;
	font-weight: 500;
	margin: 10px 0;
}


.download-link {
	margin: 0px;
	text-align: center;
}
::selection {
    color: #fff;
    background: #ee3b24;
}

.wrapper {
    width: 100%; /* Full width for responsiveness */
    width: 800px; /* Increased max-width for larger screens */
    background: #fff;
    border-radius: 5px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05);
    margin: auto; /* Center the wrapper */
}

.wrapper header {
    font-size: 24px; /* Slightly larger header font size */
    font-weight: 600;
    padding: 20px 30px;
    border-bottom: 1px solid #ccc;
}

.wrapper form {
    margin: 35px 30px; /* Consistent margin around form */
}

form .dbl-field {
    display: flex;
    margin-bottom: 25px;
    justify-content: space-between; /* Space out fields evenly */
}

.dbl-field .field {
    height: 50px;
    display: flex;
    position: relative;
    width: calc(50% - 13px); /* Adjusted for spacing */
}

.wrapper form i {
    position: absolute;
    top: 50%;
    left: 18px;
    color: #ccc;
    font-size: 17px;
    pointer-events: none;
    transform: translateY(-50%);
}

form .field input,
form .message textarea {
    width: 100%;
    height: 100%;
    outline: none;
    padding: 0 18px 0 48px; /* Padding adjusted for icon */
    font-size: 16px; /* Consistent font size */
    border-radius: 5px;
    border: 1px solid #ccc; /* Consistent border */
}
.contact-info {
    background-color: #f9f9f9; /* Light background for contrast */
    border-radius: 8px; /* Rounded corners for a modern look */
    padding: 20px; /* Padding around the content */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    max-width: 600px; /* Max width for larger screens */
    margin: auto; /* Center the card */
    text-align: left; /* Align text to the left */
}

.contact-title {
    font-size: 24px; /* Larger title font size */
    color: #333; /* Dark color for the title */
    margin-bottom: 15px; /* Space below title */
}

.mbr-section-subtitle {
    font-size: 18px; /* Base font size for contact details */
    line-height: 1.6; /* Improved line height for readability */
    color: #555; /* Slightly lighter text color */
}

.contact-item {
    display: flex; /* Flexbox for icon and text alignment */
    align-items: center; /* Center items vertically */
    margin-bottom: 15px; /* Space between items */
}

.contact-item i {
    color: #ee3b24; /* Icon color */
    margin-right: 10px; /* Space between icon and text */
}

.contact-link {
    color: #ee3b24; /* Link color */
    text-decoration: none; /* Remove underline from links */
}

.contact-link:hover {
    text-decoration: underline; /* Underline on hover for clarity */
}

.location {
    display: block; /* Ensure location is on a new line */
    margin-top:  -5px; /* Space above location text */
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .contact-info {
        padding: 15px; /* Reduce padding on smaller screens */
        text-align: center; /* Center align text on small screens */
    }

    .mbr-section-subtitle {
        font-size: 16px; /* Slightly smaller font size on small screens */
    }
}


.field input::placeholder,
.message textarea::placeholder {
    color: #ccc; /* Placeholder color */
}

.field input:focus,
.message textarea:focus {
    padding-left: 47px; /* Adjusted padding on focus */
    border-color: #ee3b24; /* Border color on focus */
}

.field input:focus ~ i,
.message textarea:focus ~ i {
    color: #ee3b24; /* Icon color on focus */
}

form .message {
    position: relative;
}

form .message textarea {
    min-height: 130px; /* Minimum height for textarea */
    max-height: 230px; /* Maximum height for textarea */
}

form .button-area {
    margin-top: 25px; /* Margin around button area */
}

.button-area button {
    color: #fff; 
	border:none; 
	outline:none; 
	font-size :18px ; 
	cursor:pointer; 
	border-radius :5px ; 
	padding :13px ; 
	background :#ee3b24 ; 
	transition :background .3s ease ; 
	flex-grow :1 ; /* Allow button to grow in flex container */
}

.button-area button:hover {
	background:#d02030; /* Darker shade on hover */
}

/* Responsive Styles */
@media (max-width:600px) {
	.wrapper header {
		text-align:center; /* Center header text on small screens */
	}
	
	.wrapper form {
		margin :35px ;
	 
	}
	.wrapper{
		width: 550px;
	}
	
	form .dbl-field {
		flex-direction :column; /* Stack fields vertically on small screens */
		margin-bottom :0px ; 
	}
	
	form .dbl-field .field {
		width :100% ; /* Full width for fields on small screens */
		height :45px ; 
		margin-bottom :20px ; 
	}
	
	form .message textarea {
		resize:none; /* Disable resizing of the textarea */
	}
	
	form .button-area {
		margin-top :20px ; 
		flex-direction :column; /* Stack buttons vertically on small screens */
	}
	
	.button-area button {
		width :100% ; /* Full width for buttons on small screens */
		padding :11px ; 
		font-size :16px ; 
	}
}



/* Centering the entire form in the section */
.contact {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically if needed */
}

.download-button {
	display: inline-block;
	padding: 10px 30px;
	background-color: #ee3b24; /* Button color */
	color: white; /* Text color */
	text-decoration: none; /* Remove underline */
	border-radius: 5px; /* Rounded corners */
	font-size: 16px; /* Font size */
	transition: background-color 0.3s ease; /* Smooth transition */
}

.download-button:hover {
	background-color: #000;
	color: #FFF; /* Darker shade on hover */
}
/* styles.css */
.zigzag-divider {
    position: relative;
    height: 50px; /* Default height of the divider */
    background-color: #1a1a1a; /* Dark background color */
    overflow: hidden; /* Ensure no overflow from child elements */
}

.zigzag-divider::before {
    content: '';
    position: absolute;
    width: 100%; /* Full width for zigzag effect */
    height: 50px; /* Height for the red zigzag */
    clip-path: path("M 0 100 Q 25 0, 50 100 T 100 100 V 50 H 0 Z"); /* Create a zigzag shape with rounded vertices */
	color: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
}

.zigzag-divider::after {
    content: '';
    position: absolute;
    top: 50%; /* Position it halfway down */
    left: 0;
    width: 100%;
    height: 2px; /* Height of the white separator line */
    background-color: white; /* Color of the separator line */
}

@media (max-width: 600px) {
    .zigzag-divider {
        height: 30px; /* Adjust height for smaller screens */
    }

    .zigzag-divider::before {
        height: 30px; /* Adjust height for smaller screens */
        clip-path: path("M 0 100 Q 15 0, 30 100 T 60 100 V 30 H 0 Z"); /* Adjusted zigzag shape for smaller screens */
    }

    .zigzag-divider::after {
        top: calc(30% - 1px); /* Center the white line vertically for smaller height */
        height: 2px; /* Keep the height of the separator line consistent */
    }
	
}


.contacts03 {
    padding: 60px 0; /* Add vertical padding */
    background-color: #f9f9f9; /* Light background color */
}

.contacts03 h5 {
    color: #ee3b24; /* Change heading color */
    font-weight: bold; /* Make heading bold */
}

.contacts03 p {
    color: #333; /* Darker text color for better readability */
}

.contacts03 a {
    color: #ee3b24; /* Link color */
    text-decoration: none; /* Remove underline from links */
}

.contacts03 a:hover {
    text-decoration: underline; /* Underline on hover for better UX */
}

.google-map {
    margin-top: 20px; /* Space above the map */
    border-radius: 8px; /* Rounded corners for the map */
    overflow: hidden; /* Ensure rounded corners are applied */
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .contacts03 h5 {
        font-size: 36px; /* Adjust heading size on smaller screens */
    }

    .contacts03 p {
        font-size: 16px; /* Adjust paragraph size on smaller screens */
    }
    .title.classic {
    line-height: 40px;
    height: 34px;
    margin-left: -7px;
    }
    
    .title-icon {
    font-size: 32px;
    margin-right: 0px;
    margin-top: 9px;
    color: #ee3b24;
    margin-left: -7px;
    }
}



.team {
    margin-bottom: 20px; /* Spacing between team members */
    opacity: 1; /* Set to 1 for immediate visibility */
    transform: translateY(0); /* No translation for immediate display */
    transition: opacity 0.5s ease, transform 0.5s ease; /* Transition for smooth effect */
}

.img-square {
    width: 250px; /* Fixed width for the container */
    height: 250px; /* Fixed height for the container */
    position: relative;
    display: inline-block;
    border-radius: 20px; /* Make it circular */
    overflow: hidden; /* Ensure image fits within circle */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow */
    border: 2px solid #ee3b24; /* Border color */
}

.img-square img {
    width: 100%; /* Make sure the image takes full width */
    height: auto; /* Maintain aspect ratio */
    transition: transform 0.5s ease; /* Smooth transition for scaling */
}

/* Scale up only the image on hover */
.img-square:hover img {
    transform: scale(1.2); /* Scale up slightly on hover */
}

.tite {
    color: #ee3b24;
    font-weight: 600;
}

.team-content h3 {
    margin-bottom: 0;
    font-size: 20px;
}

.team-content p {
    color: #959595;
}

.team-social {
    margin-top: 10px; /* Add some space above social icons */
}

.team-social a {
    background: #ee3b24;
    color: #fff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 100%;
    display: inline-block;
}

/* Media Queries for Responsive Design */
@media (max-width: 768px) {
    .img-square {
        width: 230px; /* Smaller size on small devices */
        height: 230px; /* Smaller size on small devices */
        border-radius: 50px;
    }

    .team-content h3 {
        font-size: 18px; /* Adjust font size for smaller screens */
    }

    .team-content p {
        font-size: 14px; /* Adjust font size for smaller screens */
    }
}



/* Recent Post
================================================== */

.post-img-wrapper{
	position: relative;
}

.post-img-overlay{
	position: relative;
	display: inline-block;
}

.post-img-overlay::before {
	position: absolute;
	border-radius: 1px;
	background-color:rgba(0,0,0,0);
	content: '';
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.35s;
  	-moz-transition: all 0.35s;
  	-o-transition: all 0.35s;
  	transition: all 0.35s;
}

.post-img-overlay:hover::before{
	background-color:rgba(0,0,0,.5);
}	

.post-img-overlay a{
	position: absolute;
	right: 0;
	color: #fff;
	background: #666666;
	padding: 15px 20px;
  	opacity: 0;
  	-webkit-transition: all 0.35s;
  	-moz-transition: all 0.35s;
  	-o-transition: all 0.35s;
  	transition: all 0.35s;
}

.post-img-overlay a.link{
	right: 0;
	-webkit-transition:  -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

.post-img-overlay:hover a.link{
	left: 0;
	right: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);

}
.post-img-overlay a.view{
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}
.post-img-overlay:hover a.view{
	bottom:0;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.recent-post{
	padding: 0 15px;
}
.recent-post .post-body h3{
	font-size: 18px;
	margin-bottom: 3px;
	font-weight: 700;
}

.recent-post .post-body h3 a{
	color: #1a1a1a;
}

.recent-post .post-body .post-meta a{
	font-weight: 400;
	font-size: 13px;
}

.recent-post .post-body .post-meta span,
.recent-post .post-body .post-meta span i{
	padding-right: 5px;
}

.recent-post .post-excerpt{
	padding-top: 10px;
}

.recent-post .post-excerpt a.read-more{
	padding: 6px 18px;
	border-width: 1px;
	font-size: 12px;
	margin-top: 10px;
}


/* Clients
================================================== */

.clients{
	color: #fff;
	padding-bottom: 80px;
	background: #f5f5f5;
}
.clients-content{
	padding: 40px 0;
}

.clients h2.title{
	border-left: 0;
	color: #fff;
}

.client-carousel .item a{
	margin-right: 20px;
	border: 1px solid #e7e7e7;
	border-radius: 3px;
	display: inline-block;
	padding: 10px;
	-webkit-transition: all 350ms;
	-ms-transition: all 350ms;
	transition: all 350ms;
}



.title-border {
    border-bottom: 2px solid #007bff; /* Example border style */
    padding-bottom: 10px; /* Spacing below the title */
}

blockquote {
    margin: 20px 0; /* Add spacing around blockquotes */
}


/* Twitter
================================================== */

.ts_twitter{
	padding: 100px 0;
}

.twitter-feed .twitter-icon i{
	font-size: 78px;
	color: #1dcaff;
}

.twitter-feed .tweet a{
	color: #1dcaff; 
}

.twitter-feed .tweet a:hover{
	color: #000;
}

.twitter-feed .tweet p{
	font-size: 18px;
	font-style: italic;
	padding-top: 20px;
}

/* Contact
================================================== */

#contact-form{
	margin-top: 25px;
}
#contact-form label{
	font-weight: normal;
}

.map-wrapper{
	position: relative;
}

.map {
	height: 400px;
	z-index: 1;
}

.contact-info-inner h3{
	margin-bottom: 25px;
	font-size: 24px;
	color: #fff;
}

.contact-info h3{
	margin-top: 42px;
	font-size: 24px;
}

.contact-info p{
	font-size: 14px;
}

.contact-info i{
	font-size: 14px;
	margin-right: 10px;
}

/* Contact inside Map */
.contact-info-inner {
	position: absolute;
	color: #fff;
	top: 0;
	bottom: 0;
	z-index: 2;
	background: rgba(0,0,0,.7);
	padding: 25px 30px;
	max-width: 500px;
	max-height: 500px;
	text-align: left;
}

.contact-info-inner p{
	overflow: hidden;
	margin-bottom: 25px;
}

.contact-info-inner p strong{
	display: block;
}

.contact-info-inner i{
	margin-right: 20px !important;
	font-size: 24px;
	margin-top: 5px;
}


/* Footer
================================================== */

.footer{
	padding: 60px 0 100px;
	background-size: cover;
	color: #fff;
	font-size: 14px;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.904)), url(../images/bg4.jpg) no-repeat center center; /* Darker gradient overlay */
    background-size: cover; /* Cover the entire area */
	 
}

.footer-logo{
	margin-bottom: 20px;
}

.footer-map{
	padding-bottom: 60px;
}

.footer2{
	background: #2e2e2e;
}

.footer .widget-title{
	color: #fff;
}

.footer .social-icon{
	padding: 10px 0 20px;
}


/* Latest Post */

.footer-widget .latest-post-image img{
  	width: 80px;
  	height: 80px;
  	border-radius: 100%;
  	border: 4px solid rgba(255,255,255,.5);

}

.footer-widget .latest-post-content h4 a{
	color: #fff;
}

.latest-post-items{
	margin-bottom: 10px;
}

.latest-post-image img{
	width: 70px;
	height: 60px;
}

.footer-widget .post-meta, .footer-widget .post-meta a{
	color: #fff;
}

.latest-post-content h4{
	font-size: 14px;
  	line-height: normal;
}


/* Image Gallery */

.footer-widget .img-gallery{
	margin-top: 5px;
	display: inline-block;
}

.img-gallery a.thumb-holder{
	overflow: hidden;
	position: relative;
}

.img-gallery a.thumb-holder img {
	margin: 0 10px 10px 0;
  	display: inline-block;
  	width: 100px;
  	height: 95px;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.img-gallery a.thumb-holder:hover img{
	opacity: 0.7;
}


.footer2 .img-gallery a.thumb-holder img{
	width: 90px;
  	height: 75px;
}


/* Footer about us */

.footer-about-us h4{
	font-size: 16px;
	margin-bottom: 0;
	line-height: normal;
}

.subscribe{
	margin-top: 20px;
}

.subscribe input.form-control{
	border: 1px solid rgba(255, 255, 255, .1);
}

.subscribe .input-group-addon{
	background: none;
	border-radius: 0;
	border: 0;
	padding: 0;
}

.subscribe button{
	padding: 13px 20px;
	color: #fff;
}

.subscribe button:hover{
	background: #222;
	color: #fff;
}

.subscribe button i{
	font-size: 20px;
}


/* Footer links */

.footer ul li{
	color: #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.footer ul.arrow li{
	width: 50%;
	float: left;
}

ul.arrow li:before {
  content: "\f105";
  font-family: "Font Awesome 5 Free"; /* Ensure you're using the correct font family */
  font-weight: 900;
  
  margin-right: 10px;
}

.footer ul li a{
	color: #fff;
}

/* Copyright
================================================== */

#copyright{
	padding: 30px 0;
	background: #1a1a1a;
	color: #fff;
}

.copyright-info{
	font-size: 16px;
	border-top: 1px solid rgba(255,255,255,.15);
	max-width: 850px;
	margin: 30px auto 0;
	padding-top: 15px;
}

.copyright.angle:before{
	background: #1a1a1a;
	height: 50px;
  	top: -25px;
  	-webkit-transform: skew(0deg,-2deg);
  	-moz-transform: skew(0deg,-2deg);
  	-ms-transform: skewX(0deg) skewY(-2deg);
  	-o-transform: skew(0deg,-2deg);
  	transform: skew(0deg,-2deg);
}

.footer-social{
	position: relative;
	z-index: 10;
}

.footer-social .icon-pentagon i{
	font-size: 16px;
}

/* Footer sytle 2 */

.footer2 .social-icon{
	padding-bottom: 15px;
}

.footer2 .copyright-info{
	color: #1a1a1a;
	border-top: 1px solid #e7e7e7;
}


#back-to-top {
	right: 40px;
	top: auto;
	z-index: 10;
	--webkit-backface-visibility: hidden;
}

#back-to-top.affix {
	bottom: 60px;
}

#back-to-top .btn.btn-primary{
	border-radius: 100%;
	padding: 0;
	font-size: 18px;
	width: 36px;
	height: 36px;
	background: #772c22;
	color: #fff;
	opacity: .5;
}

#back-to-top .btn.btn-primary:hover{
	color: #fff;
	opacity: 1;
}


/* Sub pages
================================================== */

/* Banner area */

#banner-area{
	position: relative;
}

.banner-title-content{
	position: absolute;
	top: 50%;
	width: 100%;
	height: 100%;
}

.banner-title-content h2{
	color: #fff;
	font-size: 36px;
	margin-top: 0px;
}

.banner-title-content .breadcrumb{
	background: none;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
}

.banner-title-content .breadcrumb a:hover{
	color: #ccc;
}

/* About Us */

.about-message{
	background: #f4f4f4;
	min-height: 374px;
}

.about-message ul li a{
	color: #6A6A6A;
}



/* Services */

/* Call to Action */

.call-to-action{
	color: #fff;
	padding: 40px 0;
}

.call-to-action.dark{
	background: #2a2d32;
}

.call-to-action h3{
	color: #fff;
	float: left;
	margin: 10px 0 0;
  	font-size: 20px;
}

.call-to-action .btn.btn-primary.white:hover{
	background: #000;
}

.call-to-action .btn.btn-primary.solid{
	margin-left: 15px;
}

/* Career */

.panel.panel-default {
	margin-top: 20px;
}

h4.panel-title {
	position: relative;
	padding-left: 30px;
}

h4.panel-title a:before,
h4.panel-title a.collapsed:before {
	font-family: "Font Awesome 5 Free"; /* Ensure you're using the correct font family */
	position: absolute;
	z-index: 0;
	font-size: 16px;
	left: 0;
	padding: 0 5px;
	text-align: center;
}

h4.panel-title a:before {
	content: "\f056"; /* Font Awesome icon for plus */
	font-weight: 900; /* Ensure the icon is bold */
}

h4.panel-title a.collapsed:before {
	content: "\f055"; /* Font Awesome icon for minus */
	font-weight: 900; /* Ensure the icon is bold */
}

.panel-body ul {
	padding-left: 35px;
}

.panel-group .btn.btn-primary.solid:hover {
	color: #333;
}

/* Testimonial */

.ts-testimonial-content {
	position: relative;
  	padding: 30px 30px 15px 30px;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #e7e7e7;
  	margin-bottom: 40px;
}


.ts-testimonial-content:after {
	content: "";
	position: absolute;
	bottom: -40px;
	left: 45px;
	border-style: solid;
	border-width: 40px 0px 0 30px;
	border-color: #e7e7e7 transparent;
	display: block;
	width: 0;
	z-index: 1;
}


.ts-testimonial-content img {
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 100%;
}

.ts-testimonial-text{
	padding-left: 110px;
}

.ts-testimonial-author{
	position: absolute;
	bottom: -60px;
	left: 90px;
}

.ts-testimonial-author h3.name {
	font-size: 14px;
	margin: 10px 0 0;
}

.ts-testimonial-author h3 span {
	display: block;
	font-size: 13px;
	margin-top: -10px;
	text-transform: capitalize;
  	color: #555;
}


/* Faq Page */

.faq-box{
	margin-bottom: 45px;
}

.faq-box h4{
	margin-bottom: 25px;
}

/* 404 page */

.error-page .error-code{
	display: block;
  	font-size: 150px;
  	line-height: 150px;
  	color: #333;
  	margin-bottom: 20px;
  	text-shadow: 5px 5px 1px rgba(0,0,0,.1);
}

.error-page .error-body .btn{
	margin-top: 30px;
	font-weight: 700;
}


/* Blog
================================================== */

/* Blog Listing */

.post{
  	margin: 0 0 40px;
  	padding: 0 0 40px;
  	border-bottom: 1px solid #F5F5F5;
}

.post.post-last{
	border-bottom: 0;
}

.post-image-wrapper{
	margin-bottom: 20px;
	position: relative;
}

.blog-date{
	position: absolute;
  	top: 50px;
  	left: 0;
  	color: #fff;
  	border-radius: 0 25px 25px 0;
  	padding: 5px 15px;
  	font-weight: 700;
}

.blog-date a{
	color: #fff;
}

.post-footer .btn.btn-primary{
	font-size: 12px;
	padding: 8px 20px;
	margin-top: 15px;
}


/* Blog Single */



.post-meta{
	color: #959595;
	font-weight: 400;
	font-size: 13px;
}
.post-meta span{
	padding-right: 10px;
}

.post-meta a{
	color:#959595
}

.post-meta-author a, 
.post-meta-cats a{
	color: #1a1a1a;
}

.entry-content{
	padding: 20px 0 10px;
}

/* Blog author */

.about-author{
	background: #f2f2f2;
	padding: 15px 20px;
	margin: 20px 0;
}

.author-img img{
	width: 120px;
	height: 120px;
	margin-right: 30px;
	border-radius: 100%;
	margin-top: 20px;
}

.author-url span a{
	color: #959595;
}

.author-info h3{
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: normal;
}

.author-info h3 span{
	font-size: 14px;
	color: #959595;
	border-left: 1px solid #AFAFAF;
	padding-left: 8px;
	margin-left: 5px;
}

/* Blog post comments */

.comments-counter{
	font-size: 18px;
}
.comments-counter a{
	color: #1a1a1a;
}

.comments-list{
	list-style: none;
	margin: 0;
	padding: 20px 0;
}

.comments-list .comment{
	border-bottom: 1px solid #cecece;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.comments-list .comment.last{
	border-bottom: 0;
}
.comments-list img.comment-avatar{
	width: 84px;
	height: 84px;
	margin-right: 30px;
	border-radius: 100%;
}

.comments-list .comment-body{
	margin-left: 120px;
}

.comments-list .comment-author{
	margin-bottom: 0;
}

.comments-list .comment-date{
	font-style: italic;
	color: #959595;
	margin-bottom: 20px;
}

.comments-list .comment-reply{
	text-transform: uppercase;
	color: #1a1a1a;
}

.comments-reply{
	list-style: none;
	margin: 0 0 0 70px;
}

.comments-form .btn.btn-primary{
	padding: 10px 20px;
}

.comments-form label{
	font-weight: normal;
	color: #959595;
}

/* Sidebar */

.sidebar h3.widget-title{
	font-size: 18px;
	line-height: normal;
	margin-top: 0;
}

.sidebar .widget {
	margin-bottom: 40px;
}

.sidebar-right{
	padding-left: 20px;
}

/* Blog search */

.sidebar #search .input-group-btn .btn.btn-primary{
	padding: 11px 12px;
}


/*-- Blog tab widget --*/

.widget-tab .nav-tabs {
	margin: 0;
	text-align: center;
	border-bottom: 1px solid #e7e7e7;
}

.widget-tab .nav-tabs>li:first-child{
	margin-left: 0px;
}

.widget-tab .nav-tabs>li>a{
	background: #f2f2f2;
	color: #1a1a1a;
	font-size: 14px;
	font-weight: 700;
	text-transform: capitalize;
	border-radius: 3px 3px 0 0;
	margin-right: -1px;
  	border: 1px solid #e7e7e7;
  	border-bottom: 0;
}

.widget-tab .nav-tabs>li.active>a{
	background: #fff;
	color: #ee3b24;
	border: 1px solid #ee3b24;
	border-bottom: 0;
}

.widget-tab .tab-content{
	border-top: 0;
	padding: 10px 0 0;
}

.widget-tab .posts-thumb img{
	display: block;
	width: 85px;
	height: 65px;
	margin-right: 20px;
}

.widget-tab .posts-avator img{
	display: block;
	width: 62px;
	height: 62px;
	margin-right: 20px;
	border-radius: 100%;
}

.widget-tab h4.entry-title{
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 5px;
}
.widget-tab h4.entry-title a{
	color: #1a1a1a;
}

.widget-tab .post-meta span{
	padding-right: 5px;
}

.widget-tab ul.posts-list li{
	padding-bottom: 10px;
}


/*-- Blog category widget --*/

.widget-categories ul.category-list{
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget-categories ul.category-list  li{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dedede;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.widget-categories ul.category-list  li:hover{
	padding-left: 10px;
}

.widget-categories ul.category-list  li a{
	color: #1a1a1a;
}

.widget-categories ul.category-list  li:last-child{
	border-bottom: 0;
}


/*-- Blog tags widget --*/

.widget-tags ul > li {
	float: left;
	margin: 6px;
}

.widget-tags ul > li a{
	background: #f2f2f2;
	color: #6A6A6A;
	display: block;
	font-size: 14px;
	padding: 5px 15px;
	border-radius: 25px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.widget-tags ul > li a:hover{
	color: #fff;
}

/* Landing page
================================================== */


/* Header */

.landing-header.header-bgnone{
	background: rgba(0,0,0,.8);
}

.hero-section {
	height: 100%;
	background-image: url(../images/landing/main-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: top center;
	padding-bottom: 0;
	padding-top: 200px;
	overflow: hidden;
}
.hero-section .container {
	height: 100%;
}

.hero-content {
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
}

.hero-text {
	display: table-cell;
	vertical-align: bottom;
	color: #fff;
	padding-right: 50%;
	width: 100%;
	padding-bottom: 10%;

}

.hero-title {
	font-size: 40px;
	line-height: 50px;
	color: #fff;
}

.hero-description {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
}

.hero-images {
	display: block;
	position: absolute;
	bottom: 80px;
	right: 0;
	width: 50%;
	max-height: 100%;
}

.hero-images img{
	display: block;
	position: relative;
	max-height: 100%;
	width: auto;
}

.hero-buttons a.btn{
	color: #fff;
	padding: 15px 50px;
}

.hero-buttons a.btn.solid{
	margin-left: 10px;
}

.hero-buttons a i{
	margin-left: 5px;
}


/* Facts */

.landing_facts{
	color: #fff;
	padding: 50px 0;
}

.landing_facts .facts i{
	font-size: 36px;
}

.landing_facts .facts-num span{
	font-size: 56px;
}



/* Video and video background */

.video-embed {
	position: relative;
	padding-top: 56.25%; /* 16:9 */
	height: 0;
	background-color: #000000;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.video-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-background-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
}

iframe{
	border: 0;
}

@media ( min-width: 768px ) {
	.video-section {
		padding: 100px 0;
	}
}
@media ( min-width: 992px ) {
	.video-section {
		padding: 120px 0;
	}
}

/* Screenshot image */

.app-gallery .grid{
	display: block;
	margin: 0 15px 20px;
	padding: 5px;
}

.app-gallery figure.effect-oscar a{
	margin: 125px 5px 0;
}

.app-gallery figure.effect-oscar figcaption::before{
	border: 0;
}


/* Subscribe Form */

.newsletter-form{
	position: relative;
}
.newsletter-form button{
	position: absolute;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 !important;
	color: #fff !important;
	padding: 14px 30px 12px !important;
}

.newsletter-form button:hover{
	color: #1a1a1a !important;
}

/* Clients */

.landing_page_clients{
	padding-top: 30px;
}

/* Elements page
================================================== */

.testimonial.elements .testimonial-text, 
.testimonial.elements .testimonial-content h3.name, 
.testimonial.elements .testimonial-content h3 span{
	color: #1a1a1a;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.testimonial.elements .testimonial-slide.owl-theme 
.owl-controls .owl-page span{
	border: 1px solid #e7e7e7;
}



/* Style Swithcer
================================================== */

.style-switch-wrapper {
	position: fixed;
	top: 100px;
	right: -250px;
	width: 250px;
	height: auto;
	background-color:rgba(0,0,0,.75);
	border-bottom-right-radius: 4px;
	padding: 20px 20px;
	z-index: 1000;
	-webkit-transition: all 0.35s;
	-moz-transition:  all 0.35s;
	-o-transition:  all 0.35s;
	transition:  all 0.35s;
}

.style-switch-wrapper h3{
	color: #fff;
	margin-top: 0;
	margin-bottom: 20px;
}

.style-switch-wrapper.active {
	right: 0;
}

.style-switch-button {
	position: absolute;
	top: 0;
	right: 250px;
	width: 50px;
	height: 50px;
	background-color:rgba(0,0,0,.75);
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	z-index: 1000;
	cursor: pointer;
}

.style-switch-button i {
	color: #FFF;
	position: relative;
	line-height: 1;
	top:15px;
	left: 15px;
	font-size: 20px;
}

.style-switch-wrapper button {
	width: 30px;
	height: 30px;
	border-radius: 100% !important;
	margin-bottom: 5px;
	color: #fff;
	display: inline-block;
	padding: 0 !important;
	margin-right: 2px;
	border: 0 !important;
}

a.close-styler{
	color: #fff !important;
	padding: 7px 20px !important;
	margin-right: 6px;
}

.style-switch-wrapper button:active, .style-switch-wrapper button:focus {
	border: 2px solid #FFF;
}

.style-switch-wrapper #preset1 {
	background-color: #49a2e7;
}

.style-switch-wrapper #preset2 {
	background-color: #81c83c;
}

.style-switch-wrapper #preset3 {
	background-color: #ee3b24;
}

.style-switch-wrapper #preset4 {
	background-color: #ffc400;
}

.style-switch-wrapper #preset5 {
	background-color: #334F96;
}

.style-switch-wrapper #preset6 {
	background-color: #8C42BA;
}